yukijoou/make-a-website: Fixed typoes

content/yukijoou/make-a-website/index.md

@@ -37,7 +37,7 @@ others. we don't want them telling us what's "safe" or not.
 
 we don't like ads on websites, so we don't use them. we don't like
 corporate/uniform designs, so we try to be creative. we don't care about having
-billions of views and interractions, so most of us don't even track that. and
+billions of views and interactions, so most of us don't even track that. and
 most importantly, we want **people** to enjoy our stuff. not algorithms, not ai
 chat-bots, not search engines. we don't care about those.
 
@@ -54,13 +54,13 @@ is easy, and everything is centralised on less than a dozen platforms.
 
 and that's the problem. all that content is pretty much owned and distributed by
 a dozen massive platforms. if one of them goes down (and one day they all will),
-it's millions, if not hundreads of millions of people's content that gets
+it's millions, if not hundreds of millions of people's content that gets
 deleted in an instant. this also means it's up to the platform to decide what's
 allowed and not allowed: if an employee in the right department of that company
 doesn't like you, they can shut off your account in minutes, and you have no
 recourse.
 
-the content creation process may be "easy", at least in comparaison to not using
+the content creation process may be "easy", at least in comparison to not using
 those massive services, but it does restrict you to the platform's rules, which
 often encourage you to make things that make advertisers happy, and allow the
 platform to make as much money from its users as it can. these things often
@@ -112,11 +112,11 @@ i've seen amazing personal websites with crazy designs, and on small social
 networks like [SpaceHey](https://spacehey.com/), where people have the tools to
 customise their profile page, you get amazingly unique things!
 
-and that's mostly why i think personnal websites are better: you can truly
+and that's mostly why i think personal websites are better: you can truly
 express yourself, you're not at the mercy of some algorithms to know if your
 content will be deleted, and you're not helping some company grow their market
-share and increase their proffit margins[^corporate-hosting]. you're always in
-control of your content, you can make backups and repost it wherever you want
+share and increase their profit margins[^corporate-hosting]. you're always in
+control of your content, you can make backups and re-post it wherever you want
 super easily, and can, for example, at any point, [stop openai from using your
 content in chatgpt](https://platform.openai.com/docs/plugins/bot).
 
@@ -137,7 +137,7 @@ and even if you can't put anything on the internet right now, you don't have to:
 you can store all the files that make up your website on your computer, and make
 your website accessible to anyone on your home internet connection for free
 within minutes. it's a very good way to prototype things and just play around
-with making internet content without any consequenses!
+with making internet content without any consequences!
 
 while you may have to rely on some companies to make it work (like, an internet
 service provider, a host if you don't want all the traffic from your website to
@@ -147,25 +147,25 @@ same service at any point! you can always copy all your files to somewhere else
 if you want to.
 
 all in all, the whole infrastructure i'm running for my friends and i costs me
-about 15€/month, plus a few hours of maintance a month, for a blog, personal
+about 15€/month, plus a few hours of maintenance a month, for a blog, personal
 websites for each of us, a social network, and an image sharing service -- it's
 cheaper than a premium netflix subscription!
 
 -------------------------------------------------------------------------------
 
 so, if you have some time to spare, and want to start sharing content with the
-world, i recommend making a website! even if it's just for reposting stuff
+world, i recommend making a website! even if it's just for re-posting stuff
 you're sharing elsewhere, it gives you a space that's truly yours, and that you
 can keep as long as you're alive, and maybe more. it'll teach you general
-computer and system administration skills, that'll always be usefull in life.  
+computer and system administration skills, that'll always be useful in life.  
 and most importantly, it'll let you express yourself however you like, share the
 things you care about with friends, and make something *for people*.
 
 i'll note though that if you want to build a massive community, a website
 probably isn't the way to go. but i'd say, you don't need a massive community!
 people looking at your website are often much more engaged and interested in
-what you're sharing than people scrolling though hundreads of posts, so you'll
-likely get as many interractions, if not more, from actual humans!
+what you're sharing than people scrolling though hundreds of posts, so you'll
+likely get as many interactions, if not more, from actual humans!
 
 if you want to get started right now, i recommend you check out [mozilla's
 "Getting started with the web"
@@ -178,7 +178,7 @@ if you want to see some content made by indie web people, you can check those
 out:
 
 * [rampancy.neocities.org](https://rampancy.neocities.org), including [this
-  beutiful digital shrine to the video game
+  beautiful digital shrine to the video game
   SIGNALIS](https://rampancy.neocities.org/games/SIGNALIS) (cw: no reduced
   motion support on both links)
 * [possums.gay](https://possums.gay/), another yuki's website (cw: gifs with

static/style.css

@@ -1,4 +1,4 @@
-* {
+:root {
 	--background-color: #222222;
 	--foreground-color: #eaeaea;
 	--header-background-color: #444455;
@@ -7,6 +7,17 @@
 	--blockquote-bar: #cccccc;
 }
 
+@media (prefers-color-scheme: light) {
+	:root {
+		--background-color: #d9d9d9;
+		--foreground-color: #424242;
+		--header-background-color: #aeaedb;
+		--content-background-color: #d7acd7;
+		--link-color: #5050bf;
+		--blockquote-bar: #686868;
+	}
+}
+
 body {
 	display: flex;
 	flex-direction: column;
@@ -16,6 +27,7 @@ body {
 	color: var(--foreground-color);
 
 	font-family: sans-serif, sans;
+	line-height: 150%;
 }
 
 header {
@@ -74,6 +86,16 @@ a {
 	color: var(--link-color);
 }
 
+sup {
+	/* Hack I don't totally understand to make superscripts look better */
+	/* Stolen partially from https://gist.github.com/unruthless/413930 */
+	font-size: 50%;
+	vertical-align: baseline;
+	line-height: 0;
+	position: relative;
+	top: -0.8em;
+}
+
 ul#menubar {
 	width: 100%;
 	margin: 0;