Deploy to GitHub pages

Steve0Greatness · May 12, 2024 · 0ad142c · 0ad142c
commit 0ad142c
Show file tree

Hide file tree

Showing 138 changed files with 7,559 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+_site
+__pycache__
+drafts
+.git
diff --git a/.well-known/atproto-did b/.well-known/atproto-did
@@ -0,0 +1 @@
+did:plc:nxz5vkwxvtzsbzvpsnipb73j
diff --git a/Atom-Feed.png b/Atom-Feed.png
diff --git a/Background.webp b/Background.webp
diff --git a/JSONFeed.png b/JSONFeed.png
diff --git a/OG-Image.png b/OG-Image.png
diff --git a/README.txt b/README.txt
@@ -0,0 +1,36 @@
+Not all files within this directory may fall under the GPL-3.0 license.
+Files that don't fall under the repository's license are listed below:
+
+=> Open Source
+
+fonts/inter/*
+# License > SIL Open Font License (OFL) version 1.1 : https://openfontlicense.org/
+# Source  > https://github.com/rsms/inter
+fonts/mononoki/*
+# License > SIL Open Font License (OFL) version 1.1 : https://openfontlicense.org/
+# Source  > https://github.com/madmalik/mononoki
+
+=> Creative Commons
+
+# See individual, provided URLs, for more details
+
+blog-files/English_teaware.jpg
+# License > CC-BY-SA 4.0 : https://creativecommons.org/licenses/by-sa/4.0/deed.en
+# Source  > https://en.wikipedia.org/wiki/File:English_teaware.jpg
+
+
+=> Copyrighted
+
+# (c) Toby Fox
+
+blog-files/Kris_battle_idle.gif
+blog-files/Undertale_(Soundtrack)_music_1.ogg
+blog-files/Undertale_(Soundtrack)_music_unused.oga
+blog-files/yeehowdy.webp
+
+=> Undetermined
+
+# The following files I'm not sure about.
+
+blog-files/Steve0Greatness-Pronounciation.oga
+
diff --git a/RSS-Img.png b/RSS-Img.png
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+include: [".well-known"]
diff --git a/blog-files/Android_Chrome_Copy.png b/blog-files/Android_Chrome_Copy.png
diff --git a/blog-files/Android_Firefox_Copy.png b/blog-files/Android_Firefox_Copy.png
diff --git a/blog-files/Android_Paste.png b/blog-files/Android_Paste.png
diff --git a/blog-files/English_teaware.jpg b/blog-files/English_teaware.jpg
diff --git a/blog-files/HTML_tierlist.png b/blog-files/HTML_tierlist.png
diff --git a/blog-files/Kris_battle_idle.gif b/blog-files/Kris_battle_idle.gif
diff --git a/blog-files/Steve0Greatness-Pronounciation.oga b/blog-files/Steve0Greatness-Pronounciation.oga
diff --git a/blog-files/Undertale_(Soundtrack)_music_1.ogg b/blog-files/Undertale_(Soundtrack)_music_1.ogg
diff --git a/blog-files/Undertale_(Soundtrack)_music_unused.oga b/blog-files/Undertale_(Soundtrack)_music_unused.oga
diff --git a/blog-files/checkbox-custom-styles-ex1.html b/blog-files/checkbox-custom-styles-ex1.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        input[type="checkbox"] {
+            appearance: none;
+            width: 15px;
+            height: 15px;
+            background-color: grey;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" />
+</body>
+
+</html>
diff --git a/blog-files/checkbox-custom-styles-ex1.txt b/blog-files/checkbox-custom-styles-ex1.txt
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        input[type="checkbox"] {
+            appearance: none;
+            width: 15px;
+            height: 15px;
+            background-color: grey;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" />
+</body>
+
+</html>
diff --git a/blog-files/checkbox-custom-styles-ex2.html b/blog-files/checkbox-custom-styles-ex2.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        input[type="checkbox"] {
+            appearance: none;
+            width: 15px;
+            height: 15px;
+            background: #000;
+            border: 1px #fff solid;
+            border-radius: 2px;
+        }
+
+        input[type="checkbox"]:checked {
+            background: #ce5aff;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" />
+</body>
+
+</html>
diff --git a/blog-files/checkbox-custom-styles-ex2.txt b/blog-files/checkbox-custom-styles-ex2.txt
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        input[type="checkbox"] {
+            appearance: none;
+            width: 15px;
+            height: 15px;
+            background: #000;
+            border: 1px #fff solid;
+            border-radius: 2px;
+        }
+
+        input[type="checkbox"]:checked {
+            background: #ce5aff;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" />
+</body>
+
+</html>
diff --git a/blog-files/iOS_Copy.jpg b/blog-files/iOS_Copy.jpg
diff --git a/blog-files/switch-final.html b/blog-files/switch-final.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        :root {
+            background: #000;
+            color: #fff;
+        }
+        input[type=checkbox].switch {
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+            position: relative;
+            background: #fff;
+            width: 30px;
+            height: 16px;
+        }
+        input[type=checkbox].switch::before {
+            top: 1px;
+            left: 1px;
+            position: absolute;
+            display: block;
+            background-color: #ff5c1c;
+            content: "";
+            width: 14px;
+            height: 14px;
+            transition: background-color .5s, left .5s;
+        }
+        input[type=checkbox].switch:checked::before {
+            left: 15px; /* .switch width - .switch::before width - 1px */
+            background-color: #3f9b00;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" class="switch" />
+</body>
+
+</html>
diff --git a/blog-files/switch-final.txt b/blog-files/switch-final.txt
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <style>
+        :root {
+            background: #000;
+            color: #fff;
+        }
+        input[type=checkbox].switch {
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            appearance: none;
+            position: relative;
+            background: #fff;
+            width: 30px;
+            height: 16px;
+        }
+        input[type=checkbox].switch::before {
+            top: 1px;
+            left: 1px;
+            position: absolute;
+            display: block;
+            background-color: #ff5c1c;
+            content: "";
+            width: 14px;
+            height: 14px;
+            transition: background-color .5s, left .5s;
+        }
+        input[type=checkbox].switch:checked::before {
+            left: 15px; /* .switch width - .switch::before width - 1px */
+            background-color: #3f9b00;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="checkbox" class="switch" />
+</body>
+
+</html>
diff --git a/blog-files/theme-change-final.html b/blog-files/theme-change-final.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html data-theme="light">
+
+<head>
+    <style type="text/css">
+        html[data-theme=light] {
+            background: #fff;
+            color: #000;
+            --buttonBackground: #fefefe;
+            --buttonBorder: #ccc;
+            --buttonColor: #001;
+        }
+        html[data-theme=dark] {
+            background: #000;
+            color: #fff;
+            --buttonBackground: #101010;
+            --buttonBorder: #333;
+            --buttonColor: #fff;
+        }
+        html[data-theme=clown] {
+            background: #f00;
+            color: #00f;
+            --buttonBackground: #050;
+            --buttonBorder: #0a0;
+            --buttonColor: #0f0;
+        }
+        button {
+            background: var(--buttonBackground);
+            border: var(--buttonBorder) solid 3px;
+            color: var(--buttonColor);
+        }
+    </style>
+</head>
+
+<body>
+    <button id="theme-switch">Switch Theme</button>
+    This is epic!
+    <script type="text/javascript">
+        const themes = ["light", "dark", "clown"];
+        const ThemeSwitchButton = document.querySelector("#theme-switch");
+        const HTML = document.documentElement;
+        ThemeSwitchButton.addEventListener("click", SwitchTheme);
+        function SwitchTheme() {
+            let CurrentTheme = themes.indexOf(HTML.dataset.theme); // Gets how far in the current theme is into the "themes" constant.
+            if (CurrentTheme + 1 >= themes.length) { // Checks if it's at the end of the array,
+                HTML.dataset.theme = themes[0]; // If so, reset at the start.
+                return; // Ends the function here, preventing next bit of code from running.
+            }
+            HTML.dataset.theme = themes[CurrentTheme + 1]; // Goes to the next theme.
+        }
+    </script>
+</body>
+
+</html>
diff --git a/blog-files/theme-change-final.txt b/blog-files/theme-change-final.txt
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html data-theme="light">
+
+<head>
+    <style type="text/css">
+        html[data-theme=light] {
+            background: #fff;
+            color: #000;
+            --buttonBackground: #fefefe;
+            --buttonBorder: #ccc;
+            --buttonColor: #001;
+        }
+        html[data-theme=dark] {
+            background: #000;
+            color: #fff;
+            --buttonBackground: #101010;
+            --buttonBorder: #333;
+            --buttonColor: #fff;
+        }
+        html[data-theme=clown] {
+            background: #f00;
+            color: #00f;
+            --buttonBackground: #050;
+            --buttonBorder: #0a0;
+            --buttonColor: #0f0;
+        }
+        button {
+            background: var(--buttonBackground);
+            border: var(--buttonBorder) solid 3px;
+            color: var(--buttonColor);
+        }
+    </style>
+</head>
+
+<body>
+    <button id="theme-switch">Switch Theme</button>
+    This is epic!
+    <script type="text/javascript">
+        const themes = ["light", "dark", "clown"];
+        const ThemeSwitchButton = document.querySelector("#theme-switch");
+        const HTML = document.documentElement;
+        ThemeSwitchButton.addEventListener("click", SwitchTheme);
+        function SwitchTheme() {
+            let CurrentTheme = themes.indexOf(HTML.dataset.theme); // Gets how far in the current theme is into the "themes" constant.
+            if (CurrentTheme + 1 >= themes.length) { // Checks if it's at the end of the array,
+                HTML.dataset.theme = themes[0]; // If so, reset at the start.
+                return; // Ends the function here, preventing next bit of code from running.
+            }
+            HTML.dataset.theme = themes[CurrentTheme + 1]; // Goes to the next theme.
+        }
+    </script>
+</body>
+
+</html>
diff --git a/blog-files/yeehowdy.webp b/blog-files/yeehowdy.webp