From 1764cf3bdbe5baaa4a916f4ba5c3658f2f5ba120 Mon Sep 17 00:00:00 2001
From: ktyl <me@ktyl.dev>
Date: Fri, 31 Dec 2021 16:30:27 +0000
Subject: [PATCH] responsive landing page

---
 src/inc_css/landing.css | 13 +++++++++++++
 src/root/styles.css     |  6 ++++++
 todo.md                 |  4 ++--
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/inc_css/landing.css b/src/inc_css/landing.css
index 90b4886..3901c6e 100644
--- a/src/inc_css/landing.css
+++ b/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;*/
+    }
+}
diff --git a/src/root/styles.css b/src/root/styles.css
index 1041576..f2117c3 100644
--- a/src/root/styles.css
+++ b/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;
diff --git a/todo.md b/todo.md
index 9980b67..ec2eadd 100644
--- a/todo.md
+++ b/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