bfile/filed/templates/source/base.html

126 lines
5.4 KiB
HTML
Raw Normal View History

2023-09-29 15:25:20 +02:00
<!DOCTYPE html>
<html lang="en_US">
<head>
<meta charset="utf8" />
2023-09-30 04:57:28 +02:00
<meta name="viewport" content="width=device-width, initial-scale=1" />
2023-09-30 05:21:57 +02:00
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
2023-09-30 04:57:28 +02:00
2023-09-29 16:41:23 +02:00
<link rel="stylesheet" href="https://unpkg.com/reset-css@5.0.1/reset.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;600;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/paint.css" />
2023-09-30 04:57:28 +02:00
<link rel="stylesheet" href="/form.css" />
2023-10-01 12:42:22 +02:00
<link rel="stylesheet" href="/js-only.css" />
2023-09-29 17:45:12 +02:00
<script src="/delay.js"></script>
<title>{{ conf.brand.instance_name }}</title>
2023-10-13 14:38:21 +02:00
2023-10-13 14:43:10 +02:00
<style> .footer svg { height: 32px; margin: 10px 0 } </style>
<style>
2023-11-11 09:27:32 +01:00
.header .header-text, .header .header-home, .header .header-bg { transition: 250ms ease; }
@media (max-width:667px) {
2023-11-11 09:27:32 +01:00
.header .header-text { text-align: center }
.header .header-home { width: 100% }
.header .header-bg { left: 50% !important; transform: translateX(-50%); -webkit-mask-image: linear-gradient(90deg, #0000, #000, #0000); }
{%- if conf.brand.instance_motto.len() != 0 -%}
2023-11-11 09:27:32 +01:00
.header .header-home-motto {
display:none
}
{%- endif -%}
}
</style>
2023-10-13 14:38:21 +02:00
2023-10-23 05:17:40 +02:00
{%- if cfg!(debug_assertions) -%}
<link rel="stylesheet" href="/alert.css" />
{%- endif -%}
{%- include "seotags.html" %}
{% block head %}{% endblock -%}
2023-09-29 15:25:20 +02:00
</head>
<body>
2023-09-29 16:41:23 +02:00
<div class="header">
2023-10-20 16:49:21 +02:00
<img class="header-bg" src="/bfile-header.webp" width="400px" height="60px">
<div class='header-text'>
2023-10-21 07:55:46 +02:00
<a class="header-home" href="/">
{{- conf.brand.instance_name -}}
{%- if conf.brand.instance_motto.len() != 0 -%}
{#- Whitespace control is stupid -#}
<span class="header-home-motto">{{- " - " -}}{{- conf.brand.instance_motto -}}</span>
2023-10-21 07:55:46 +02:00
{%- endif -%}
</a>
2023-10-20 16:49:21 +02:00
</div>
2023-09-29 16:41:23 +02:00
</div>
2023-10-20 16:49:21 +02:00
<div class='content-box'>
<div class="content">
2023-10-23 05:17:40 +02:00
{%- if cfg!(debug_assertions) -%}
<div class="alert danger" style="margin:var(--margin-y) auto;width:fit-content;margin-bottom:calc(var(--margin-y) * 3)">
<h1 class="alert-title">
Website running in debug mode
</h1>
<div class="alert-text">
<p>
Website is running in development mode that is supposed <br/>
to be used only for local development purposes.
</p>
<p>
If you see this in a public instance, <br/>
Please inform the maintainers of the instance of the issue.
</p>
</div>
</div>
{%- endif -%}
{%- block body %}{% endblock -%}
2023-10-20 16:49:21 +02:00
</div>
<div class="footer">
2023-10-13 14:38:21 +02:00
2023-10-20 16:49:21 +02:00
<table>
<tbody>
<tr>
<td>
<small>Made with Rust and &lt;3</small>
2023-10-29 10:44:31 +01:00
<small style="display:block">
Version
<a href="https://git.blek.codes/blek/bfile/commit/{{ env.version.commit }}" target="_blank">
{{ env!("CARGO_PKG_VERSION") }} ({{ env.version.branch -}}/{{- env.version.short_commit }})
</a>
</small>
2023-10-20 16:49:21 +02:00
<ul style='margin:10px 0'>
<li>
<a href="https://git.blek.codes/blek/bfile">
Source code
</a>
</li>
<li>
<a href="/license">
Released under GPLv3
</a>
</li>
<li>
<a href="/authors">
Made by blek! and contributors
</a>
</li>
</ul>
</td>
<td style="text-align:right;vertical-align:bottom">
<a href="https://blek.codes">
{%- include "blek.svg" -%}
2023-10-20 16:49:21 +02:00
</a>
</td>
</tr>
</tbody>
</table>
2023-10-13 14:38:21 +02:00
2023-10-20 16:49:21 +02:00
</div>
2023-09-29 18:15:22 +02:00
</div>
2023-10-01 12:47:38 +02:00
<script src="/js-only.js"></script>
{%- block scripts %}{% endblock -%}
2023-09-29 15:25:20 +02:00
</body>
</html>