add app icon to /authors, overall improve the page's design

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;
+    }
 }

filed/templates/authors.html

@@ -1,9 +1,23 @@
 {% 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">
+<div style="max-width:95vw;width:fit-content;margin:30px auto">
-    <h1>Authors</h1>
+    <p style="text-align:center" class="mobile-only">
+        <img src="/android-chrome-192x192.png" width="256" height="256" />
+    </p>
+    <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 
@@ -31,6 +45,10 @@
                     <a style='display:block' class="btn btn-fill" href='/'>
                         Go back
                     </a>
+                </td>
+            </tr>
+        </tbody>
+    </table>
 </div>
 
 {% endblock %}