From f060e292db4791951bec78ee4a5d4fda9cf67a00 Mon Sep 17 00:00:00 2001
From: Luke Murphy <lukewm@riseup.net>
Date: Sat, 4 Apr 2020 22:04:12 +0200
Subject: [PATCH] Invisihack on the go

---
 hbbs/static/css/styles.css            |   9 ++++++++-
 hbbs/static/images/logo-invishack.png | Bin 0 -> 767 bytes
 hbbs/templates/layout.html            |   7 +++++++
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 hbbs/static/images/logo-invishack.png

diff --git a/hbbs/static/css/styles.css b/hbbs/static/css/styles.css
index f23cb34..e8eaa81 100644
--- a/hbbs/static/css/styles.css
+++ b/hbbs/static/css/styles.css
@@ -26,6 +26,12 @@ body {
   animation-duration: 120s;
 }
 
+@media (max-width: 768px) {
+  #hbbs-logo-invisible {
+    display: none !important;
+  }
+}
+
 ul {
   padding-left: 0;
 }
@@ -34,7 +40,8 @@ ul li {
   list-style: none;
 }
 
-#hbbs-logo {
+#hbbs-logo,
+#hbbs-logo-invisible {
   width: 90%;
 }
 
diff --git a/hbbs/static/images/logo-invishack.png b/hbbs/static/images/logo-invishack.png
new file mode 100644
index 0000000000000000000000000000000000000000..85595df0eef8201144e0d82146a02b01ec4cf0ed
GIT binary patch
literal 767
zcmeAS@N?(olHy`uVBq!ia0y~yU<v`U7jUov$x|$!_<<B#lDE4H!+#K5uy^@npa^Gy
zM`SSr1Gf+eGhVt|_XjA*UgGKN%Kn6fMcBaF`y4|o(5N0y7srr_TW@de<zf&JX$XAs
zH~wc-&#CiHmdka5UPbM5?CW4*IIuH`g@K`oi@_m)k%2>tfx(fLp<w|Ng8<MWP*H^y
z3=Axya8alts3=Skt+fK(0&*IXTaX+K5=C+_$Sp_?rlnSvse%l!V54)0kP;6ZTK^{f
zmU?^s90LRMRgQgptEbumBfN7d_xCn+AmgB<B5T6}ryC3mziYhMsUMUTG0Z}**u5VI
SshR_mDubu1pUXO@geCyUkc}|_

literal 0
HcmV?d00001

diff --git a/hbbs/templates/layout.html b/hbbs/templates/layout.html
index 33a1222..efaa3ee 100644
--- a/hbbs/templates/layout.html
+++ b/hbbs/templates/layout.html
@@ -42,6 +42,13 @@
           </ul>
         </div>
         <div id="content" class="col-md-4">
+          <!-- We're sorry... -->
+          <img
+            id="hbbs-logo-invisible"
+            class="img-fluid mx-auto d-block"
+            src="/static/images/logo-invishack.png"
+            alt="hbbs logo invisible"
+          />
           {% block content %}{% endblock %}
         </div>
       </div>