responsive landing page

src/inc_css/landing.css

@@ -48,3 +48,16 @@
     font-size: 3.5em;
     padding: 0 .07em;
 }
+
+@media only screen and (max-width: 600px) {
+    .landing.page {
+        position: fixed;
+
+        margin: 0;
+        padding: 50% 0 0 0;
+
+        height: 100%;
+
+        /*background-color: blue;*/
+    }
+}

src/root/styles.css

@@ -66,6 +66,12 @@ a.fsText {
 
     transform: translate(-50%, 0);
 }
+@media only screen and (max-width: 600px) {
+    .page {
+        width: 100%;
+        padding: 0;
+    }
+}
 
 .page .textPanel .separator {
     position: relative;

todo.md

@@ -6,9 +6,9 @@
             * [x] title left (no trail)
             * [x] page links right (no prefix)
         * [ ] text bigger
-    * [ ] landing page
+    * [-] landing page
+        * [x] central
         * [ ] smaller
-        * [ ] central
     * [ ] about
         * [ ] narrow text
         * [ ] hope -> use