From dd112869388cdfed451f2abab5953b281133a294 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= <hello@benjaminbaedorf.eu>
Date: Sun, 30 May 2021 17:36:37 +0200
Subject: [PATCH] mobile is fucked

---
 index.html | 34 ++++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 094fbd5..85a2aff 100644
--- a/index.html
+++ b/index.html
@@ -49,7 +49,7 @@
       --background: #fff;
 
       font-family: 'Open Sans', Arial, sans-serif;
-      font-weight: 300;
+      font-weight: 900;
       background: var(--background);
       color: var(--foreground);
       -ms-text-size-adjust: 100%;
@@ -80,7 +80,7 @@
 
     .ps-main--background {
       position: fixed;
-      height: 100vw;
+      height: 100vh;
       width: 100vw;
       overflow: hidden;
     }
@@ -95,8 +95,15 @@
       display: flex;
       flex-direction: column;
       align-items: center;
-      transform: rotate(-65deg);
       width: 100%;
+
+      transform: rotate(-25deg);
+    }
+
+    @media screen and (orientation: landscape) {
+      .ps-background--logo {
+        transform: rotate(-65deg);
+      }
     }
 
     .ps-page--link {
@@ -120,14 +127,21 @@
       flex-wrap: wrap;
       align-items: flex-start;
       justify-content: space-between;
+      speak: none;
     }
 
     .ps-background--logo {
-      width: calc(100vw / 16);
+      width: calc(100vw / 9);
       // height: 4rem;
       margin: 0.1rem;
     }
 
+    @media screen and (orientation: landscape) {
+      .ps-background--logo {
+        width: calc(100vw / 16);
+      }
+    }
+
     .ps-background--1312 {
       transform: rotate(34deg);
       transform-origin: center center;
@@ -674,12 +688,12 @@
         </div>
       </div>
       <main class="ps-main--page ps-page">
-        <a href="https://en.wikipedia.org/wiki/Free_software" class="ps-page--link">Fucking Free</a>
-        <a href="https://get.pub.solar/" class="ps-page--link">PubSolarOS</a>
-        <a href="https://element.pub.solar/" class="ps-page--link">Matrix</a>
-        <a href="https://mastodon.pub.solar/" class="ps-page--link">Mastodon</a>
-        <a href="https://matrix.to/#/@teutat3s:pub.solar" class="ps-page--link">@teutat3s</a>
-        <a href="https://b12f.io/" class="ps-page--link">@b12f</a>
+        <a href="https://en.wikipedia.org/wiki/Free_software" target="_blank" class="ps-page--link">Fucking Free</a>
+        <a href="https://get.pub.solar/" target="_blank" class="ps-page--link">PubSolarOS</a>
+        <a href="https://element.pub.solar/" target="_blank" class="ps-page--link">Matrix</a>
+        <a href="https://mastodon.pub.solar/" target="_blank" class="ps-page--link">Mastodon</a>
+        <a href="https://matrix.to/#/@teutat3s:pub.solar" target="_blank" class="ps-page--link">@teutat3s</a>
+        <a href="https://matrix.to/#/@b12f:pub.solar/" target="_blank" class="ps-page--link">@b12f</a>
       </main>
     </div>
     <script>