From ceabef96ba23f1f47927198b5eec850738e4d140 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Sat, 21 Oct 2023 12:22:42 +1000
Subject: [PATCH] add app icon to /authors, overall improve the page's design

---
 filed/static/assets/mobile-hide.css |  6 +++
 filed/templates/authors.html        | 74 ++++++++++++++++++-----------
 2 files changed, 52 insertions(+), 28 deletions(-)

diff --git a/filed/static/assets/mobile-hide.css b/filed/static/assets/mobile-hide.css
index e848275..4088da2 100644
--- a/filed/static/assets/mobile-hide.css
+++ b/filed/static/assets/mobile-hide.css
@@ -1,5 +1,11 @@
+.mobile-only {
+    display: none;
+}
 @media (max-width:667px) {
     .mobile-hide {
         display: none
     }
+    .mobile-only {
+        display: inherit;
+    }
 }
\ No newline at end of file
diff --git a/filed/templates/authors.html b/filed/templates/authors.html
index bdead71..75fe710 100644
--- a/filed/templates/authors.html
+++ b/filed/templates/authors.html
@@ -1,36 +1,54 @@
 {% extends "base.html" %}
 
+{% block head %}
+    <link rel="stylesheet" href="/mobile-hide.css" />
+{% endblock %}
+
 {% block body %}
 
-<div style="max-width:95vw;width:fit-content;margin:0 auto;text-align:center">
-    <h1>Authors</h1>
-    <p>
-        {%- if conf.brand.instance_name != "blek! File" -%}
-            {{ conf.brand.instance_name }} is powered by 
-        {%- endif -%}
-        blek! File is free and Open Source software, which is released under the
-        <a href="/license">
-            GPLv3{# -#}
-        </a>
-        license.
+<div style="max-width:95vw;width:fit-content;margin:30px auto">
+    <p style="text-align:center" class="mobile-only">
+        <img src="/android-chrome-192x192.png" width="256" height="256" />
     </p>
-
-    <p>
-        The original program is written by blek! &lt;me@blek.codes&gt;, and is maintained solely by me.
-        <br/>
-        Any future contributors will be listed here.
-    </p>
-    
-    <p>
-        PRs are welcome - 
-        <a href="https://git.blek.codes/blek/bfile">
-            Take a look at the git repo
-        </a>
-    </p>
-
-    <a style='display:block' class="btn btn-fill" href='/'>
-        Go back
-    </a>
+    <table>
+        <tbody>
+            <tr>
+                <td style="vertical-align: middle" class="mobile-hide">
+                    <img src="/android-chrome-192x192.png" width="192" height="192" />
+                </td>
+                <td style="vertical-align: middle;padding-left: 12px;">
+                    <h1 style="margin-left:0">Authors</h1>
+                    <p>
+                        {%- if conf.brand.instance_name != "blek! File" -%}
+                            {{ conf.brand.instance_name }} is powered by 
+                        {%- endif -%}
+                        blek! File is free and Open Source software, which is released under the
+                        <a href="/license">
+                            GPLv3{# -#}
+                        </a>
+                        license.
+                    </p>
+                
+                    <p>
+                        The original program is written by blek! &lt;me@blek.codes&gt;, and is maintained solely by me.
+                        <br/>
+                        Any future contributors will be listed here.
+                    </p>
+                    
+                    <p>
+                        PRs are welcome - 
+                        <a href="https://git.blek.codes/blek/bfile">
+                            Take a look at the git repo
+                        </a>
+                    </p>
+                
+                    <a style='display:block' class="btn btn-fill" href='/'>
+                        Go back
+                    </a>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </div>
 
 {% endblock %}
\ No newline at end of file