diff options
| -rw-r--r-- | html/sans/index.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/html/sans/index.html b/html/sans/index.html new file mode 100644 index 0000000..3598441 --- /dev/null +++ b/html/sans/index.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>small and nearly silent</title> + <style> + @import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@400&display=swap'); + :focus { + outline: 4px solid #ffd000; + outline-offset: 2px; + border-radius: 7px; + } + body { + font-family: 'Shantell Sans', sans-serif; + font-size: 22px; + background-color: #393939; + color: #fff; + padding: 1em 2em; + } + main { + max-width: 42em; + margin: 0 auto; + } + li { + list-style-type: disclosure-closed; + } + a { + color: #46acff; + text-decoration: underline; + transition: ease-in-out 0.2s; + } + a:hover { + color: rgb(241, 118, 241); + transition: ease-in-out 0.2s; + } + </style> +</head> +<body> + <main> + <h1>Small and nearly silent</h1> + <h2>A collection of web toys</h2> + <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Soluta ut consectetur sequi qui commodi est quia doloremque inventore ab. At, deserunt optio! Autem at voluptates impedit magni aliquam atque aspernatur.</p> + <h3>Games</h3> + <ul> + <li><a href="">Hill</a>, a demake of Alto's Adventure</li> + <li><a href="">LAZER GATE ONE</a>, pew pew pew! Click the targets</li> + </ul> + <h3>Tools</h3> + <ul> + <li><a href="">Ink n switch</a>, a note taking application that lets you type text and draw notes</li> + </ul> + </main> +</body> +</html> \ No newline at end of file |