![\"S:](\"/blog-files/HTML_tierlist.png\")
There's a lot of information about my username. So I thought I'd make this blog post to explain basically everything about it.
\n\nThe pronounciation is Steve (/sti\u02d0v/) Zero (/\u02c8z\u026a\u0259r\u0259\u028a/, /\u02c8z\u026aro\u028a/, or /\u02c8ziro\u028a/) Greatness (/\u02c8\u0261\u0279e\u026atn\u0259s/).
\n\n\n\nThe above audio file was generated with eSpeak.
\n\nFun fact: when it was still I around, I was fairly active on Blocksworld. If you don't know: Blocksworld is a sandbox, similar to Scratch, but in 3D.
\n\nOn Blocksworld, I went by the username Steve's Greatness. This name was because I really liked Minecraft(hence the Steve) and the Greatness... is because I really liked Minecraft, and I thought it was great.
\n\nEventually, when signing up for Scratch, to my dismay they didn't allow apostrophes or spaces. As a result: I decided to use a 0 inplace of the \"'s \", hence the name: Steve0Greatness.
\n\nYou can still see remnants of this name original name: my Replit username is StevesGreatness; and in 2020 I had made a new Scratch account, with intentions of moving there.
\n", "date_published": "2024-03-13T00:00:00Z", "date_modified": "2024-03-13T00:00:00Z", "url": "https://steve0greatness.github.io/blog/name.html"}, {"id": "https://steve0greatness.github.io/blog/html-tag-ranking.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "I like HTML. I recently found a video of Theo ranking HTML tags with a tierlist, the video is available on YouTube(URL), and the tierlist is on TierMaker(URL). Without further ado, here is how I ranked all* HTML elements.
\n\n
Alright, I've now moved all my full blog posts over to this one website. There might be other I miss in other places, but I'll add them here soon. I will not be moving over my micro-blogs, however. Those are too small, and I'd rather keep those separated anyway.
\n\nI'm not a fan of how I wrote before December of 2022, everything there is filled with spelling mistakes and grammar issues, I also think most of it was rude towards the reader, which is not a good impression.
\n", "date_published": "2024-01-01T00:00:00Z", "date_modified": "2024-01-01T00:00:00Z", "url": "https://steve0greatness.github.io/blog/singular-blog.html"}, {"id": "https://steve0greatness.github.io/blog/How-to-Store-Passwords.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Disclaimer: The world of cyber-security is an incredibly complex and constantly evolving topic, and I am not a cyber-security researcher; I create projects for fun.
\n\nStoring a password in a server can be intimidating. Password management is incredibly tricky, as anything you mess up could compromise your users' password(s). Thankfully, random websites you've never visited before have a pure HTML blog post from 2023 about that exact topic, and how to do it properly.
\n\nBasically, it's just this sequence of steps:
\n\nAnd to check if a password is right, repeat the steps, except rather than generating a random sequence of characters, get the sequence of characters that you've stored along with the hash.
\n\nYou might be thinking: That's a bit arbitrary innit? And if you aren't then you can stop reading now.
\n\nThis method of storing passwords is the only way to ensure that you are securely storing them. So let's go through some other ways, and why they aren't so good.
\n\nStoring your passwords in plaintext allows anyone who can get into your server to easily take any password they want, as no matter how good your users' password is, their account will be hacked if an unauthorized or malicious individual is able to get in.
\n\nThis is basically just plaintext with additional steps. As long as your master-key is stored somewhere, it will get stolen as soon as somebody manages to get into your system.
\n\nA hash isn't able to be undone, meaning theoretically you should be able to just hash your password. This, while a fair assumption, has unfortunately been incorrect for quite some time. There are databases online that store every word in the english language(or just some words) in addition to common passwords and their hashes, and users will often use words for their passwords, even though it's insecure.
\n\nThis is where salts come in. Due to the nature of hashes, even a single change in a string will entirely change it's hash, as such, if you add a random sequence of characters to a string, then you can entirely change it's hash.
\n", "date_published": "2023-11-02T00:00:00Z", "date_modified": "2023-11-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/How-to-Store-Passwords.html"}, {"id": "https://steve0greatness.github.io/blog/satisfactory-farming-idea.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Here is my idea for automating the collection of healing materials(such as Beryl Nuts) in Satisfactory
\n\nPlant pods would be researchable in the Nutrients section of the MAM. It would cost:
\n\nto research.
\n\nYou'd be able to build it in a new Farming section in the production category of the build menu. It would cost the user:
\n\nto build. It would require 1 MW of power to function. Plants that are left without power while in there will not continue growing or providing harvest, however they will not die(that'd be annoying if they did).
\n\nThe user would be able to interact with the planting pod to bring up a menu that tells them what stage of growing it's at(baby, growing, fully grown), how ripe for harvest the plant is(out of 3 states: none, starting, ripe). The UI will have a button to harvest at the bottom, and a box that will allow the plant to be exchanged for another--which would give you a few leaves, proportional to how long it's been growing(0 if baby, 4 if growing, 10 if fully grown), and the amount of fruit they would have gotten from the harvest + 1 extra(for the fruit they put in).
\n\nResearchable under the Crystal Oscillator. The research cost is:
\n\nThese little farmers need power to survive, which is why the ROBOT charger is unlocked with them.\nThis building can be built in the power section. They cost:
\n\nto build.
\n\nOnce built, this building acts like the truck station, but instead of coal, it loads power, and it can only unload items from the bot's inventory.
\n\nThe Robo-Farmer is then buildable under the Farming section in the production category of the build menu. It costs:
\n\nto build.
\n\nThese little robots have themselves a little UI that allows you to select items they should farm. Once given a task, these robots will always return to the nearest ROBOT charger when their inventory is full, or they are running low on power(robots will always attempt to keep themselves powered). If the robot cannot find a plant within range that is harvestable, then the they will wait until there is one.
\n\nRobot Farmers are best at traversing on foundations(they spend less power). As such, it is recommended, that the player create a flat platform that has plant pods with some space between for the bots to traverse between them. In the center, the player should build a ROBOT charger, as it will allow the robots the run around equally in each direction. Players should also utilize the Conveyor Lift to bring materials to a layer above for sorting, or other purposes.
\n", "date_published": "2023-04-16T00:00:00Z", "date_modified": "2024-03-24T00:00:00Z", "url": "https://steve0greatness.github.io/blog/satisfactory-farming-idea.html"}, {"id": "https://steve0greatness.github.io/blog/tf2-disguise-cmd.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "A Spy class-specific command
\n\nThe basic layout of the disguise command is very simple.
\n\ndisguise [class] [team]\nclass Parameter1 : Scout
2 : Sniper
3 : Soldier
4 : Demoman
5 : Medic
6 : Heavy
7 : Pyro
8 : Spy
9 : Engineer
The reason the classes are in this order is that they were added in that order. As mentioned in Quake World Team Fortress \u00a7 Versions on the Team Fortress wiki, it mentions the classes were added in the order of scout, sniper, soldier, demoman, and medic; then heavy; pyro; and finally spy and engineer.
\n\nteam ParameterThese depend upon what team you're on.
\n\n-1 : Enemy Team
-2 : Friendly Team
These aren't extremely useful, but they exist. They are independent of the team you're on.
\n\n1 : Blu Team
2 : Red Team
Normally, when you disguise as a spy of your team, you undisguise. This also applies to the disguise command, allowing for an \"undisguise\" command.
\n\ndisguise \"8\" \"-2\"\nYou're also able to put this into a bind, allowing for an undisguise bind.
\n", "date_published": "2022-12-17T00:00:00Z", "date_modified": "2024-01-17T00:00:00Z", "url": "https://steve0greatness.github.io/blog/tf2-disguise-cmd.html"}, {"id": "https://steve0greatness.github.io/blog/fortress-forever-on-linux.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Fortress Forever is finally playable fully on Linux using Proton-GE version 7-41, although there's a bug where if you change the settings then try to connect to a server: the game crashes. This issue, however, is very easily solved by rebooting the game.
\n\nIf you need a quick rundown on how to download and install Proton-GE, I've made a video about that already. It is technically about a different game, but the problem is still similar enough to apply pretty much the same steps.
\n\nIt plays pretty well, the only problem is when a local server changes maps, and the font for some of the menus(and the chat) being very... bad looking. It's not the game's fault for the second one, however, it is still something that's annoying if you don't want to do too much tinkering(I was never able to fix it, though).
\n\nI'm glad to be able to play this great game on my (used to be) daily drive OS without having to open Bottles every time I want to play Fortress Forever.
\n\nWhenever I'm playing Fortress Forever, I'm usually on MaxTF's Midwest server. The reason why is that it's the server that I have the lowest ping on, still not great ping though.
\n", "date_published": "2022-12-16T00:00:00Z", "date_modified": "2024-02-04T00:00:00Z", "url": "https://steve0greatness.github.io/blog/fortress-forever-on-linux.html"}, {"id": "https://steve0greatness.github.io/blog/macos-page-tab-nav.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Ok, so I feel like a complete idiot right now.
\n\nI've been trying to use Tab to navigate webpages on my MacBook for what feels like forever now. Turns out, it was as simple as hitting Ctrl+F7.
\n\nTo be honest, I thought that it was just an issue with FireFox, and then I read Browser keyboard navigation in macOS by Scott Vinkle for The A11Y Project and realized that it was an issue with MacOS! This should really be enabled by default, but Apple is stupid.
\n\nJust thought I'd share this encase anyone else was having this issue.
\n", "date_published": "2022-02-26T00:00:00Z", "date_modified": "2024-02-14T00:00:00Z", "url": "https://steve0greatness.github.io/blog/macos-page-tab-nav.html"}, {"id": "https://steve0greatness.github.io/blog/fizzbuzz.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "A FizzBuzz Program is a program used in many job interviews to see if a programmer is good at problem solving. There are many ways to make one.
\n\nFirst let me tell you why I write these programs. These programs, at least in my opinion, are good when you're learning a new programming language. It gives you a problem to solve, and all you need to do to solve it. Incase you're wondering, the problem is to make a program that counts from 1 to 100 and replaces all multiples of 3 with Fizz, all multiples of 5 with Buzz, and multiples of both with FizzBuzz. Generally in interviews, they also ask you to add on more multiples, such as multiples of 7 are replaced with Fuzz, and multiples of 11 are replaced with Bizz.
\n\nNow that I've told you what a FizzBuzz Program is, let me show you how I make them in Python.
\n\nfor Index in range(1, 100):\n Response = ""\n print(Response)\nThe first thing I do is I create a for loop, and within it I put a print statement and a variable named toPrint.
\n\ndef FizzCompute(Number, Divisor, String):\n return String if Number % Divisor == 0 else ""\n\ndef SubstituteEmpty(String, Number):\n return String if String != "" else Number\n\nfor Index in range(1, 100):\n Response = SubstituteEmpty(FizzCompute(Index, 3, "Fizz") + FizzCompute(Index, 5, "Buzz"), Index)\n print(Response)\n\n Output
\n1\n2\nFizz\n4\nBuzz\nFizz\n7\n8\nFizz\nBuzz\n11\nFizz\n13\n14\nFizzBuzz\n16\n17\nFizz\n19\nBuzz\nFizz\n22\n23\nFizz\nBuzz\n26\nFizz\n28\n29\nFizzBuzz\n31\n32\nFizz\n34\nBuzz\nFizz\n37\n38\nFizz\nBuzz\n41\nFizz\n43\n44\nFizzBuzz\n46\n47\nFizz\n49\nBuzz\nFizz\n52\n53\nFizz\nBuzz\n56\nFizz\n58\n59\nFizzBuzz\n61\n62\nFizz\n64\nBuzz\nFizz\n67\n68\nFizz\nBuzz\n71\nFizz\n73\n74\nFizzBuzz\n76\n77\nFizz\n79\nBuzz\nFizz\n82\n83\nFizz\nBuzz\n86\nFizz\n88\n89\nFizzBuzz\n91\n92\nFizz\n94\nBuzz\nFizz\n97\n98\nFizz\n
The next thing I do is I define a function that checks if one number is a multiple of another, and if it is, then it returns the string, otherwise, it returns an empty string.
\n\nThen I make a function that checks if a string is an empty one, if it is, then it returns a number.
\n\nOnce I have these 2 functions, I go back into the for loop and make the Response variable have the variable for checking if a string is empty(and if it is replace it with a number) check if 2 of the other function that check if one number is a multiple of another(and if it is, return a string). Finally, it prints the output.
I've tried this method many times. Below are some examples of this method in action!
\n\n\n", "date_published": "2022-02-20T00:00:00Z", "date_modified": "2024-02-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/fizzbuzz.html"}, {"id": "https://steve0greatness.github.io/blog/checkbox-custom-styles.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "TL;DR: appearance: none;.
Checkboxes are hard to style. But when you're making a website, they may look ugly.
\n\n\n\nAs you can see here, this bland checkbox does not fit into my clearly great website(/s). But really, it does not fit in at all.
\n\nThe first step toward styling it how we want it is to give it an appearance of none, and a width and height that are what you want.
\n\ninput[type="checkbox"] {\n appearance: none;\n width: 15px;\n height: 15px;\n background-color: grey;\n}\nNow we can do whatever we want to it. You're also able to add a :checked sudo to change certain elements(like the background-color) depending on if the checkbox is checked or not.
input[type="checkbox"] {\n appearance: none;\n width: 15px;\n height: 15px;\n background: #000;\n border: 1px #fff solid;\n border-radius: 2px;\n}\n\ninput[type="checkbox"]:checked {\n background: #ce5aff;\n}\nA switch is something that is basically just a nicer looking checkbox. Here, I'll be showing you how to make one.
\n\nThe first step is to create checkbox with any class; I'll be using switch, because it's a switch.
<style>\n input[type=checkbox].switch {}\n</style>\n<input type="checkbox" class="switch" />\nNext step is to add an appearance of none to the CSS--make sure to add -moz- and -webkit-. After that, you're going to want to set it so that the checkbox a rectangle--make sure it's in px. We also want to set the position to relative
<style>\n input[type=checkbox].switch {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: relative;\n }\n</style>\n<input type="checkbox" class="switch" />\nNext we want to create ::before pseudo. In there we want to make it have a position of relative, a width and height that are -1px less than the height of the main switch, a display of block, top and left set to 1px, a content of \"\", and a background color that's different from the one in the main switch.
<style>\n input[type=checkbox].switch {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: relative;\n background: #000;\n width: 30px;\n height: 16px;\n }\n input[type=checkbox].switch::before {\n top: 1px;\n left: 1px;\n position: absolute;\n display: block;\n background: red;\n content: "";\n width: 14px;\n height: 14px;\n }\n</style>\n<input type="checkbox" class="switch" />\nFinally add a pseudo called :checked which checks if a checkbox was checked, you'll want to change the before pseudo if the the checkbox is checked. You'll need to put it on the opposite side of where it started, for me, that's on the right-side.
<style>\n input[type=checkbox].switch {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: relative;\n background: #000;\n width: 30px;\n height: 16px;\n }\n input[type=checkbox].switch::before {\n top: 1px;\n left: 1px;\n position: absolute;\n display: block;\n background: red;\n content: "";\n width: 14px;\n height: 14px;\n }\n input[type=checkbox].switch:checked::before {\n left: 15px; /* .switch width - .switch::before width - 1px */\n }\n</style>\n<input type="checkbox" class="switch" />\nI'm using the left property instead of the right property as it makes it easier to transition between the 2 positions. Here is the CSS with the transition added in, plus a background change(also dark mode):
<style>\n :root {\n background: #000;\n color: #fff;\n }\n input[type=checkbox].switch {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n position: relative;\n background: #fff;\n width: 30px;\n height: 16px;\n }\n input[type=checkbox].switch::before {\n top: 1px;\n left: 1px;\n position: absolute;\n display: block;\n background-color: #ff5c1c;\n content: "";\n width: 14px;\n height: 14px;\n transition: background-color .5s, left .5s;\n }\n input[type=checkbox].switch:checked::before {\n left: 15px; /* .switch width - .switch::before width - 1px */\n background-color: #3f9b00;\n }\n</style>\n<input type="checkbox" class="switch" />\nAll of this results in a final product that looks like:
\n\n\n\n\n", "date_published": "2022-02-11T00:00:00Z", "date_modified": "2023-02-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/creatingaswitch.html"}, {"id": "https://steve0greatness.github.io/blog/whyLocalVarCallLet.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "In JavaScript there are 3 different kinds of variables, global variables(using var), constants(const, and local variableslet). All of the act a little differently from each other. Allow me to explain what they do.
Global variables, made using var, are as they sound, global variables. Once defined, they can be used, edited, or redefined anywhere.
Constants, defined with const, are constant, they cannot change, at all.
Local variables, defined with let, are variables that can only be used in the place that it is defined, like a function, and it's children.
Now that we has that established, let's talk about how local variables got their name.
\n\nTurns out \"let\" is a mathematical term.
\n\n\n\n\nThe \"let\" expression may also be defined in mathematics, where it associates a Boolean condition with a restricted scope.\n Quote from Wikipedia \"Let expression\" as of
\n
It was first used in programming in early languages like Basic.
\n\nIn case you're wondering, the main source is an answer on Stack Overflow: \"Why was the name 'let' chosen for block-scoped variable declarations in JavaScript?\", answer by exebook, edited by Pikamander2; link.
\n", "date_published": "2022-01-10T00:00:00Z", "date_modified": "2024-02-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/whyLocalVarCallLet.html"}, {"id": "https://steve0greatness.github.io/blog/The_song_that_we_didnt_get_in_undertale.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Undertale is an amazing game. I really enjoyed my time playing it. I listen to the sound track a lot(I'm doing it as I write this). I even read a fan-made AU called Inverted Fate. The only thing that I haven't done(and don't intend on doing) is a Genocide Run. But, there's one thing that's kinda been bugging me since it first found out about it. It's the fact that their's a version of Undertale(the song) that wasn't added, and instead was replaced with the version we have now.
\n\nThe version we got of Undertale was a pretty good one. It's a little sad, while also filled with hope(just like the monsters in the neutral route. It is kinda the song of their hope, since it only plays during the end of the neutral route). Below is the version we got in the game.
\n\n\n\nThis one is also great, and I personally think I like it a lot better than the one we have. I feel like it's more happy in tone. Even if it might not fit with what the game would have been trying to fit it's context into, it's still a good song on it's own.
\n\n\n", "date_published": "2021-12-20T00:00:00Z", "date_modified": "2024-02-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/The_song_that_we_didnt_get_in_undertale.html"}, {"id": "https://steve0greatness.github.io/blog/creating_a_theme_switch.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "This is a simple tutorial on how to make a simple theme switcher.
\n\nFirst step is to create the themes you'll want on your site. You may just want a light and dark mode, however, you may also want other themes. As an example: a clown theme that makes the page absurdly colorful, like a GeoCities site in the early 2000s. For these themes, you can use CSS variables set on the html parent tag(all other elements are considered children of html). Variables can be set in CSS using double hyphens followed by a sequence of text that can use numbers(but not at the start), letters(capital or lowercase), underscores, and hyphens; these variables can then be accessed within your text using the var() function with the name of the variable(including the starting hyphens). You can change out the CSS variables using different selectors on the html tag within the CSS, for me: I'm using the [data-theme] attribute; however, you can use classes if you want. Here is the CSS I wrote:
html[data-theme=light] {\n background: #fff;\n color: #000;\n --buttonBackground: #fefefe;\n --buttonBorder: #ccc;\n --buttonColor: #001;\n}\nhtml[data-theme=dark] {\n background: #000;\n color: #fff;\n --buttonBackground: #101010;\n --buttonBorder: #333;\n --buttonColor: #fff;\n}\nhtml[data-theme=clown] {\n background: #f00;\n color: #00f;\n --buttonBackground: #050;\n --buttonBorder: #0a0;\n --buttonColor: #0f0;\n}\nbutton {\n background: var(--buttonBackground);\n border: var(--buttonBorder) solid 3px;\n color: var(--buttonColor);\n}\nNow we need to create a button that we will use to change the [data-theme] attribute. You (probably) already know what buttons are, so I won't go in depth about then. However: you will need to add an [id] to the button, this will come in play shortly.
<button id="theme-switch">Switch Theme</button>\nNow, it is time to write the JavaScript. First, you'll want to make a constant with the themes you filled into your CSS, for me, that was dark, light, and clown. I'll name this themes.
const themes = ["light", "dark", "clown"];\nWe now need to query the DOM for our theme switch button. This can be done in 2 ways: document.querySelector or document.getElementById; personally, I prefer querySelector, as it allows you to write a CSS selector to get an element from the DOM, allowing for shorter, more digestible, code.
We have to add a click event to the button. This can be done in 2 ways within JavaScript: addEventListener(\"click\", ...) and onclick. I personally like addEventListener more, so I'll use that. Within the addEventListener function, you need to put a function. This function will control the logic of our theme switch. I'll call this function SwitchTheme, to reflect it's functionality.
const ThemeSwitchButton = document.querySelector("#theme-switch");\nThemeSwitchButton.addEventListener("click", SwitchTheme());\nfunction SwitchTheme() {}\nExplaining each part of this function as it's written out would take awhile, so instead, I'll add comments to the ends of each line giving a short explanation. Also, for the sake of shortness, I've placed document.documentElement inside the constant HTML, giving us access to the root element in the DOM(html).
let CurrentTheme = themes.indexOf(HTML.dataset.theme); // Gets how far in the current theme is into the "themes" constant.\nif (CurrentTheme + 1 >= themes.length) { // Checks if it's at the end of the array,\n HTML.dataset.theme = themes[0]; // If so, reset at the start.\n return; // Ends the function here, preventing next bit of code from running.\n}\nHTML.dataset.theme = themes[CurrentTheme + 1]; // Goes to the next theme.\nNow we have a finished product. Here's the expected output:
\n\n\n\n\n", "date_published": "2021-12-08T00:00:00Z", "date_modified": "2024-02-03T00:00:00Z", "url": "https://steve0greatness.github.io/blog/creating_a_theme_switch.html"}, {"id": "https://steve0greatness.github.io/blog/Is_Kris_the_Knight.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "Is Kris the Knight? At face value, this seems insane. Right? Well, let's look at the evidence.
\n\nFirst and foremost, the Knight opens Dark Fountains. Now, what does Kris do at the end of Chapter 2? They create a Dark Fountain.
\n\nSecond, what does Kris look like in Dark Worlds? That's right, a Knight.
\n\n![\"Kris,](\"/blog-files/Kris_battle_idle.gif\")
This is what Kris looks like in a Dark World, they're wearing plated armor. They even have a sword.
\n\nWe know that Kris made a Dark Fountain at the end of Chapter 2, so is it really that far off to assume that they also made the one in the library's computer lab? Or the on in the closet for that matter. Well, we know that they had their knife at the end of chapter 1, and only Toby Fox knows what they did before chapter 1.
In the end of chapter 2, they rips they soul out before creating the new fountain, and shuffling around outside; and slashing Toriel's tires. In fact, they rips out their heart in the end of chapter 1, too. Afterward, they presumably went to library and made a fountain in the computer lab.
This is a really common theory, but it really needs more evidence to be collected, and more speculating to be done.
Image taken from Fandom.
\n\nQuick note from 2024: I'm aware of the design of Kris from that rodeo teaser. I'm pretty much keeping this up for historical reasons at this point. Encase you're wondering, here's Kris' design from there:
\n\n![\"Kris,](\"/blog-files/yeehowdy.webp\")
In our lifes on the internet, we see alot of characters that we don't normally see. Like @, #, &, [], {}, \\, ;, and |. But what are thier names, what are their origins, and why do they look like they do? I'm going to try and find out!
Let's start with what they are used for most of the time on the web.
In order to create a drop-down selection list in HTML, we must first understand why they are important.
\n\nDrop-down lists can be used in lots of ways, from creating a way for people to chose from a strict set of options, to making an on-off switch(even though you should use buttons for that).
\n\nBefore we start, here is an example:
\n\nSelect Image:
\n\n![](\"https://upload.wikimedia.org/wikipedia/commons/a/a2/Paul_von_Hindenburg_%281914%29_von_Nicola_Perscheid.jpg\")
Images from Wikipedia, on Oct. 2nd & 1st, 2021
\n\nFor some weird reason, it's not in <input>, it has it's own tags: <select> and <option>. Using these is a little like making a list, if you've ever made one. Here's an example bit of HTML:
<select>\n <option>op 1</option>\n <option>op 2</option>\n</select>\nLike all inputs, select can have an id and name, and like input[type=radio], option can have a value.
However, you may not know some things that could be useful here, such as defaulting, or making things update upon being changed, well, you can do defaulting with selected in the <option> that you want to be preselected. Changes done the page upon the change of the selection in the drop-down(or anything else that can be changed by the user) is onchange=\"submitFunction()\" being placed in the <select>.
Let's check back on the code that we made at the code example:
\n\n<select onchange="submitFunction()" id="selection">\n <option value="op1" selected>op 1</option>\n <option value="op2">op 2</option>\n</select>\nInorder to access the selected option with JavaScript, use document.getElementById(\"selection\").value.
That's basically it, feel free to CTRL + C CTRL + V it. /s
2024 Note: I don't care anymore. I'm keeping this around for historical reasons at this point.
\n\nYoutube needs an open Rest API. Here are some reasons:\n1. It makes my life easier, as I don't need to write a billion lines of code, and not go thought the paid service known as google cloud console, to get an api key.\n2. It means that you only need to use fetch() on it.\n3. We don't need the most in depth api.
This post is subjective, there's no right answer to \"what is the perfect tea.\"
\n\nTea is the perfect fit for most meals, breakfast, 2nd breakfast, morning tea, lunch, afTernoon tea, dinner, or supper.
\n\nBut how do I make it? Here's how I make my tea.
\n\nThe first step is to get the brand of tea you like. I personally like stuff such as Mighty Leaf, it tastes strong, and your able to use it 3 times without it getting weaker, and even then, you can still use it more, it really doesn't lose it's weakness.
\n\nGet a mug, or tea cup. I personally like mugs, as they are normally bigger, meaning you don't have to refill as much as a tea cup.
\n\nGet your tea, if you're using loose leaf, I'd use a smaller cup to make it, then use a strainer to the leaves out, as it adds texture that I don't like personally, otherwise just put the tea bag in, it is at this point that I like to stir it.
\n\nEnjoy.
\n\nYou can add sugar and milk cream, if you're into those kinda things... even lemon if you really want.
![](\"/blog-files/English_teaware.jpg\")
Image source: @Sgtblackpepper@en.wikipedia.org; image; Licensed under CC BY-SA 4.0. This upload is not endorsed by the image rights holder.
\n", "date_published": "2021-09-28T00:00:00Z", "date_modified": "2024-02-02T00:00:00Z", "url": "https://steve0greatness.github.io/blog/How_To_Make_Tea.html"}, {"id": "https://steve0greatness.github.io/blog/Why-inspect-element-is-a-useful-tool.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "but what makes inspect so important?
Well I'm glad I asked!Recently, I've been seeing a lot of people coming up with one excuse for not linking the duplicate topic in the suggestions forum. They say something like, I'm on mobile!!!!! 😖😭😫
this is not a correct argument, so I've decided to make this post to prove it.
The way that you copy and paste on Safari is by double taping on the text, then dragging until you've selected all the text(the next bit works for links, not this)
\n\nTap and hold on the link until you see:
\n\n![\"open,](\"/blog-files/iOS_Copy.jpg\")
Going to any textbox, in the top-lefT-hand conner, you should see a little clipboard icon(as long as you aren't selecting any text), press it. tap \"copy\"(circled in red).
\n\nNote: I don't own an android tablet or phone, so take this with a grain of salt
\n\nPress and hold until a few selection boxes come up(might work for links)
\n\nChromium
\n\n![](\"/blog-files/Android_Chrome_Copy.png\")
Firefox/Gecko
\n\n![](\"/blog-files/Android_Firefox_Copy.png\")
Tap and hold on the text box, you should see \"paste,\" now click that(highlighted in red).
\n\n![](\"/blog-files/Android_Paste.png\")
All images are self-sourced.
\n", "date_published": "2021-05-05T00:00:00Z", "date_modified": "2024-01-03T00:00:00Z", "url": "https://steve0greatness.github.io/blog/How-to-copy-and-paste-on-mobile.html"}, {"id": "https://steve0greatness.github.io/blog/How-To-make-mockups.html", "title": "JSON Feed version 1.1", "icon": "https://steve0greatness.github.io/favicon.ico", "content_html": "The first step to making a mockup is to open the DevTools. This can be done with the keyboard shortcuts ctrl + shift + i or F12.
This DevTools menu allows you to do many cool things, such as create new elements, and modify existing ones. In all browsers(that I know of) you can use a little selector at the top-left of the DevTools panel to enable a mode that if you click on an area of the screen, it brings you to the element in question within the DevTools panel.
\n\nThere's not much else advice I can give you. Just look around the Scratch site to get inspiration, and then either create or edit an element on a page you like to fit your needs.
\n", "date_published": "2021-04-22T00:00:00Z", "date_modified": "2024-01-03T00:00:00Z", "url": "https://steve0greatness.github.io/blog/How-To-make-mockups.html"}]}![image](\"https://en.wikipedia.org/wiki/File:English_teaware.jpg\"){kind=link}