new: added footer with phc logo

src/layouts/Base.astro

@@ -51,5 +51,13 @@ const { title, courses, selectedCourseLabel } = Astro.props
         <main>
             <slot />
         </main>
+        <footer>
+            <p>
+                Creata con <code>&lt;3</code> dal
+                <a class="logo" href="https://poisson.phc.dm.unipi.it/">
+                    <img src="/logo-phc.svg" alt="PHC" srcset="" />
+                </a>
+            </p>
+        </footer>
     </body>
 </html>

src/style.css

@@ -44,6 +44,10 @@ a,
         background-color: #a00;
         color: #fff;
     }
+
+    @media screen and (max-width: 50rem) {
+        padding: 0.125rem 1px;
+    }
 }
 
 h1,
@@ -76,6 +80,9 @@ table {
         width: 100%;
         max-width: auto;
 
+        font-size: 15px;
+        line-height: 1.25;
+
         th,
         td {
             min-width: auto;
@@ -83,6 +90,12 @@ table {
     }
 }
 
+code {
+    font-family: monospace;
+    font-size: 0.9em;
+    border-radius: 4px;
+}
+
 /* Components */
 
 /* Layout */
@@ -98,10 +111,10 @@ body {
 
     display: grid;
     grid-template-columns: 1fr;
-    grid-template-rows: auto 1fr;
+    grid-template-rows: auto 1fr auto;
 
-    gap: 8rem;
-    padding-bottom: 8rem;
+    gap: 6rem;
+    padding-bottom: 6rem;
 
     header {
         user-select: none;
@@ -242,23 +255,54 @@ body {
             }
         }
     }
+
+    footer {
+        place-self: center;
+
+        a:has(img),
+        .link:has(img) {
+            display: inline-block;
+            background: none;
+
+            padding: 0;
+
+            border: 2px solid transparent;
+
+            &:hover {
+                background: none;
+                border: 2px solid #a00;
+            }
+        }
+
+        img {
+            display: inline-block;
+            max-height: 3rem;
+            vertical-align: middle;
+        }
+
+        .logo {
+            transform: translate(0, -0.25rem);
+        }
+    }
 }
 
 /* Mobile */
 
 @media screen and (max-width: 50rem) {
-    table {
-        font-size: 15px;
-        line-height: 1.25;
-    }
-
     body {
-        gap: 3rem;
+        gap: 0;
         padding-bottom: 3rem;
 
         > main {
-            width: calc(100vw - 2rem);
+            width: 100%;
             padding: 1rem;
+
+            border: none;
+            border-bottom: 4px solid #a00;
+        }
+
+        > footer {
+            margin-top: 3rem;
         }
     }
 }