Submitting to loading fonts from Google Fonts API...

This commit is contained in:
flash 2024-04-24 14:44:32 +00:00
parent cf0ce79569
commit d58c7945a7
39 changed files with 37 additions and 311 deletions

View file

@ -28,7 +28,7 @@
}
.ascii-char-print {
white-space: pre;
font-family: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-family: var(--font-monospace, monospace);
font-size: 2.5em;
text-align: center;
padding: 10px;
@ -65,7 +65,7 @@
font-variant: small-caps;
}
.ascii-char-misc-item-value {
font-family: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-family: var(--font-monospace, monospace);
text-align: right;
}
.ascii-search {

View file

@ -29,7 +29,7 @@
height: 100%;
}
.index-feature-header-title {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
font-size: 2em;
line-height: 1.5em;
pointer-events: none;

View file

@ -1,206 +0,0 @@
@font-face {
font-family: 'Electrolize';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/electrolize-400-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-cyrillic.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-cyrillic-ext.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-cyrillic-ext.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-cyrillic-ext.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-cyrillic-ext.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-greek.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-greek.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-greek.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-greek.woff2) format('woff2');
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-normal-vietnamese.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(/fonts/victormono-400-italic-vietnamese.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Victor Mono';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-normal-vietnamese.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Victor Mono';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(/fonts/victormono-700-italic-vietnamese.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

View file

@ -35,7 +35,7 @@
border-width: 0;
background-color: transparent;
color: #000;
font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-regular, sans-serif);
font-size: 24px;
line-height: 35px;
width: 100%;
@ -59,7 +59,7 @@
align-items: center;
flex-direction: column;
width: 300px;
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
filter: drop-shadow(0 1px 5px #000);
color: transparent;
}

View file

@ -1,5 +1,3 @@
@include fonts.css;
* {
margin: 0;
padding: 0;
@ -13,6 +11,15 @@ html, body {
height: 100%;
}
:root {
--font-size: 12px;
--line-height: 20px;
--font-regular: 'Zen Maru Gothic', Verdana, Geneva, 'Dejavu Sans', sans-serif;
--font-cursive: 'Hachi Maru Pop', cursive;
--font-monospace: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
--font-header: 'Electrolize', Verdana, 'Dejavu Sans', sans-serif;
}
.hidden {
display: none !important;
visibility: hidden !important;
@ -27,7 +34,7 @@ html {
}
pre, code {
font-family: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-family: var(--font-monospace, monospace);
}
/* an attempt to replicate scrollbar-color for chromosome */
@ -48,9 +55,9 @@ pre, code {
body {
background-color: #111;
color: #fff;
font-size: 12px;
line-height: 20px;
font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-size: var(--font-size, 12px);
line-height: var(--line-height, 20px);
font-family: var(--font-regular, sans-serif);
display: flex;
flex-direction: column;
}
@ -124,7 +131,7 @@ body {
flex-direction: column;
}
.header-logo {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
font-size: 3em;
line-height: 1.2em;
filter: drop-shadow(0 1px 5px #000);

View file

@ -18,7 +18,7 @@
font-size: 0;
line-height: 0;
display: inline-block;
font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-regular, sans-serif);
margin-left: 4px;
}
.project-language {
@ -39,7 +39,7 @@
margin-bottom: 0;
}
.project-details h2 {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
font-size: 2em;
line-height: 1em;
font-weight: 400;
@ -94,7 +94,7 @@
pointer-events: none;
}
.index-project-name {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
flex: 1 1 auto;
font-size: 1.5em;
line-height: 1.5em;

View file

@ -20,7 +20,7 @@
transform: skew(-15deg);
}
.section-content h1 {
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
font-size: 2em;
line-height: 1em;
font-weight: 400;

View file

@ -57,5 +57,5 @@
.social-handle {
font-size: 1.5em;
line-height: 1.3em;
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-header, sans-serif);
}

View file

@ -22,7 +22,7 @@
background-image: linear-gradient(0deg, #262626, #202020);
border-width: 0;
color: #fff;
font-family: Verdana, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
font-family: var(--font-regular, sans-serif);
}
.whois-lookup-form-submit {
flex: 0 0 auto;
@ -47,7 +47,7 @@
margin: 10px;
padding: 6px 10px;
white-space: pre-wrap;
font-family: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-family: var(--font-monospace, monospace);
font-size: 14px;
transition: opacity .2s;
background-color: #202020;
@ -96,5 +96,5 @@
line-height: 1.2em;
color: #888;
white-space: pre-wrap;
font-family: 'Victor Mono', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
font-family: var(--font-monospace, monospace);
}

View file

@ -1,35 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTTP 500 Internal Server Error // flash.moe</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="Something happened that caused the server to be unable to complete the request.">
<link href="/errors.css" type="text/css" rel="stylesheet">
</head>
<body style="--error-colour: #3a5794">
<div class="http-error">
<div class="http-error-container">
<nav class="http-error-top">
<div class="http-error-home"><a href="/">flash.moe</a></div>
<div class="http-error-nav">
<a href="mailto:contact@flash.moe" rel="noopener" target="_blank">E-mail</a>
<a href="https://bsky.app/profile/flash.moe" rel="noopener" target="_blank">Bluesky</a>
</div>
</nav>
<article class="http-error-body">
<h1 class="http-error-header">HTTP 500 Internal Server Error</h1>
<div class="http-error-image">
<img src="/images/k500.jpg" alt="500">
</div>
<p class="http-error-blerb">Something happened that caused the server to be unable to complete the request.</p>
</article>
<footer class="http-error-footer">
<p>flash.moe is the personal website of flashwave</p>
<p><a href="https://vndb.org/v33" rel="noopener" target="_blank">KANON</a> is &copy; 1999 <a href="https://visual-arts.jp/" rel="noopener" target="_blank">VirtualArts</a>/<a href="https://key.visualarts.gr.jp/" rel="noopener" target="_blank">Key</a></p>
<p>KANON HTTP Error illustrations are &copy; Woody-RINN</p>
</footer>
</div>
</div>
</body>
</html>

View file

@ -1,35 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTTP 503 Service Temporarily Unavailable // flash.moe</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="The website is currently unavailable, it will likely be back soon!">
<link href="/errors.css" type="text/css" rel="stylesheet">
</head>
<body style="--error-colour: #4c4cad">
<div class="http-error">
<div class="http-error-container">
<nav class="http-error-top">
<div class="http-error-home"><a href="/">flash.moe</a></div>
<div class="http-error-nav">
<a href="mailto:contact@flash.moe" rel="noopener" target="_blank">E-mail</a>
<a href="https://bsky.app/profile/flash.moe" rel="noopener" target="_blank">Bluesky</a>
</div>
</nav>
<article class="http-error-body">
<h1 class="http-error-header">HTTP 503 Service Temporarily Unavailable</h1>
<div class="http-error-image">
<img src="/images/k503.jpg" alt="503">
</div>
<p class="http-error-blerb">The website is currently unavailable, it will likely be back soon!</p>
</article>
<footer class="http-error-footer">
<p>flash.moe is the personal website of flashwave</p>
<p><a href="https://vndb.org/v33" rel="noopener" target="_blank">KANON</a> is &copy; 1999 <a href="https://visual-arts.jp/" rel="noopener" target="_blank">VirtualArts</a>/<a href="https://key.visualarts.gr.jp/" rel="noopener" target="_blank">Key</a></p>
<p>KANON HTTP Error illustrations are &copy; Woody-RINN</p>
</footer>
</div>
</div>
</body>
</html>

View file

@ -6,9 +6,9 @@
{% block master_head %}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="{{ error_blerb }}">
<link href="{{ globals.assetsInfo.get('errors.css') }}" rel="stylesheet">
{% endblock %}
{% set styles = ['/errors.css'] %}
{% set master_body_attrs = {'style': '--error-colour: ' ~ error_colour} %}
{% block master_body %}

View file

@ -5,14 +5,8 @@
{% if master_title is defined and master_title is not empty %}<title>{{ master_title }}</title>{% endif %}
{% block master_head %}{% endblock %}
{% if csrfp_available() %}<meta name="csrfp-token" content="{{ csrfp_token() }}">{% endif %}
{% for style in styles|default([]) %}
<link href="{{ style }}" type="text/css" rel="stylesheet">
{% endfor %}
</head>
<body{% if master_body_attrs is defined and master_body_attrs is not empty %}{% for name, value in master_body_attrs %}{% if value is not empty %} {{ name }}="{{ value }}"{% endif %}{% endfor %}{% endif %}>
{% block master_body %}{% endblock %}
{% for script in scripts|default([]) %}
<script src="{{ script }}" charset="utf-8" type="text/javascript"></script>
{% endfor %}
</body>
</html>

View file

@ -2,8 +2,13 @@
{% set master_title = (header_title is defined ? (header_title ~ ' // ') : '') ~ 'flash.moe' %}
{% set styles = [ globals.assetsInfo.get('makai.css') ] %}
{% set scripts = [ globals.assetsInfo.get('makai.js') ] %}
{% block master_head %}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="{{ globals.assetsInfo.get('makai.css') }}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Electrolize&family=Hachi+Maru+Pop&family=Victor+Mono:ital,wght@0,100..700;1,100..700&family=Zen+Maru+Gothic:wght@400;700&display=swap" rel="stylesheet">
{% endblock %}
{% set master_body_attrs = master_body_attrs|default([])|merge({
'class': html_classes({
@ -14,10 +19,6 @@
}),
}) %}
{% block master_head %}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
{% endblock %}
{% block master_body %}
<div class="header">
<div class="header-background">
@ -50,10 +51,10 @@
</div>
</div>
<div class="container">
{% block container %}
{% endblock %}
{% block container %}{% endblock %}
</div>
<div class="footer">
<div class="footer-text">&copy; flashwave {{ footer_copy_start|default('2010') }}-{{ footer_copy_end|default(('now'|date('Y'))) }} - {{ random(globals.siteInfo.footerQuotes) }}</div>
</div>
<script src="{{ globals.assetsInfo.get('makai.js') }}"></script>
{% endblock %}