From 81b261a7d8010b4d8cf0aacf075583370752ba53 Mon Sep 17 00:00:00 2001
From: Gianmarco Gargiulo <me@gianmarco.gg>
Date: Mon, 15 May 2023 10:16:38 +0200
Subject: [PATCH] Made the miscellaneous pins at the footer invisible on mobile

---
 themes/hugo-casper3/assets/scss/custom.scss      |  4 ++++
 themes/hugo-casper3/layouts/_default/baseof.html | 16 ++++++++--------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/themes/hugo-casper3/assets/scss/custom.scss b/themes/hugo-casper3/assets/scss/custom.scss
index 69b2d83..e508ef3 100644
--- a/themes/hugo-casper3/assets/scss/custom.scss
+++ b/themes/hugo-casper3/assets/scss/custom.scss
@@ -8,6 +8,10 @@
   margin-left: auto;
 }
 
+@media screen and (min-width: 0px) and (max-width: 720px) {
+  .mobile-hide{ display: none; }
+}
+
 /* FONTS */
 
 @font-face {
diff --git a/themes/hugo-casper3/layouts/_default/baseof.html b/themes/hugo-casper3/layouts/_default/baseof.html
index 8df24b4..f00c74f 100644
--- a/themes/hugo-casper3/layouts/_default/baseof.html
+++ b/themes/hugo-casper3/layouts/_default/baseof.html
@@ -61,11 +61,11 @@
                 </nav>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
             <p> </p>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
                 <a href="https://jellyfin.org">
                     <figure>
                 <img src="/pins/jellyfin.gif"></img>
@@ -123,11 +123,11 @@
                 </a>
                 </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
             <p> </p>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
                 <a href="https://joinmastodon.org">
                     <figure>
                 <img src="/pins/f_ckfb.gif"></img>
@@ -185,11 +185,11 @@
                 </a>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
             <p> </p>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
                 <a href="https://apache.org">
                     <figure>
                 <img src="/pins/apache-powered.gif"></img>
@@ -247,11 +247,11 @@
                 </a>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
             <p> </p>
             </div>
 
-            <div class="site-footer-content inner">
+            <div class="site-footer-content inner mobile-hide">
                 <a href="https://fsf.org">
                     <figure>
                 <img src="/pins/ihatems.gif"></img>