Add proper styling.

This commit is contained in:
Dieter De Paepe 2016-11-29 11:18:21 +01:00
parent a15fcadc21
commit d282c57354
1 changed files with 18 additions and 12 deletions

View File

@ -8,17 +8,23 @@
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head> </head>
<body> <body>
<h1>IDLab Turtle Validator</h1> <div class="container">
<p>This is the web version of the NodeJS <a href="https://github.com/mmlab/TurtleValidator">Turtle Validator</a>, <h1>IDLab Turtle Validator</h1>
which is also available as a command line tool.</p> <p>This is the web version of the NodeJS <a href="https://github.com/mmlab/TurtleValidator">Turtle Validator</a>,
<h2>Paste your turtle file in here and press validate</h2> which is also available as a command line tool.</p>
<form> <h2>Paste your turtle file in here and press validate</h2>
<textarea class="area" id="ta_turtle"></textarea> <form>
<input type="button" id="btn_validate" value="Validate!"/> <div class="form-group">
</form> <textarea class="area" id="ta_turtle"></textarea>
<ul id="errors"></ul> </div>
<ul id="warnings"></ul> <div class="form-group">
<p id="results"></p> <input type="button" id="btn_validate" class="btn btn-default" value="Validate!"/>
<script src="js/app.js"></script> </div>
</form>
<ul id="errors"></ul>
<ul id="warnings"></ul>
<p id="results"></p>
<script src="js/app.js"></script>
</div>
</body> </body>
</html> </html>