nwe site
This commit is contained in:
BIN
app/static/font/mwtr/mw-full.woff2
Normal file
BIN
app/static/font/mwtr/mw-full.woff2
Normal file
Binary file not shown.
BIN
app/static/font/mwtr/mw.woff2
Normal file
BIN
app/static/font/mwtr/mw.woff2
Normal file
Binary file not shown.
Binary file not shown.
61
app/templates/index.css
Normal file
61
app/templates/index.css
Normal file
@@ -0,0 +1,61 @@
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-weight: 300 900;
|
||||
font-stretch: 87% 112%;
|
||||
font-display: swap;
|
||||
src: url(/static/font/mwtr/mw.woff2) format('woff2');
|
||||
}
|
||||
|
||||
:root {
|
||||
--base-hue: 197; /* miku blue as default if no js*/
|
||||
--spacing: 60;
|
||||
--base-color: oklch(0.8 0.12 var(--base-hue));
|
||||
--text-color: oklch(from var(--base-color) l c calc(h - var(--spacing)));
|
||||
--bg-color: oklch(from var(--base-color) 0.175 0.02 calc(h + var(--spacing)));
|
||||
}
|
||||
|
||||
|
||||
html {
|
||||
align-content: center;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Merriweather, serif;
|
||||
font-variation-settings: 'wght';
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: var(--text-color);
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: var(--base-color);
|
||||
font-size: 60px;
|
||||
font-variation-settings: 'wght' 850, 'wdth' 92;
|
||||
padding: 14px 26px;
|
||||
margin: 40px auto;
|
||||
width: min-content;
|
||||
border-radius: 18px;
|
||||
border-style: solid;
|
||||
border-color: var(--base-color);
|
||||
border-width: 4px;
|
||||
}
|
||||
|
||||
a {
|
||||
font-variation-settings: 'wght' 600, 'wdth' 90;
|
||||
color: var(--text-color);
|
||||
transition: color 150ms, background-color 150ms, font-variation-settings 150ms, padding 150ms;
|
||||
border-radius: 10px;
|
||||
padding: 8px;
|
||||
|
||||
&:hover {
|
||||
font-variation-settings: 'wght' 750, 'wdth' 102;
|
||||
color: var(--bg-color);
|
||||
background-color: var(--text-color);
|
||||
text-decoration: none;
|
||||
padding: 12px 18px;
|
||||
}
|
||||
}
|
||||
14
app/templates/index.html.j2
Normal file
14
app/templates/index.html.j2
Normal file
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html><html lang="en">
|
||||
<head>
|
||||
<title>{{ url }}</title>
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22250.905%22%20height%3D%22250.453%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cellipse%20cx%3D%22125.354%22%20cy%3D%22125.282%22%20stroke-width%3D%221.586%22%20rx%3D%22125.453%22%20ry%3D%22125.226%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22b%22%3E%3Cellipse%20cx%3D%22125.354%22%20cy%3D%22125.282%22%20stroke-width%3D%221.586%22%20rx%3D%22125.453%22%20ry%3D%22125.226%22%2F%3E%3C%2FclipPath%3E%3Cpath%20id%3D%22c%22%20d%3D%22M51.289%20109.366s8.665%2039.332-2.112%2062.452c-2.907%206.236%2031.404%2030.361%2054.91%2032.885%2025.083%202.692%2044.047%201.81%2066.825-13.577%2020.664-13.958%2010.409-53.551%2010.409-53.551z%22%2F%3E%3Cpath%20id%3D%22d%22%20d%3D%22M170.464%20143.46c2.01%2037.044-1.644%2094.37-1.644%2094.37s15.868-2.326%2039.03-23.997c2.669-2.498%2012.613-55.58%209.412-97.452-2.6-33.995-24.477-90.662-108.774-81.144-70.272%207.933-81.801%2079.308-81.42%2088.07.213%204.906%2020.853%2011.146%2060.746%2014.986s82.65%205.166%2082.65%205.166z%22%2F%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%20transform%3D%22translate(.098%20-.056)%22%3E%3Cg%20clip-path%3D%22url(%23b)%22%3E%3Cpath%20fill%3D%22%239ec7c8%22%20d%3D%22M-5.12-4.907h261.547v260.053H-5.12z%22%2F%3E%3Cpath%20fill%3D%22%23ec78b3%22%20stroke%3D%22%2316294c%22%20stroke-width%3D%222.3%22%20d%3D%22m48.272%20121.283%2050.534%2081.911s-36.505%204.677-59.434%2023.834-6.185-27.907-6.185-27.907-1.358-63.96%202.866-73.463%2012.219-4.375%2012.219-4.375z%22%2F%3E%3Cuse%20fill%3D%22%23f8e5e7%22%20href%3D%22%23c%22%2F%3E%3Cpath%20fill%3D%22%23c2add7%22%20d%3D%22M54.25%20155s23.787-3.861%2055.875-1.125c31.596%202.694%2063.75%2012.875%2063.75%2012.875l7-27.125-126.75-18.75z%22%2F%3E%3Cuse%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.3%22%20href%3D%22%23c%22%2F%3E%3Cpath%20fill%3D%22%2316294c%22%20stroke%3D%22%2316294c%22%20stroke-width%3D%223.3%22%20d%3D%22M33.338%20126.261c-5.883%2017.65-4.224%2080.704-4.224%2080.704l8.297%209.051s-4.526-66.222.603-87.794-4.676-1.961-4.676-1.961z%22%2F%3E%3Cellipse%20cx%3D%22164.266%22%20cy%3D%22129.378%22%20rx%3D%225.92%22%20ry%3D%2215.489%22%20transform%3D%22matrix(.99322%20.11624%20-.08997%20.99594%200%200)%22%2F%3E%3Cellipse%20cx%3D%2283.088%22%20cy%3D%22131.469%22%20rx%3D%226.313%22%20ry%3D%2218.5%22%20transform%3D%22rotate(4.816)%22%2F%3E%3Cpath%20fill%3D%22%234a78d7%22%20stroke%3D%22%23294672%22%20stroke-width%3D%223.3%22%20d%3D%22M69%2063.5s-1.202-36.409%208.875-43.375C89.037%2012.408%20136.5%2042.5%20136.5%2042.5l19.25%205.875s11.197-8.494%2032.875-11.625c28.42-4.105%2034.375-1.5%2034.375-1.5s2.125%2025.125-12.125%2062.375C201.388%20122.425%2069%2063.5%2069%2063.5z%22%2F%3E%3Cuse%20fill%3D%22%2331416d%22%20href%3D%22%23d%22%2F%3E%3Cpath%20fill%3D%22%23ec78b3%22%20d%3D%22M144.957%20142.659s.244-12.858%201.68-21.213C149.04%20107.452%20156.8%2098.11%20156.8%2098.11s-3.172%209.63-2.475%2025.102l1.15%2020.065zm-51.354-2.299s1.151-15.855%206.276-31.908c4.407-13.804%2017.59-29.168%2017.59-29.168s-6.542%2021.833-8.31%2030.406c-2.209%2010.715-2.21%2031.466-2.21%2031.466zm-44.283-8.396s1.167-16.342%2011.668-34.737c8.541-14.962%2022.893-28.814%2022.893-28.814S76.368%2083.88%2070.71%20100.85c-5.51%2016.528-6.718%2033.5-6.718%2033.5z%22%2F%3E%3Cuse%20fill%3D%22none%22%20stroke%3D%22%2316294c%22%20stroke-width%3D%223.3%22%20href%3D%22%23d%22%2F%3E%3Cpath%20fill%3D%22%23ec90a0%22%20d%3D%22M116.761%20200.465c12.764.47%2021.394-7.275%2021.007-16.543-.044-1.06-10.173-3.92-23.791-4.184-17.151-.334-23.423%204.375-23.379%205.568.23%206.186%2010.387%2014.579%2026.163%2015.159z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E">
|
||||
<style>{% include 'index.css' %}</style>
|
||||
<script>document.querySelector(':root').style.setProperty('--base-hue', Math.random() * 360);</script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{ url }}</h1>
|
||||
{%- for link in links %}
|
||||
<a href="https://{{ link }}.{{ url }}">{{ link }}</a>
|
||||
{%- endfor %}
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user