diff --git a/README.md b/README.md new file mode 100644 index 0000000..c4fecca --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# todo +waitress \ No newline at end of file diff --git a/app/static/font/mwtr/mw-full.woff2 b/app/static/font/mwtr/mw-full.woff2 new file mode 100644 index 0000000..d83120f Binary files /dev/null and b/app/static/font/mwtr/mw-full.woff2 differ diff --git a/app/static/font/mwtr/mw.woff2 b/app/static/font/mwtr/mw.woff2 new file mode 100644 index 0000000..1989e62 Binary files /dev/null and b/app/static/font/mwtr/mw.woff2 differ diff --git a/app/static/font/mwtr/u-440qyriQwlOrhSvowK_l5-ciZMdeP3r9HoBXw.woff2 b/app/static/font/mwtr/u-440qyriQwlOrhSvowK_l5-ciZMdeP3r9HoBXw.woff2 new file mode 100644 index 0000000..32f3703 Binary files /dev/null and b/app/static/font/mwtr/u-440qyriQwlOrhSvowK_l5-ciZMdeP3r9HoBXw.woff2 differ diff --git a/app/templates/index.css b/app/templates/index.css new file mode 100644 index 0000000..abac80d --- /dev/null +++ b/app/templates/index.css @@ -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; + } +} diff --git a/app/templates/index.html.j2 b/app/templates/index.html.j2 new file mode 100644 index 0000000..886f9cf --- /dev/null +++ b/app/templates/index.html.j2 @@ -0,0 +1,14 @@ + +
+