From 9ec276ec3ddbbaad554657333453317947f98d63 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sun, 16 Dec 2018 12:42:21 +0100
Subject: generate single page with -i

---
 site/assets/css/css.css                 | 16 ++++++++++++++++
 site/public/test/citations/index.html   |  5 ++---
 site/public/test/csv/index.html         |  7 +++----
 site/public/test/datasets/index.html    |  5 ++---
 site/public/test/face_search/index.html |  5 ++---
 site/public/test/gallery/index.html     |  2 +-
 site/public/test/map/index.html         |  4 +---
 site/public/test/name_search/index.html |  4 +---
 8 files changed, 28 insertions(+), 20 deletions(-)

(limited to 'site')

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 83db7f23..b6742cdc 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -11,6 +11,14 @@ html {
   background: #191919;
 }
 
+.content {
+  opacity: 0;
+  transition: opacity 0.2s cubic-bezier(0,1,1,1);
+}
+html.desktop .content, html.mobile .content {
+  opacity: 1;
+}
+
 /* header */
 
 header {
@@ -130,6 +138,14 @@ h2, h3 {
   font-weight: 500;
   transition: color 0.2s cubic-bezier(0,0,1,1);
 }
+.content h2 a {
+  color: #888;
+  text-decoration: none;
+}
+.desktop .content h2 a:hover {
+  color: #fff;
+  text-decoration: underline;
+}
 
 th, .gray, h2, h3 {
   font-family: 'Roboto Mono', monospace;
diff --git a/site/public/test/citations/index.html b/site/public/test/citations/index.html
index 2013db4e..32b9115c 100644
--- a/site/public/test/citations/index.html
+++ b/site/public/test/citations/index.html
@@ -27,9 +27,8 @@
   </header>
   <div class="content">
     
-  <section><pre><code>citations lfw
-</code></pre>
-</section>
+  <section><h1>Citations</h1>
+</section><section><div class='applet' data-payload='{"command": "citations lfw"}'></div></section>
 
   </div>
   <footer>
diff --git a/site/public/test/csv/index.html b/site/public/test/csv/index.html
index bde4a17c..a201c94a 100644
--- a/site/public/test/csv/index.html
+++ b/site/public/test/csv/index.html
@@ -27,10 +27,9 @@
   </header>
   <div class="content">
     
-  <section><pre><code>load file: /datasets/lfw/assets/lfw_names_gender_kg_min.csv
-Name, Images, Gender, Description
-</code></pre>
-</section>
+  <section><h1>CSV Test</h1>
+<h2><a href="/test/">&larr; Back to test index</a></h2>
+</section><section><div class='applet' data-payload='{"command": "load file", "opt": "/datasets/lfw/assets/lfw_names_gender_kg_min.csv", "fields": "Name, Images, Gender, Description"}'></div></section>
 
   </div>
   <footer>
diff --git a/site/public/test/datasets/index.html b/site/public/test/datasets/index.html
index 6c56cd3a..2874ee2d 100644
--- a/site/public/test/datasets/index.html
+++ b/site/public/test/datasets/index.html
@@ -27,9 +27,8 @@
   </header>
   <div class="content">
     
-  <section><pre><code>load file: https://megapixels.nyc3.digitaloceanspaces.com/v1/datasets/datasets.csv
-</code></pre>
-</section>
+  <section><h1>Index of datasets</h1>
+</section><section><div class='applet' data-payload='{"command": "load file", "opt": "https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/https://megapixels.nyc3.digitaloceanspaces.com/v1/datasets/datasets.csv"}'></div></section>
 
   </div>
   <footer>
diff --git a/site/public/test/face_search/index.html b/site/public/test/face_search/index.html
index 7ad32258..3ae3e3f0 100644
--- a/site/public/test/face_search/index.html
+++ b/site/public/test/face_search/index.html
@@ -27,9 +27,8 @@
   </header>
   <div class="content">
     
-  <section><pre><code>face_search lfw
-</code></pre>
-</section>
+  <section><h1>Face search</h1>
+</section><section><div class='applet' data-payload='{"command": "face_search lfw"}'></div></section>
 
   </div>
   <footer>
diff --git a/site/public/test/gallery/index.html b/site/public/test/gallery/index.html
index d2ccd071..fa7ab0ec 100644
--- a/site/public/test/gallery/index.html
+++ b/site/public/test/gallery/index.html
@@ -27,7 +27,7 @@
   </header>
   <div class="content">
     
-  <section><h1>Test of modal images</h1>
+  <section><h1>Gallery test</h1>
 </section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Modal image 1'><div class='caption'>Modal image 1</div></div>
 <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Modal image 2'><div class='caption'>Modal image 2</div></div>
 <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/test/assets/man.jpg' alt='Modal image 3'><div class='caption'>Modal image 3</div></div></section>
diff --git a/site/public/test/map/index.html b/site/public/test/map/index.html
index b29f19e7..cb8a216e 100644
--- a/site/public/test/map/index.html
+++ b/site/public/test/map/index.html
@@ -27,9 +27,7 @@
   </header>
   <div class="content">
     
-  <section><pre><code>map lfw
-</code></pre>
-</section>
+  <section><div class='applet' data-payload='{"command": "map lfw"}'></div></section>
 
   </div>
   <footer>
diff --git a/site/public/test/name_search/index.html b/site/public/test/name_search/index.html
index d2cda3eb..f67b8723 100644
--- a/site/public/test/name_search/index.html
+++ b/site/public/test/name_search/index.html
@@ -27,9 +27,7 @@
   </header>
   <div class="content">
     
-  <section><pre><code>name_search lfw
-</code></pre>
-</section>
+  <section><div class='applet' data-payload='{"command": "name_search lfw"}'></div></section>
 
   </div>
   <footer>
-- 
cgit v1.2.3-70-g09d2