From ddc8756b54ad147452e2f89b127c218ab2f8b842 Mon Sep 17 00:00:00 2001
From: Andreas Marienborg <omega@palle.net>
Date: Wed, 24 Feb 2021 17:00:31 +0100
Subject: [PATCH 1/3] Add donation-info up top

It's not perfect, but its an attempt at least.

There are some small fixes to mobile screens as well. The biggest problem left on mobile is the calendar, not sure what the best plan is there :/
---
 index.php | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/index.php b/index.php
index 795828e..9c95d91 100755
--- a/index.php
+++ b/index.php
@@ -53,6 +53,17 @@
     right: 0;
     top: 0;
   }
+    .donation-info {
+      border: 2px solid silver;
+      padding: 10px 18px;
+      max-width: min(100%, 240px);
+      float: right;
+      text-align: center;
+      margin: 0 auto;
+    }
+    iframe {
+      max-width: 100%;
+    }
   </style>
 </head>
 
@@ -318,6 +329,9 @@ function initialize()
 display: inline-block;
 margin: 15px;
 }
+.sponsorer img {
+  max-width: 100%;
+}
 </style>
   <p class="sponsorer">
     <a href="https://www.ohmify.com"><img src="images/sponsorer/ohmify-logo.png" alt="Ohmify"></a>

From 9d2602c198f4f11846ee6d167ea79f9b749750a6 Mon Sep 17 00:00:00 2001
From: Andreas Marienborg <omega@palle.net>
Date: Wed, 24 Feb 2021 17:03:31 +0100
Subject: [PATCH 2/3] More margin on the donation box

---
 index.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.php b/index.php
index 9c95d91..ba788ce 100755
--- a/index.php
+++ b/index.php
@@ -59,7 +59,7 @@
       max-width: min(100%, 240px);
       float: right;
       text-align: center;
-      margin: 0 auto;
+      margin: 8px auto 16px;
     }
     iframe {
       max-width: 100%;

From 0d9eb12e4c4b37524d1d2d92dbf6b75db2b6c9d3 Mon Sep 17 00:00:00 2001
From: Andreas Marienborg <omega@palle.net>
Date: Wed, 24 Feb 2021 17:08:56 +0100
Subject: [PATCH 3/3] Compact event-table a bit on small screens

Shorten names and hours a bit
---
 index.php | 41 +++++++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/index.php b/index.php
index ba788ce..9fa259b 100755
--- a/index.php
+++ b/index.php
@@ -64,6 +64,11 @@
     iframe {
       max-width: 100%;
     }
+    @media (max-width: 600px) {
+      .hidden-xs {
+        display: none;
+      }
+    }
   </style>
 </head>
 
@@ -259,42 +264,42 @@ function initialize()
   <table class='grid-table calendar'>
     <tr>
       <td style='border: none'>
-      <th>Mandag
-      <th>Tirsdag
-      <th>Onsdag
-      <th>Torsdag
-      <th>Fredag
-      <th>Lørdag
-      <th>Søndag
+      <th>Man<span class="hidden-xs">dag</span>
+      <th>Tirs<span class="hidden-xs">dag</span>
+      <th>Ons<span class="hidden-xs">dag</span>
+      <th>Tors<span class="hidden-xs">dag</span>
+      <th>Fre<span class="hidden-xs">dag</span>
+      <th>Lør<span class="hidden-xs">dag</span>
+      <th>Søn<span class="hidden-xs">dag</span>
     <tr>
-      <th style='border-top: none'>&#8942;<br>12:00
+      <th style='border-top: none'>&#8942;<br>12<span class="hidden-xs">:00</span>
       <td colspan=5 rowspan=4>Arbeidstid<i id="annotation_event">¹</i>
     <tr>
-      <th>13:00
+      <th>13<span class="hidden-xs">:00</span>
     <tr>
-      <th>14:00
+      <th>14<span class="hidden-xs">:00</span>
     <tr>
-      <th>15:00
+      <th>15<span class="hidden-xs">:00</span>
     <tr>
-      <th>16:00
+      <th>16<span class="hidden-xs">:00</span>
     <tr>
-      <th>17:00
+      <th>17<span class="hidden-xs">:00</span>
     <tr>
-      <th>18:00
+      <th>18<span class="hidden-xs">:00</span>
       <td style='border: none' rowspan='5'>
       <td style='border: none'>
       <td style='border: none'>
       <td rowspan=5 class=ne><a href='/build-night'>Build<br>Night</a>
     <tr>
-      <th>19:00
+      <th>19<span class="hidden-xs">:00</span>
     <tr>
-      <th>20:00
+      <th>20<span class="hidden-xs">:00</span>
       <td style='border: none'>
     <tr>
-      <th>21:00
+      <th>21<span class="hidden-xs">:00</span>
       <td style='border:none'>
       <tr>
-      <th class=ne>22:00<br>&#8942;
+      <th class=ne>22<span class="hidden-xs">:00</span><br>&#8942;
   </table>
 
   <h2>Chat</h2>