From aaf646b552ffd088e1f67e0e9ea9f9188984eee1 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Apr 2021 18:19:59 +0200
Subject: custom roadblock

---
 frontend/site/projects/museum/views/mobile.css | 45 ++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

(limited to 'frontend/site/projects/museum/views')

diff --git a/frontend/site/projects/museum/views/mobile.css b/frontend/site/projects/museum/views/mobile.css
index c9574ee..688fa2a 100644
--- a/frontend/site/projects/museum/views/mobile.css
+++ b/frontend/site/projects/museum/views/mobile.css
@@ -1,4 +1,14 @@
 @media only screen and (max-device-height: 500px) {
+  /* site container */
+  .container {
+    height: 100vh;
+    width: 100vw;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  
   /* main nav */
   .page .home-link,
   .museum-nav .home-link {
@@ -59,6 +69,41 @@
   .page-artists .artist-location {
     bottom: 0.5rem;
   }
+  .page-artists .artist-left {
+    width: 100vw;
+    padding-left: 5rem;
+    padding-right: 5rem;
+    font-size: 1.1rem;
+    line-height: 1.4;
+  }
+  .page-artists .artist-right {
+    width: 100vw;
+    left: 0;
+    opacity: 0.25;
+  }
+  .page-artists .artist-location {
+    bottom: 0;
+    background: #111111;
+    padding: 0.75rem;
+    margin: 0;
+  }
+
+  /* essay */
+  .page-essay .page-content {
+    width: 100vw;
+    padding: 0 5rem;
+    margin: 0;
+  }
+  .page-essay.page-artists .artist-location {
+    bottom: 0;
+    padding: 0.75rem 0;
+  }
+  .page-essay p {
+    font-size: 1.1rem;
+  }
+  .page-essay.page-artists .page-title {
+    margin: 1rem 0;
+  }
 
   /* charles */
   .charles-text {
-- 
cgit v1.2.3-70-g09d2