blek
/
bfile
1
0
Fork 0
Code Issues 6 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
filed/static/assets/mobile-hide.css
View File

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

74
filed/templates/authors.html
View File

@ -1,36 +1,54 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block head %}
<link rel="stylesheet" href="/mobile-hide.css" />
{% endblock %}
{% block body %} {% 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">
<p> <img src="/android-chrome-192x192.png" width="256" height="256" />
{%- 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>
<table>
<p> <tbody>
The original program is written by blek! &lt;me@blek.codes&gt;, and is maintained solely by me. <tr>
<br/> <td style="vertical-align: middle" class="mobile-hide">
Any future contributors will be listed here. <img src="/android-chrome-192x192.png" width="192" height="192" />
</p> </td>
<td style="vertical-align: middle;padding-left: 12px;">
<p> <h1 style="margin-left:0">Authors</h1>
PRs are welcome - <p>
<a href="https://git.blek.codes/blek/bfile"> {%- if conf.brand.instance_name != "blek! File" -%}
Take a look at the git repo {{ conf.brand.instance_name }} is powered by
</a> {%- endif -%}
</p> blek! File is free and Open Source software, which is released under the
<a href="/license">
<a style='display:block' class="btn btn-fill" href='/'> GPLv3{# -#}
Go back </a>
</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> </div>
{% endblock %} {% endblock %}