Fix "stuff"

2 files changed, 26 insertions, 1 deletions

diff --git a/main.css b/main.css
index 614d116..1f4ec1d 100644
--- a/main.css
+++ b/main.css
@@ -423,6 +423,17 @@ a.lcolonq-button-link :active {
     }
 }
 
+@media (max-width : 320px) {
+    #lcolonq-gc-logo {
+        max-width: 60vw;
+        max-height: 60vw;
+    }
+    #lcolonq-gc-spin-image {
+        height: 160%;
+        width: 160%;
+    }
+}
+
 #lcolonq-gc-rest {
     min-height: 100vh;
     display: grid;
@@ -439,6 +450,7 @@ a.lcolonq-button-link :active {
 
 #lcolonq-gc-explainer h1 {
     text-align: center;
+    font-size: 1.9rem;
 }
 
 #lcolonq-gc-explainer p {
@@ -453,6 +465,10 @@ a.lcolonq-button-link :active {
     text-align: center;
 }
 
+#lcolonq-gc-relentless h1 {
+    font-size: 1.9rem;
+}
+
 #lcolonq-gc-panels {
     grid-area: 3 / 1 / 3 / 4;
     margin-left: 1rem;
@@ -460,7 +476,7 @@ a.lcolonq-button-link :active {
     margin-bottom: 1rem;
     display: grid;
     justify-content: center;
-    grid-template-columns: repeat(auto-fit, 20rem);
+    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
     grid-auto-rows: minmax(10rem, auto);
     gap: 1rem;
 }
@@ -469,6 +485,7 @@ a.lcolonq-button-link :active {
     border: solid black;
     padding: 1rem;
     display: none;
+    cursor: pointer;
 }
 
 .lcolonq-gc-panel:hover {
diff --git a/templates/greencircle/index.html b/templates/greencircle/index.html
index 64ecbaf..222662c 100644
--- a/templates/greencircle/index.html
+++ b/templates/greencircle/index.html
@@ -293,6 +293,14 @@ CONFIG_SUBST
                     a pleasant fox type character.
                     you will not regret: <span class="lcolonq-gc-now">here</span>.
                 </div>
+                <div class="lcolonq-gc-panel" id="lcolonq-gc-panel-liquidcake1">
+                    <h2>liquidcake1</h2>
+                    not to be confused with solid cake zero.
+                    programming, crosswords, cycling have been past topics.
+                    experienced and cool as a cucumber.
+                    ask about his befunge interpreter.
+                    he's live now <span class="lcolonq-gc-now">now</span>.
+                </div>
                 <div class="lcolonq-gc-panel" id="lcolonq-gc-panel-imgeiser">
                     <h2>imgeiser</h2>
                     he is geiser.