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

This commit is contained in:
blek 2023-10-21 12:22:42 +10:00
parent b9936fb6c9
commit ceabef96ba
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 52 additions and 28 deletions

View File

@ -1,5 +1,11 @@
.mobile-only {
display: none;
}
@media (max-width:667px) {
.mobile-hide {
display: none
}
.mobile-only {
display: inherit;
}
}

View File

@ -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 %}