simple styling and a favicon :3

This commit is contained in:
Crispy 2024-05-26 17:58:00 +02:00
parent 66d39fd653
commit bb92241af6
6 changed files with 37 additions and 20 deletions

BIN
site/cretin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -5,13 +5,13 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>something silly - distracting</title> <title>something silly - distracting</title>
<style> <link rel="stylesheet" href="/style.css">
html { color-scheme: dark; } <link rel="icon" type="image/x-icon" href="/cretin.png">
</style>
</head> </head>
<body> <body>
<h1>distracting </h1> <main>
<h1>distracting </h1>
<p> <p>
i work in an open office. that means there are 30 people in the same room trying to work. and between 1 and 5 conversations happening at once. i cannot work if i hear people talking, this is a constant problem. loud music helps some but makes me more tired too.<br> i work in an open office. that means there are 30 people in the same room trying to work. and between 1 and 5 conversations happening at once. i cannot work if i hear people talking, this is a constant problem. loud music helps some but makes me more tired too.<br>
today i brought a bearing, i like to fidget with something while i think. <br> today i brought a bearing, i like to fidget with something while i think. <br>
@ -23,6 +23,7 @@ i refuse to believe that <em>anyone</em> likes open offices. they just suck. bos
<p> <p>
go back to <a href="/">procrastinating</a><br> go back to <a href="/">procrastinating</a><br>
</main>
</body> </body>
</html> </html>

View file

@ -5,13 +5,13 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>something silly - index</title> <title>something silly - index</title>
<style> <link rel="stylesheet" href="/style.css">
html { color-scheme: dark; } <link rel="icon" type="image/x-icon" href="/cretin.png">
</style>
</head> </head>
<body> <body>
<h1>crispys blug</h1> <main>
<h1>crispys blug</h1>
<p> <p>
hello i might write some words here from time to time<br> hello i might write some words here from time to time<br>
</p> </p>
@ -34,6 +34,7 @@ this means it is<br>
- todo: put more words in the computer<br> - todo: put more words in the computer<br>
</p> </p>
</main>
</body> </body>
</html> </html>

View file

@ -5,13 +5,13 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>something silly - keyboards-are-fun</title> <title>something silly - keyboards-are-fun</title>
<style> <link rel="stylesheet" href="/style.css">
html { color-scheme: dark; } <link rel="icon" type="image/x-icon" href="/cretin.png">
</style>
</head> </head>
<body> <body>
<h1>keyboards!</h1> <main>
<h1>keyboards!</h1>
<p> <p>
I love weird keyboards. I have many ideas for more weird keyboards that I might make one day, physical and digital.<br> I love weird keyboards. I have many ideas for more weird keyboards that I might make one day, physical and digital.<br>
</p> </p>
@ -30,6 +30,7 @@ this bit was written with 8vim<br>
<p> <p>
<a href="/">click other words</a><br> <a href="/">click other words</a><br>
</main>
</body> </body>
</html> </html>

13
site/style.css Normal file
View file

@ -0,0 +1,13 @@
html {
color-scheme: dark;
font-family: sans-serif;
}
main {
width: 800px;
background-color: #222;
margin: auto;
padding: 2px 32px 32px;
border-left: 4px solid #d39;
border-right: 4px solid #d39;
}

View file

@ -5,13 +5,14 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>something silly - {FILENAME}</title> <title>something silly - {FILENAME}</title>
<style> <link rel="stylesheet" href="/style.css">
html { color-scheme: dark; } <link rel="icon" type="image/x-icon" href="/cretin.png">
</style>
</head> </head>
<body> <body>
{CONTENT} <main>
{CONTENT}
</main>
</body> </body>
</html> </html>