From de2cc52fcbbf9186c9ac5c8ce97c9a00d7dce242 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 7 Mar 2021 17:58:38 +0100
Subject: Tweak index layout when aspect ratio drops below 1

---
 stylesheets/index.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 23949cc..020375c 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -51,3 +51,21 @@ a#next-concert:hover {
 #next-concert #day {
     font-weight: 600;
 }
+
+@media (max-aspect-ratio: 1/1) {
+    body {
+        background-image: url('/images/photos/PierreVaillant2.jpg');
+        background-position: bottom;
+    }
+
+    main {
+        display: flex;
+        justify-content: center;
+    }
+
+    a#next-concert {
+        bottom: auto;
+        left: auto;
+        top: 10%;
+     }
+}
-- 
cgit v1.2.3