Support Slide Layout settings

Render viewer slides top-down Only show desired fields in slides Show all fields by default Pull latest HTML
KhalisFoundation · Apr 21, 2017 · d3f5786 · d3f5786
1 parent 52c834e
commit d3f5786
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/www/core b/www/core
diff --git a/www/js/defaults.json b/www/js/defaults.json
@@ -7,6 +7,13 @@
       "translationEnglish": "ssk",
       "transliteration": true,
       "meta": true
+    },
+    "slide-layout": {
+      "fields": {
+        "display-translation": true,
+        "display-transliteration": true,
+        "display-teeka": true
+      }
     }
   },
   "gurmukhiKB": false,

diff --git a/www/src/scss/viewer.scss b/www/src/scss/viewer.scss
@@ -63,7 +63,7 @@ html {
   display: flex;
   flex-flow: column nowrap;
   height: calc(100% - 250px);
-  justify-content: space-around;
+  justify-content: flex-start;
   opacity: 0;
   position: absolute;
   transition: opacity 400ms ease-out;
@@ -81,7 +81,7 @@ body.viewer .slide {
 h1,
 h2 {
   cursor: default;
-  margin: 0;
+  margin: 0 0 20px;
 }
 
 .gurbani {
@@ -98,6 +98,7 @@ h2 {
 
 .translation {
   font-size: 5vh;
+  line-height: 1.2;
 }
 
 .transliteration {
@@ -108,7 +109,19 @@ h2 {
 .teeka {
   font-family: 'AnmolUniBaniTrue';
   font-size: 4vh;
-  line-height: 1.3;
+  line-height: 1.4;
+}
+
+.translation,
+.transliteration,
+.teeka {
+  display: none;
+}
+
+.display-translation .translation,
+.display-transliteration .transliteration,
+.display-teeka .teeka {
+  display: block;
 }
 
 #logo {