Mirrors/catask
1
0
Fork 0
mirror of https://codeberg.org/catask-org/catask.git synced 2025-04-20 13:53:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

pwa manifest + atkinson hyperlegible support

Browse source
This commit is contained in:
mst 2024-11-26 15:01:45 +03:00
parent 9f1b13c64f
commit 7a8fa642dc
1 changed files with 72 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
templates/base.html
View file

@ -40,12 +40,84 @@
<meta property="twitter:description" content="{{ metadata.description }}" /> <meta property="twitter:description" content="{{ metadata.description }}" />
<meta property="twitter:image" content="{{ metadata.image }}" /> <meta property="twitter:image" content="{{ metadata.image }}" />
<!-- pwa manifest -->
<link rel="manifest" href="{{ url_for('api.pwaManifest') }}" />
<script src="{{ url_for('static', filename='js/color-modes.js') }}"></script> <script src="{{ url_for('static', filename='js/color-modes.js') }}"></script>
{% if cfg.style.tintColors %} {% if cfg.style.tintColors %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/tinted.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/tinted.css') }}">
{% endif %} {% endif %}
{% block additionalHeadItems %}{% endblock %} {% block additionalHeadItems %}{% endblock %}
<style> <style>
{% if cfg.accessibility.font == 'default' %}
@font-face {
font-family: "Rubik";
font-display: swap;
font-weight: 100 900;
src: url("/static/fonts/rubik.woff2") format('woff2-variations');
}
:root {
--bs-font-sans-serif: "Rubik", sans-serif;
}
{% elif cfg.accessibility.font == 'default' %}
:root {
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;
}
{% elif cfg.accessibility.font == 'atkinson' %}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible Bold'), local('AtkinsonHyperlegible-Bold'),
url('/static/fonts/Atkinson-Hyperlegible-Bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible Bold Italic'), local('AtkinsonHyperlegible-BoldItalic'),
url('/static/fonts/Atkinson-Hyperlegible-BoldItalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible Italic'), local('AtkinsonHyperlegible-Italic'),
url('/static/fonts/Atkinson-Hyperlegible-Italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Atkinson Hyperlegible';
src: local('Atkinson Hyperlegible Regular'), local('AtkinsonHyperlegible-Regular'),
url('/static/fonts/Atkinson-Hyperlegible-Regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--bs-font-sans-serif: "Atkinson Hyperlegible", sans-serif;
--bs-body-font-size: 1.05rem;
}
.dropdown-toggle::after {
vertical-align: -.125em;
}
.btn:not(.btn-sm) {
--bs-btn-font-size: 1.02rem;
}
.btn-group-sm > .btn, .btn-sm {
--bs-btn-font-size: 0.91rem;
}
.nav {
--bs-nav-link-font-size: 1rem;
}
.bi::before, [class*=" bi-"]::before, [class^="bi-"]::before {
vertical-align: -.2em;
}
{% endif %}
[data-bs-theme=light] { [data-bs-theme=light] {
--bs-primary: {{ cfg.style.accentLight }} !important; --bs-primary: {{ cfg.style.accentLight }} !important;
} }