magnetar/fe_calckey/frontend/assets-be/template/base.html

138 lines
6.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="application-name" content="{{ app_name | capitalize }}">
<meta name="referrer" content="origin">
<meta name="darkreader-lock" content="">
<meta name="theme-color" content="{% if theme_color %} {{ theme_color }} {% else %} #31748f {% endif %}">
<meta name="theme-color-orig" content="{% if theme_color %} {{ theme_color }} {% else %} #31748f {% endif %}">
<meta name="twitter:card" content="summary">
<meta name="og:site_name" content="{{ instance_name }}">
<title>{{ title | capitalize }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="/favicon.ico?{{ timestamp }}">
<link rel="manifest" href="/manifest.json?{{ timestamp }}">
<link rel="prefetch" href="/static-assets/badges/info.png?{{ timestamp }}">
<link rel="prefetch" href="/static-assets/badges/not-found.png?{{ timestamp }}">
<link rel="prefetch" href="/static-assets/badges/error.png?{{ timestamp }}">
<link rel="stylesheet" href="/static-assets/instance.css?{{ timestamp }}">
<link rel="modulepreload" href="/assets/{{ client_entry.file }}">
{% for css in client_entry.css %}
<link rel="stylesheet" href="assets/{{ css }}">
{% endfor %}
<meta name="description" content="{% if description %}{{ description }}{% else %}Magnetar, an open source social media platform{% endif %}">
{% if not robots %}
<meta name="robots" content="noindex">
{% endif %}
<meta name="og:title" content="{{ title | capitalize }}">
<meta name="og:description" content="{% if description %}{{ description }}{% else %}Magnetar, an open source social media platform{% endif %}">
<meta name="og:image" content="{% if image %}{{ image }}{% else %}/static-assets/favicon.png{% endif %}">
<meta name="og:image:alt" content="{% if image_alt %}{{ image_alt }}{% else %}The instance's logo{% endif %}">
<style>
{{ style_css | safe }}
</style>
<script>
var VERSION = "{{ version }}";
var CLIENT_ENTRY = "{{ client_entry.file }}";
var _HOST = "{{ instance_host }}";
{% if base_url %}
var _REMOTE_URL = "{{ base_url | safe }}";
{% endif %}
</script>
<script>
{{ boot_js | safe }}
</script>
</head>
<body>
<noscript>
Please turn on JavaScript to run {{ title | capitalize }}.
</noscript>
<div id="splash">
<div id="splashIcon">
{% if splash_icon %}
<img id="splashIcon" src="{{ splashIcon }}" alt="{{ instance_name }} splash icon">
{% else %}
<div class="loadButterfly">
<svg
class="loadButterflyWingLeft"
width="128"
height="128"
version="1.1"
viewBox="0 0 132.29 132.29"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient
id="left-wing-gradient"
gradientUnits="userSpaceOnUse"
x1="0"
y1="132.29"
x2="132.29"
y2="0">
<stop offset="0%" stop-color="var(--butterfly-wl-0)"/>
<stop offset="100%" stop-color="var(--butterfly-wl-1)"/>
</linearGradient>
</defs>
<path
d="m69.68 67.053-16.078-1.6896-29.054 6.7403-15.672 10.996-0.12846 11.477 11.469 7.3293 20.661 9.219 10.9-7.602 0.0656 8.203 10.532 7.894 19.116 2.389 16.046-8.952-2.2676-13.201-7.7352-12.772-0.134-0.1705z"
fill="url(#left-wing-gradient)"
/>
</svg>
<svg
class="loadButterflyWingRight"
width="128"
height="128"
version="1.1"
viewBox="0 0 132.29 132.29"
xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient
id="right-wing-gradient"
gradientUnits="userSpaceOnUse"
x1="0"
y1="132.29"
x2="132.29"
y2="0">
<stop offset="0%" stop-color="var(--butterfly-wr-0)"/>
<stop offset="100%" stop-color="var(--butterfly-wr-1)"/>
</linearGradient>
</defs>
<path
d="m92.532 8.4622-12.705 14.323-9.9988 28.101-0.1483 16.167 17.719 19.86 0.1565 0.1518 11.809 9.1357 12.859 3.7536 10.718-14.924-0.204-19.263-6.646-11.36-8.142-0.9981 8.79-9.9657-6.81-21.574-5.98-12.229z"
fill="url(#right-wing-gradient)"
/>
</svg>
</div>
{% endif %}
</div>
<div id="splashText">
Loading <b>{{ instance_name }}</b>...
<br>
({{ title ~ " " ~ version }})
</div>
<div id="splashSpinner">
<svg class="spinner bg" viewBox="0 0 152 152" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1,0,0,1,12,12)">
<circle cx="64" cy="64" r="64" style="fill:none;stroke:currentColor;stroke-width:24px;"/>
</g>
</svg>
<svg class="spinner fg" viewBox="0 0 152 152" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1,0,0,1,12,12)">
<path d="M128,64C128,28.654 99.346,0 64,0C99.346,0 128,28.654 128,64Z" style="fill:none;stroke:currentColor;stroke-width:24px;"/>
</g>
</svg>
</div>
</div>
<div class="content">
</div>
</body>
</html>