From 6b58b667f2e3a0fdee06d325d31f4618b676e530 Mon Sep 17 00:00:00 2001
From: Ege Korkan <egekorkan@gmail.com>
Date: Wed, 17 Oct 2018 10:05:46 +0200
Subject: [PATCH] move examples, update schema link

---
 WebContent/css/playground.css | 10 +++--
 WebContent/index.html         | 71 ++++++++++++++++++++---------------
 2 files changed, 48 insertions(+), 33 deletions(-)

diff --git a/WebContent/css/playground.css b/WebContent/css/playground.css
index 6f91d087d..e1cebd57d 100644
--- a/WebContent/css/playground.css
+++ b/WebContent/css/playground.css
@@ -22,7 +22,7 @@ body {
 }
 
 .panel button {
-	float: right;
+	float: middle;
 	margin-top: 1em;
 	margin-bottom: 1em;
 }
@@ -41,9 +41,13 @@ textarea {
 .button-warning{
 	color: white;
 	border-radius: 4px;
-	font-size: 125%;
+	font-size: 60%;
 	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-
+	padding-right: 10px;
+margin-top: 0px;
+margin-left: -10px;
+margin-right: -10px;
+margin-bottom: 0px;
 }
 
 .button-success {
diff --git a/WebContent/index.html b/WebContent/index.html
index 965db42f8..93cfbe8f9 100644
--- a/WebContent/index.html
+++ b/WebContent/index.html
@@ -46,44 +46,20 @@ <h3 class="pure-u-1 header"> <i class="fab fa-github"></i> For unexpected valida
 				</a>
 			</h3>
 
-			<div class="pure-u-1 pure-u-lg-1-8">
-				<pre>Examples</pre>
-			</div>
-			<div class="pure-u-1 pure-u-lg-5-24">
-				<a class="pure-button button-success pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Valid"
-				 target="_blank">
-					<i class="fas fa-check"></i>
-					Valid TDs
-				</a>
-			</div>
-			<div class="pure-u-1 pure-u-lg-5-24">
-				<a class="pure-button button-warning pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Warning"
-				 target="_blank">
-					<i class="fas fa-exclamation"></i>
-					Warning TDs
-				</a>
-			</div>
-			<div class="pure-u-1 pure-u-lg-5-24">
-				<a class="pure-button button-error pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Invalid"
-				 target="_blank">
-					<i class="fas fa-times"></i>
-					Invalid TDs
-				</a>
-			</div>
-
 			<div class="pure-u-1">
 				<pre></pre>
 			</div>
 
 			<!-- <div class="pure-u-1 pure-u-lg-17-24 "> -->
-			<div class="pure-u-18-24">
+			<div class="pure-u-17-24">
 				<textarea autofocus id="td-text" name="td-text" rows="32" placeholder="Enter Thing Description here..."></textarea>
 			</div>
 
 			<!-- <div class="pure-u-1 pure-u-lg-7-24 "> -->
-			<div class="pure-u-5-24">
+			<div class="pure-u-6-24">
 				<div class="panel">
-					<table class="pure-table">
+
+					<table class="pure-table pure-table-bordered">
 						<tbody>
 							<tr>
 								<td>
@@ -119,8 +95,10 @@ <h3 class="pure-u-1 header"> <i class="fab fa-github"></i> For unexpected valida
 							</tr>
 						</tbody>
 					</table>
+
 					<button id="td-validate" class="pure-button" disabled="disabled">Validate</button>
-					<table class="pure-table">
+
+					<table class="pure-table pure-table-bordered">
 						<tbody>
 							<tr>
 								<td>JSON Error?</td>
@@ -128,7 +106,7 @@ <h3 class="pure-u-1 header"> <i class="fab fa-github"></i> For unexpected valida
 							</tr>
 							<tr>
 								<td>JSON Schema Error?</td>
-								<td>Paste <a href="https://raw.githubusercontent.com/thingweb/thingweb-playground/master/WebContent/td-schema-bundang-simple.json"
+								<td>Paste <a href="https://raw.githubusercontent.com/thingweb/thingweb-playground/master/WebContent/td-schema-lyon.json"
 									 target="_blank">this schema</a>, <a href="https://jsonschemalint.com/#/version/draft-06/markup/json" target="_blank">here</a></td>
 							</tr>
 							<tr>
@@ -137,6 +115,39 @@ <h3 class="pure-u-1 header"> <i class="fab fa-github"></i> For unexpected valida
 							</tr>
 						</tbody>
 					</table>
+<pre></pre>
+					<table class="pure-table">
+
+						<tbody>
+							<tr>
+								<td>Examples: </td>
+								<td>
+									<a class="pure-button button-success pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Valid"
+									 target="_blank">
+										<i class="fas fa-check"></i>
+										
+									</a>
+								</td>
+
+								<td>
+									<a class="pure-button button-warning pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Warning"
+									 target="_blank">
+										<i class="fas fa-exclamation"></i>
+										
+									</a>
+								</td>
+
+								<td>
+									<a class="pure-button button-error pure-button-active" href="https://github.com/thingweb/thingweb-playground/tree/master/WebContent/Examples/Lyon/Invalid"
+									 target="_blank">
+										<i class="fas fa-times"></i>
+										
+									</a>
+								</td>
+							</tr>
+
+						</tbody>
+					</table>
 				</div>
 			</div>
 		</form>