diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..58c877b --- /dev/null +++ b/index.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>scattered thoughts</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="icon" type="image/jpg" href="https://apropos.codes/assets/light.png" /> + <link rel="stylesheet" href="https://apropos.codes/css/style.css"> + <style> + main { + background: white; + width: fit-content; + padding: 10px; + text-align: center; + border: 4px solid black; + h1 { + margin: 0; + } + margin-top: 2em; + position: absolute; + top: 40vw; + left: 20vw; + @media (max-width: 300px) { + position: static; + margin: 20em auto; + } + } + + body { + background-image: url("Hildegard_von_Bingen.jpg"); + background-repeat: no-repeat; + background-size: cover; + background-position: 0 30%; + @media (max-aspect-ratio: 31/32) { + background-position: top; + } + @media (max-aspect-ratio: 69/101) { + background-size: cover; + background-size: auto 100vh; + } + } + </style> +</head> + +<body> + <main> + <h1>scattered thoughts</h1> + <nav> + <a href="/mathematics">mathematics</a> + <a href="/linguistics">linguistics</a> + <a href="/computation">computation</a> + </nav> + </main> +</body> +</html> |