From 3e256b815ae04e37886539b606c0cf2277ef8869 Mon Sep 17 00:00:00 2001
From: adb <info@adb.sh>
Date: Thu, 31 Dec 2020 02:52:57 +0100
Subject: [PATCH] mobile friendly

---
 index.html | 41 ++++++++---------------------------------
 1 file changed, 8 insertions(+), 33 deletions(-)

diff --git a/index.html b/index.html
index 3aa5a43..dd5d81f 100755
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@
     <meta content="Private Homepage" name="page-type">
     <meta content="en" http-equiv="content-language">
     <meta content="index, follow" name="robots">
+    <meta name="viewport" content="width=device-width,initial-scale=0.8,maximum-scale=0.8,user-scalable=0">
 
     <style>
         @import 'https://fonts.googleapis.com/css?family=Roboto+Mono:100';
@@ -31,16 +32,16 @@
         table {
             position: relative;
             margin: auto;
-            width: calc(100% - 50px);
-            max-width: 600px;
+            width: calc(100% - 2rem);
+            max-width: 40rem;
             background-color: #1f262b;
             box-shadow: 3px 3px 10px #333;
             border: 2px solid #fff;
             border-collapse: separate;
             border-spacing: 2px;
-            border-radius: 10px;
+            border-radius: 0.75rem;
             color: #fff;
-            font-size: 15pt;
+            font-size: 1.2rem;
             font-family: "Roboto", regular, sans-serif;
         }
 
@@ -51,7 +52,6 @@
 
         th {
             margin: auto;
-            border: 0px solid #aaa;
             background-color: #546E7A;
             padding: 20px;
             border-radius: 8px;
@@ -59,22 +59,21 @@
 
         td {
             margin: auto;
-            border: 0px solid #aaa;
             background-color: #37474F;
             padding: 10px;
             border-radius: 8px;
         }
 
         td.left, th.left {
-            border-radius: 8px 0px 0px 8px;
+            border-radius: 0.5rem 0 0 0.5rem;
         }
 
         td.right, th.right {
-            border-radius: 0px 8px 8px 0px;
+            border-radius: 0 0.5rem 0.5rem 0;
         }
 
         td.mid, th.mid {
-            border-radius: 0px 0px 0px 0px;
+            border-radius: 0 0 0 0;
         }
 
         .footer {
@@ -135,30 +134,6 @@
             height: 50px;
             width: 50px;
         }
-
-        @media (max-width: 1100px) and (min-height: 1100px) {
-            .middle {
-                width: 80%;
-                margin-left: 10%;
-                font-size: 8em;
-                color: #fafafa;
-                position: fixed;
-                bottom: 30%;
-                text-align: center;
-            }
-
-            .social {
-                position: relative;
-                top: 100px;
-            }
-
-            .logo-img {
-                fill: #fafafa;
-                height: 120px;
-                width: 120px;
-            }
-        }
-
     </style>
 
 </head>