Fix

4 files changed, 49 insertions, 5 deletions

diff --git a/htdocs/public/assets/css/main.css b/htdocs/public/assets/css/main.css
index 06a24cd..c662972 100644
--- a/htdocs/public/assets/css/main.css
+++ b/htdocs/public/assets/css/main.css
@@ -20,6 +20,10 @@ main {
     grid-gap: 20px;
 }
 
+.bb-main-mobile {
+    display: none;
+}
+
 @media (max-width: 700px) {
     .grid-3:not(.dont-break-me) {
         grid-template-columns: 1fr 1fr;
@@ -27,6 +31,10 @@ main {
         grid-column-gap: 0;
     }
 
+    .projects {
+        grid-column-gap: 10px !important;
+    }
+
     .button h2 {
         margin-block-start: 0.33em;
         margin-block-end: 0.33em;
@@ -49,6 +57,36 @@ main {
         border-radius: 0 !important;
     }
 
+    @media (min-width: 500px) {
+        .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 {
+            border-radius: 5px !important;
+            border: 1px solid white !important;
+            display: inline-block;
+        }
+    }
+}
+
+
+@media (max-width: 500px) {
+    .grid-3 {
+        grid-template-columns: 1fr !important;
+    }
+
+    .bb-main-mobile {
+        display: inline-block;
+    }
+
+    .bb-main-desktop {
+        display: none;
+    }
+}
+
+@media (max-width: 375px) {
+    .grid-2 {
+        grid-template-columns: 1fr !important;
+        margin-bottom: 10px;
+    }
+
     .big-button.big-button-bg2.big-button-pt1, .big-button.big-button-bg2.big-button-pt2 {
         border-radius: 5px !important;
         border: 1px solid white !important;
diff --git a/htdocs/public/index.ejs b/htdocs/public/index.ejs
index 4e261cd..c11f225 100644
--- a/htdocs/public/index.ejs
+++ b/htdocs/public/index.ejs
@@ -39,26 +39,29 @@
         <img src="/assets/icons/projects.svg" class="main-icon">
         <h2 class="main-icon-sub">Projects</h2>
         <h3>The kind of weird stuff I do on my free time</h3>
+        <a href="/projects" class="big-button bb-main-mobile">View list →</a>
     </div>
     <div style="text-align: center;">
         <img src="/assets/icons/contact.svg" class="main-icon">
         <h2 class="main-icon-sub">Contact Me</h2>
         <h3>So, you want to have a chat? With me? Nice! Come say hi.</h3>
+        <a href="#/contact" class="big-button bb-main-mobile">Contact Info ↓</a>
     </div>
     <div style="text-align: center;">
         <img src="/assets/icons/about.svg" class="main-icon">
         <h2 class="main-icon-sub">About Me</h2>
         <h3>Oh no, you don't know me! Don't worry, we can solve that!</h3>
+        <a href="#/about" class="big-button bb-main-mobile">View Info ↓</a>
     </div>
 
     <div style="height: 41px;text-align: center;">
-        <a href="/projects" class="big-button">View list →</a>
+        <a href="/projects" class="big-button bb-main-desktop">View list →</a>
     </div>
     <div style="text-align: center;">
-        <a href="#/contact" class="big-button">Contact Info ↓</a>
+        <a href="#/contact" class="big-button bb-main-desktop">Contact Info ↓</a>
     </div>
     <div style="text-align: center;">
-        <a href="#/about" class="big-button">View Info ↓</a>
+        <a href="#/about" class="big-button bb-main-desktop">View Info ↓</a>
     </div>
 </div>
 
diff --git a/htdocs/public/legal/index.ejs b/htdocs/public/legal/index.ejs
index 227f352..db9c215 100644
--- a/htdocs/public/legal/index.ejs
+++ b/htdocs/public/legal/index.ejs
@@ -287,7 +287,9 @@ LjxKOq2a
 <hr>
 
 <h2 id="/warrant">Warrant Canary</h2>
-<pre style="font-family:monospace;">
+<details>
+    <summary>Show warrant canary</summary>
+    <pre style="font-family:monospace;">
 -----BEGIN PGP SIGNED MESSAGE-----
 Hash: SHA256
 
@@ -317,4 +319,5 @@ RsSq7z80WAXn2SAZCYLO1tvdUdfxBSOvZadAcjP/PX4Mvy5Lokr0uRp92iCImxLZ
 =+ld4
 -----END PGP SIGNATURE-----
 </pre>
+</details>
 <%- include(`${private}/footer.ejs`) %>
\ No newline at end of file
diff --git a/htdocs/public/projects/index.ejs b/htdocs/public/projects/index.ejs
index e9fb838..e224e0d 100644
--- a/htdocs/public/projects/index.ejs
+++ b/htdocs/public/projects/index.ejs
@@ -9,7 +9,7 @@
 <p>This is the page where all legal documents are posted. All the content is signed using a GPG key, it's very important
     that you check for the validity of the legal content you see on this website, as it may have been compromised.</p>
 
-<div class="grid-3">
+<div class="grid-3 projects">
     <% for (let project of JSON.parse(fs.readFileSync(serverRoot + "/global/gitea.json").toString()).sort((a, b) => a.update - b.update).reverse()) { %>
         <div class="project">
             <img class="project-icon" src="<%- project.icon ?? "/assets/icons/project.svg" %>">