From bb92241af631bd5e985ddb7046cba50218b49172 Mon Sep 17 00:00:00 2001
From: CrispyPin <crispin@tasa.se>
Date: Sun, 26 May 2024 17:58:00 +0200
Subject: [PATCH] simple styling and a favicon :3

---
 site/cretin.png              | Bin 0 -> 2497 bytes
 site/humans/distracting.html |  11 ++++++-----
 site/index.html              |  11 ++++++-----
 site/keyboards-are-fun.html  |  11 ++++++-----
 site/style.css               |  13 +++++++++++++
 template.html                |  11 ++++++-----
 6 files changed, 37 insertions(+), 20 deletions(-)
 create mode 100644 site/cretin.png
 create mode 100644 site/style.css

diff --git a/site/cretin.png b/site/cretin.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4641ff492a8e4e917efb8290c2be708d662c8b5
GIT binary patch
literal 2497
zcmV;y2|o6TP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000SyNkl<Zc-rk-
zeN0p59)8-=LR-M{Q3S!k=8%a3!u()?iy2oPS96ud2t_fM+y$fFsCP4=nE^8=>blMQ
zff7xbi#WL=niRsepmAR307dU*0i+-ZTAZ_#+M;~4#eUpB7CH~-v^_1gH%5NR`Gfa8
z=RN25yuZ)qEerrwyu!l7D=sqt%m6S0zzhI00L%a|1Hh{*J}<ih;v_NN2zmqkx_(r*
zRlgblNVB9^9lILg0pSqxg<vsRcr@||09*!v@iO%S(kv+o-Y!6xe;DO__fR(${B40}
zV}LkGj9Y)X1!JiZ*27lZFS-wDmelKJ-nOd^MJtNzDh~i}3Ex6-X0hiiK%68-`MPoh
z^MXlpnlTNo^j(2mA$QC7Tv7f+_6f}Ln?>vXUQI9NADK^keHMU^?M;?smS9QL63RIq
zhlho;7h-MPT0{$?QQuwfaph$q8A>us;P2~C`<W142zYEBF5kU8eHU07wbbbXTs9Yl
z%L*~Ne-yP_YCWoa;j%(-*<8wbonD77br+r(o{;8N$FBBF42TGfpuG^E!^isg_4xUt
zpCL{XPuuMClk+L(j3y&0ZdM@plVHUEJs#R|E$N;B-vG}5;OFB<>HCf(GB6UA8!I6b
z$=p`HLR3My^X-q?QE;IETjg7AV-~B$yM@rs`khFQNXF*m&4>()q`Zg2;-GL@A#{2j
zBn=Xm*5AK!Kc&w%DVvafBHg>Cu+d~BjV+(M9FhhJq7FylvmZW#POr23{O+{fE~U)M
zjg^=mN{-+ist&u#^ErIdn89T5PA?#7kRbSzVALt<pns+(&HMWJqG&}CEqB<Sx*fTR
zxukLJxE6{3OtkARLcWkR-Z|Lm8325Jd`V+14_ZiL*<WXaw~vP=WfSE(c}aOr1LJ$K
z?@_+*%UfUCeMS^70*lEajF~NF$Q5$W6hhX+<f**sJcor(?Uq`sk6%w3@6q&t#rW-G
z1zZ6HegZHVOqeVt7)?f!?;A`8^gZrF=U^vg!FBtux3O^cLc*A8M1_b$5uO1+e?U*l
z1U2n7$UU3uaM8wXjYx}5^LW5|`1B#FeyXws)<=6EAv_?QWd4i(vB)!7;PLolQly`X
zI8~Px;2VGm^8`37jz<BA42(q4iXx=Nq(L#Lz-<57)AE0(01WGgNdScKLR{|BJS}O_
zX_OY`s{cC;f>daR`G*k#TI04xr(K%2<YMndmm4#O79dy1v0>2$LZoFfnE3n;pW~OO
zzu?%qV@L>3aQc$5i7|8!b))4$3wkxZ=o;z*hs8l$XdL>qeF)`+B0VM@$#asyWAljB
zDBBN0zR;;VH7T30_S9OJL32uoG;eRlJFmS%8Xqx^IIXz{h6hmAT!te*9+~#;o)w=(
zZelJN3<hD`VzuDpt&@cE*rTOzS#udu=A@8vv_0i@dL6XmTHMp!!>W_3JZ9c`)p@q!
zhv35uCKiP+a(i7`l-Oiz>PReB3u@YHY#;ifq-|Fl5+f2x!7sli-z{Q>HYeyPx0@^`
zlr@)O&$oNLLXTDDR)NVN#_#I`*P$KPA|@yX0<HidybxOrV=x);VE6&#opMrh<`OCT
z^y8<LreATh!fhXPN0bsJUK70L*0V>Ok78H-F4vnOX_k~y`8q|NSCt2V8v{4oel|Zj
z9~rM_I1hp~n`*EoZjG(oq#_=4dL6RA&h~n~mn-DRNz8HU*&uEZauRZI?cO!}7SOn@
z5gQXW5_;{aJ~!E_dRmGzi&6ildK_DKjIdMB%XC@j=%8r(79bPJXg4xE4$q|*OS7a%
ziA+K3!&XYBs5rA22UZ=h{T(Na!+|RYY`Zm;teKjcC(IKV8XLl}e%RJQrp`^p?zG)@
zTY4Y5WF(dNbLi96&u5X9Z>|KF%_RgQ0NA>e7)w^Zxe_f8S||aqQp9c!i-S?)C_eq+
zQ=IwfjLlj!;~Heg|LUr>idvLjDWwKL6fd$%Lz^vT68S(yn%aveQ>|)C@)lgUeSx4{
zC_j|+Y$z|(B`b>)#^I|CUm+tV!xo%Nuapv$w%ZJ4&dVg-pc+wu@eu?0HDt?Rv)Hsa
zzcq1dNMi!7fYe7!Wt&EfBWP2#QGYnYegb2&*eG09h{kP=^t(Z6mXvY_PPd-6nUZQm
zMVjA{x&u|YRd|2N`*vT_rS2k|u$64W?^e8vtNm9oVV*$W<330lBshNKIAt+JhigcS
zPD9V09(uh%N@NOYQa!3B1gmTJu94D@zpp<wE#71^@ss~KNm}Pf;}IPF<52>@-*kV2
z4pj#w2+l+lFQNo=YNG@Iv7xc(+0$e9ywGL=tq)sClc)ZBij+egr4}j|nzWvs^*eF8
z^)$Y}`#s99m*a~czn~0mbcE_XcOT!iOUlNE#-e6ZjbjU#-04Yb`ds@t!tUSLaRbZe
zE_e80^Frp?ovUuE_Q)x+OeCXp)yX<vCX%7x?E<h_Y{I;~nu1m@aOuyNuqu{bYpWhr
zqoJn(`e%A*#x=Oqd&%vcrt<yDjg=(-SC6VO``~Z<pk##v`+mQVK(3tcIFFovk*i0C
z$K#VP{qT1mI*hu{3!lSBQbZD#L@hza>lug*iAA5b56WTXw3RPkS5A3sR(`#la2(#G
zY(l@bA2EU$%<`LsIz=6&^3!63x`(>)%>0ZNB{o^18J-zz?dg5peW=IOM81(9hM1rj
z`1$yO$Kk=x#}5XR0Sqt@<{xHv6FO8Kc2AF{#RrI!#5j|4hExDOfB5jC&H!8$cR^q}
zOE*)Mw^%Ls;M)&uf2W^FheECRzXOmEo<OVcaS4Dqfpf@Ygic9_<}#5C@nP{^Rd#T6
z5GIR>vhZ>B2V4#TXjV3p#?E(~ciKEztyZW<)h-=V(-E`9jPLGzhwy{pC~GdG<R~^L
zZ+2--hgsnA-OJ#yd5D@7g(rq5klmCKYJ-x@5-gsxnDpGa_H#%*o{EG2K8QP-JFr+R
zw%T5&*FkU6!-weuv(*ff#bmoC%o9+LsWCJ<1f$sqlf{H#!!QPh2XM9jDh^#eguNH{
z{+gP5FJXaj0f`X~^bN!v%^lnxyzN<1luD>hXEkFQ2up=ta|dIokyIDZIly(96QmLW
zS3v2X-V~)yNh@}}5C8&w11WhzukwSPa$2#=X*cMOs76#S{Uq&0h_fDsj#%Bjq*+p{
z^{|z2NwcKZ>8$DP%V{s*NStMfmqA{tpUb}pnfafg831Mgc(vt!;>ZU@+r3qS00000
LNkvXXu0mjf<&d-}

literal 0
HcmV?d00001

diff --git a/site/humans/distracting.html b/site/humans/distracting.html
index 2b41390..7edb223 100644
--- a/site/humans/distracting.html
+++ b/site/humans/distracting.html
@@ -5,13 +5,13 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>something silly - distracting</title>
-	<style>
-		html { color-scheme: dark; }
-	</style>
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/x-icon" href="/cretin.png">
 </head>
 
 <body>
-	<h1>distracting </h1>
+	<main>
+		<h1>distracting </h1>
 <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>
 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>
 go back to <a href="/">procrastinating</a><br>
 
+	</main>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/site/index.html b/site/index.html
index 936a197..6422c8a 100644
--- a/site/index.html
+++ b/site/index.html
@@ -5,13 +5,13 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>something silly - index</title>
-	<style>
-		html { color-scheme: dark; }
-	</style>
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/x-icon" href="/cretin.png">
 </head>
 
 <body>
-	<h1>crispys blug</h1>
+	<main>
+		<h1>crispys blug</h1>
 <p>
 hello i might write some words here from time to time<br>
 </p>
@@ -34,6 +34,7 @@ this means it is<br>
 - todo: put more words in the computer<br>
 </p>
 
+	</main>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/site/keyboards-are-fun.html b/site/keyboards-are-fun.html
index a7111ce..8558564 100644
--- a/site/keyboards-are-fun.html
+++ b/site/keyboards-are-fun.html
@@ -5,13 +5,13 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>something silly - keyboards-are-fun</title>
-	<style>
-		html { color-scheme: dark; }
-	</style>
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/x-icon" href="/cretin.png">
 </head>
 
 <body>
-	<h1>keyboards!</h1>
+	<main>
+		<h1>keyboards!</h1>
 <p>
 I love weird keyboards. I have many ideas for more weird keyboards that I might make one day, physical and digital.<br>
 </p>
@@ -30,6 +30,7 @@ this bit was written with 8vim<br>
 <p>
 <a href="/">click other words</a><br>
 
+	</main>
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/site/style.css b/site/style.css
new file mode 100644
index 0000000..bc32d34
--- /dev/null
+++ b/site/style.css
@@ -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;
+}
\ No newline at end of file
diff --git a/template.html b/template.html
index b3f8726..1d90c3e 100644
--- a/template.html
+++ b/template.html
@@ -5,13 +5,14 @@
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>something silly - {FILENAME}</title>
-	<style>
-		html { color-scheme: dark; }
-	</style>
+	<link rel="stylesheet" href="/style.css">
+	<link rel="icon" type="image/x-icon" href="/cretin.png">
 </head>
 
 <body>
-	{CONTENT}
+	<main>
+		{CONTENT}
+	</main>
 </body>
 
-</html>
+</html>
\ No newline at end of file