- Starting engine version 1.1.1-
- browser: recovering website
- browser: clean: 65535/4815162342 files, 69/420 blocks
- 404: Root website loaded successfully, but /this page does not exist.
- Bailing out, you are on your own. Good luck.
-
-
- browser: can't access page; site navigation turned off
- [404page ]# reboot_
-
-
-
-
-
-
+
+
+
+
+ 404
+
+
+
+
+
+
+
+
+
+ Starting engine version 1.1.1-
+ browser: recovering website
+ browser: clean: 65535/4815162342 files, 69/420 blocks
+ 404: Root website loaded successfully, but /this page does not exist.
+ Bailing out, you are on your own. Good luck.
+
+
+ browser: can't access page; site navigation turned off
+ [404page ]# reboot_
+
This website may look really nice and fancy, but it's really all just CSS doing that.
-
This website's content is actually relatively minimalist. If you took away the CSS, everything would still be perfectly readable and understandable.
-
Most of my web design philosophy comes from the Motherf-ing Websites: Original, Better, Best
-
I should probably mention that none of this is meant in malice. Go ahead and make your website extremely ugly if you want to.
-
Key things
-
-
Should be lightweight, and load fast.
-
Fits on any screen you put it on.
-
Looks the same in (almost) any damn browser you throw at it.1
-
Should be accessible to every single existant being who visits it.
-
Should be legible and get your point across.
-
-
Mostly just text
-
HTML is plain text anyway, so text is fast, and accessible, and useful, and you should use text. That was a strange explanation.
-
Do you like scrolling through massive amounts of parallax images trying to figure out what the hell it is you're meant to be reading? Yeah? Well, you're wrong. You're not designing an app, you're writing a web document.
-
I'm supposed to make this non-offensive, aren't I?
-
Shorten that content
-
The defaults make it so text goes edge-to-edge, which sucks a lot if you're someone who uses 16:9 screens, which I'd say is most people. You should position your content in the middle of the screen for easier reading.
-
Yeah, you can just run your browser in a window, buuuut, who's actually going to do that? (Most people, I'd say, lmao)
-
This is of course optional (technically all of this is, but this more so), you don't need to do something like this.
-
-
body {
- margin: auto;
- max-width: 500px;
-}
-
-
Give the text some space
-
By default, line spacing is kind of. . . really tight. If you adjust the line height, it helps for readability.
-
-
body {
- line-height: 1.8;
-}
- h1, h2, h3 {
- /* Headings should have tighter spacing */
- line-height: 1;
-}
-
-
Beef it up
-
It's a good idea to make the font size at least 16px, though I would personally go with 18px. The more readable it is, the better.
-
Have a consistent appearance
-
Ideally, your website should look the same across all browsers and all platforms.
-
Having the website be just text makes this extremely easy.
-
You will probably need to set the viewport, unless you're one of those people who dislike mobile devices:
You might want to add media queries to set the width smaller so it doesn't look odd on mobile devices, but otherwise no further setup is required.
-
Dark mode
-
If you're, uh, anyone, and you don't want your eyes bleeding with the fury of a thousand suns every time you open your computer. . . you probably use dark mode.
-
And you probably want to have a dark mode for your website.
-
Whether you want to just make your website dark and only dark or have it change depending on the user's preference, it's easy to do both.
-
For the latter, you should use @media (prefers-color-scheme: dark), like this:
This changes the colour scheme to white on black if your browser detects dark mode from your system settings.
-
In case you want to have it dark by default (so that users of browsers that don't support prefers-color-scheme can still have it be dark), you can do the opposite:
1 almost any browser, because chances are your website isn't going to render well on a Tamagotchi. You should try to aim for cross-browser compatibility where possible, though.
-
-
diff --git a/background-light.jpg b/background-light.jpg
deleted file mode 100644
index b340d57..0000000
Binary files a/background-light.jpg and /dev/null differ
diff --git a/background.jpg b/background.jpg
deleted file mode 100644
index b7013bd..0000000
Binary files a/background.jpg and /dev/null differ
diff --git a/index-naked.html b/index-naked.html
index c50d90f..a2ab860 100644
--- a/index-naked.html
+++ b/index-naked.html
@@ -9,7 +9,7 @@
Hi, I'm Arsalan, or Velocity. I'm at least 20 years old and I'm technically a software developer, but I prefer to call myself a professional computer breaker.
-
My username for the most part is That1M8Head, and I use my old one, SpeedStriker243, if it can't be changed.
sued, a line editor similar to the standard editor, ed, but significantly worse and slightly more user-friendly. Includes basic editing functionality, with writing, line replacing and line deleting, as well as the ability to run programs.
-
QVSED, or Qt-based Volatile Small Editor, a graphical editor built using the PyQt5 framework which is entirely stateless and doesn't store any file metadata.
-
Take it and Like it Public License, a non-legally binding, not-accepted-by-any-courts super permissive software licence for works that you don't care about. Basically an informal version of the MIT/X licence.
Hi, I'm Arsalan, or Velocity. I'm at least 20 years old and I'm technically a software developer, but I prefer to call myself a professional computer breaker.
+
My username for the most part is That1M8Head, and I use my old one, SpeedStriker243, if it can't be changed.
sued, a line editor similar to the standard editor, ed, but significantly worse and slightly more user-friendly. Includes basic editing functionality, with writing, line replacing and line deleting, as well as the ability to run programs.
+
QVSED, or Qt-based Volatile Small Editor, a graphical editor built using the PyQt5 framework which is entirely stateless and doesn't store any file metadata.
+
Take it and Like it Public License, a non-legally binding, not-accepted-by-any-courts super permissive software licence for works that you don't care about. Basically an informal version of the MIT/X licence.
Email – GitHub – Twitter – YouTube – Mastodon
+