From 23e3e8f0727de24660d21313f93f2bd546488955 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= <hello@benjaminbaedorf.eu>
Date: Sun, 30 May 2021 19:15:14 +0200
Subject: [PATCH] Better mobile view

---
 index.html | 9 +++++----
 shell.nix  | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 85a2aff..183343c 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,7 @@
       width: 100vw;
       height: 100vh;
       margin: 0;
-      font-size: 16px;
+      font-size: max(1vw, 1vh);
     }
 
     body {
@@ -73,6 +73,7 @@
     .ps-main {
       display: flex;
       align-items: center;
+      justify-content: center;
       height: 100vh;
       width: 100vw;
       position: relative;
@@ -91,17 +92,16 @@
     }
 
     .ps-page {
-      margin-top: 10vh;
       display: flex;
       flex-direction: column;
       align-items: center;
-      width: 100%;
+      width: min(100vw, 100vh);
 
       transform: rotate(-25deg);
     }
 
     @media screen and (orientation: landscape) {
-      .ps-background--logo {
+      .ps-page {
         transform: rotate(-65deg);
       }
     }
@@ -112,6 +112,7 @@
       margin-bottom: 6rem;
       line-height: 3rem;
       text-decoration: none;
+      text-align: center;
       font-weight: 900;
       font-size: 8rem;
       text-shadow: 5px 0px 0px white;
diff --git a/shell.nix b/shell.nix
index 8685862..16fcb66 100644
--- a/shell.nix
+++ b/shell.nix
@@ -3,5 +3,6 @@
 pkgs.mkShell {
   buildInputs = [
     pkgs.nodejs
+    pkgs.nodePackages.serve
   ];
 }