diff options
| author | Anser <rostgans@tutamail.com> | 2026-08-18 21:37:14 +0200 |
|---|---|---|
| committer | Anser <rostgans@tutamail.com> | 2026-08-18 21:37:14 +0200 |
| commit | 567b00291d2195b203312800a9d746479c4eef39 (patch) | |
| tree | 276bc01b1d50a4b02d6eab539c2556b6eb1dd5ba /Anser | |
| parent | bdf2cd30b066bad8778e6cc9960b2097564083f6 (diff) | |
added README.md, some minor changes - till next update!
Diffstat (limited to 'Anser')
| -rw-r--r-- | Anser/index.html | 36 | ||||
| -rw-r--r-- | Anser/style.css | 76 |
2 files changed, 112 insertions, 0 deletions
diff --git a/Anser/index.html b/Anser/index.html new file mode 100644 index 0000000..7e52a26 --- /dev/null +++ b/Anser/index.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Anser</title> + <link rel="stylesheet" href="style.css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + </head> + + <body> + <div class="header"> + <h1> + <span class="color_orange">/</span> + <a href="/">personal_web</a> + <span class="color_orange">/</span> + Anser + </h1> + + </div> + + <h2 id="Contact"><a href="#contact">~</a> contact_me</h2> + + <section class="block"> + + <h3>XMPP</h3> + <p>> </p> + </section> + + <section class="block"> + <h3>IRC</h3> + <p>> Server: <a href="https://libera.chat">libera.chat</a></p> + <p>> handle: void, legion</p> + </section> + + </body> +</html> diff --git a/Anser/style.css b/Anser/style.css new file mode 100644 index 0000000..16407f4 --- /dev/null +++ b/Anser/style.css @@ -0,0 +1,76 @@ +:root { + color-scheme: dark; +} +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(0, 100%, 50%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(36, 100%, 50%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); + + box-sizing: border-box; +} + +body { + margin: 5vh 15vw 5vh 15vw; + background-color: var(--cl-black); + color: var(--cl-red-6); + font-family: "DepartureMono", "Roboto Mono", monospace; +} + +a:link { + border: 2px solid var(--cl-orange-6); + padding: 6px 6px; + text-decoration: none; + color: var(--cl-orange-6); +} + +a:visited, a:active { + color: var(--cl-green-6); +} + +.block { + background-color: var(--cl-gray-0); + border: 2px solid var(--cl-gray-2); + padding: 16px 32px; + margin: 1em; +} + +.header { + padding: 5vh; +} + +.header h1 { + font-size: 40px; +} + +.color_orange { + color: var(--cl-orange-6); +} + +@font-face { + font-family: "DepartureMono"; + src: url("/fonts/DepartureMono-Regular.woff2") format("woff2"); +} |