diff options
| author | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-02-04 19:52:34 +0100 |
|---|---|---|
| committer | Benedikt Peetz <benedikt.peetz@b-peetz.de> | 2025-02-04 19:52:34 +0100 |
| commit | 81c60ac0c5a16a3158067064926141a7f3bf9699 (patch) | |
| tree | da626bd9515b4b0864b1ec465e8ffb91a4900180 | |
| parent | build(flake): Update (diff) | |
| download | b-peetz.de-81c60ac0c5a16a3158067064926141a7f3bf9699.zip | |
feat(src): Improve index.html and add a style.css
| -rw-r--r-- | src/index.html | 11 | ||||
| -rw-r--r-- | src/style.css | 50 |
2 files changed, 58 insertions, 3 deletions
diff --git a/src/index.html b/src/index.html index c57c47a..a2cd076 100644 --- a/src/index.html +++ b/src/index.html @@ -1,8 +1,13 @@ -<html> - +<!doctype html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width"/> + <title>Benedikt's Website</title> + <link rel="stylesheet" href="/style.css"> +</head> <body> <h1>Hi!</h1> <p>For a list of my dead-tree (i.e. paper) projects look <a href="./dead-trees/index.html">here</a></p> </body> - </html> diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..c245d20 --- /dev/null +++ b/src/style.css @@ -0,0 +1,50 @@ +a:link, a:visited { + color: #005386; +} + +ul a { + text-decoration: none; +} + +body { + margin:40px auto; + max-width:650px; + line-height:1.6; + font-size:18px; + padding:0 10px +} + +img { + max-width:100%; + display: block; + margin: 0 auto; +} + +@media (prefers-color-scheme: dark) { + body { + color: #ffffff; + background: #212121; + margin:40px auto; + max-width:650px; + line-height:1.6; + font-size:18px; + padding:0 10px + } + + h1, h2, h3 { + line-height:1.2 + } + + a:link, a:visited { + color: #58a6ff; + } + + ul a { + text-decoration: none; + } + + ul a:visited { + text-decoration: none; + color: #8e96f0; + } +} |