v0.1.9: some reformat, text color change, quick facts, email

Kirito139 · Nov 16, 2024 · e869f90 · e869f90
1 parent 8ae5b05
commit e869f90
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 21 deletions.
diff --git a/changelog.html b/changelog.html
@@ -7,16 +7,17 @@
     <body>
         <pre style="word-wrap: break-word; white-space: pre-wrap;">
         # Changelog
-        [v0.1.8] - November 14, 2024: Changed background to pure black, text to terminal green. Removed Strava widget. Made swatch clock link to source. Add crt overlay. Cool sites added: dimden, leia_uwu, nano. Update geek code, fix preserve button. Reformat footer, remove copyright. Move swatch time and imood to sidebar. Add site rating image in sidebar.
-        [v0.1.7] - November 6, 2024: Change to amber theme and add site rating button (currently not yet rated).
-        [v0.1.6] - November 5, 2024: Disabled antialiasing for images in body, added imood and swatch time. Also added cool sites section. Created index.js file.
-        [v0.1.5] - November 3, 2024: Removed boba manor, added geekring button. Changed to green retro terminal inspired colorscheme but left passable christams colors in comments in case I ever want to switch back. Added night before implementation poem, changed english header font to Terminess Nerd Font and chinese header font to Zpix, body font to ProggyClean Nerd Font, pre font to GohuFont uni11 Nerd Font(currently just the night before implementation poem uses this) and footer font to Silkscreen. Also added a smilies emoticon, and moved underconstruction sign to right before poem, after about me.
-        [v0.1.4] - November 2, 2024: Christmas Neko and colorscheme. More buttons!
-        [v0.1.3] - October 30, 2024: Fixed sizing bugs with strava and lastfm widgets, added hackclub webring, added geek code, added hack club spooky boba manor. Also added neko!
-        [v0.1.2] - October 29, 2024: Added email, contrachrome.
-        [v0.1.1] - October 28, 2024: Moar buttons!
-        [v0.1.0] - October 27, 2024: Added styles.css, changelog, buttons, construction sign, strava and lastfm widgets, name, welcome message.
-        [v0.0.1] - September 29, 2024: Added index.html, site first deployed to github pages with "Hello world!" message.
+        [v0.1.9] - November 16, 12024: Add guestbook,change main text to electric blue while leaving pre formatted text terminal green. Remove construction sign, about me (now quick facts). Add little email icon/button. MOar 88x31 buttons!
+        [v0.1.8] - November 14, 12024: Changed background to pure black, text to terminal green. Removed Strava widget. Made swatch clock link to source. Add crt overlay. Cool sites added: dimden, leia_uwu, nano. Update geek code, fix preserve button. Reformat footer, remove copyright. Move swatch time and imood to sidebar. Add site rating image in sidebar.
+        [v0.1.7] - November 6, 12024: Change to amber theme and add site rating button (currently not yet rated).
+        [v0.1.6] - November 5, 12024: Disabled antialiasing for images in body, added imood and swatch time. Also added cool sites section. Created index.js file.
+        [v0.1.5] - November 3, 12024: Removed boba manor, added geekring button. Changed to green retro terminal inspired colorscheme but left passable christams colors in comments in case I ever want to switch back. Added night before implementation poem, changed english header font to Terminess Nerd Font and chinese header font to Zpix, body font to ProggyClean Nerd Font, pre font to GohuFont uni11 Nerd Font(currently just the night before implementation poem uses this) and footer font to Silkscreen. Also added a smilies emoticon, and moved underconstruction sign to right before poem, after about me.
+        [v0.1.4] - November 2, 12024: Christmas Neko and colorscheme. More buttons!
+        [v0.1.3] - October 30, 12024: Fixed sizing bugs with strava and lastfm widgets, added hackclub webring, added geek code, added hack club spooky boba manor. Also added neko!
+        [v0.1.2] - October 29, 12024: Added email, contrachrome.
+        [v0.1.1] - October 28, 12024: Moar buttons!
+        [v0.1.0] - October 27, 12024: Added styles.css, changelog, buttons, construction sign, strava and lastfm widgets, name, welcome message.
+        [v0.0.1] - September 29, 12024: Added index.html, site first deployed to github pages with "Hello world!" message.
         </pre>
     </body>
 </html>
diff --git a/index.html b/index.html
@@ -16,15 +16,16 @@ <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a
             <header>
                 <h1>Lennier Mulder</h1>
                 <p style = "font-size: 22px;">朱晓瑞</p>
+                <p style="font-family: var(--main-font);">Kirito139 · roguewielder</p>
+                <p style="font-family: var(--main-font);">San Francisco, CA</p>
+                <a href="mailto:[email protected]" style="align-self: center; text-decoration: none; color: inherit;"><img alt="Email" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/icons/mail.png"></a>
             </header>
             <main>
-                <p>Kirito139 · roguewielder</p>
-                <p>San Francisco, CA<p>
-                <p>Email: lenniermulder [at] icloud [dot] com</p>
-        <p>Geek Code v3.12: GU d- s:- a?(---) C++ U+>++++ P L>+ E--- W+++ N o? K w--- O? M++ V? PS++ PE- Y+ PGP? t 5 X?>+ R>+ tv+ b+>+++ DI(+) D+ G e- h! !r y</p>
-                <img alt="Under construction" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/under_construction/AtAthensRhodes1319bookconstruction.gif">
+                <p style="text-align: center;">Geek Code v3.12:<br>GU d- s:- a?(---) C++ U+>++++ P L>+ E--- W+++ N o? K w--- O? M++ V? PS++ PE- Y+ PGP? t 5 X?>+ R>+ tv+ b+>+++ DI(+) D+ G e- h! !r y</p>
+        <!-- <img alt="Under construction" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/under_construction/AtAthensRhodes1319bookconstruction.gif"> -->
                 <p>Welcome to my little corner of the internet. Enjoy your stay!</p>
-                <p> About me: I'm Class of '27 at Lowell HS, and I run on the XC/TF teams (though I'm currently dealing with shin splints <img style="display: inline;" alt="phpBB3_sad" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/smilies/phpBB2/icon_sad.gif"> ). I code in python (preferred) and java.</p>
+                <p> Quick facts: <br> - Lowell HS Class of '27 <br> - Sports: XC/TF (currently dealing with shin splints <img style="display: inline;" alt="phpBB3_sad" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/smilies/phpBB2/icon_sad.gif"> ). <br> - Languages I know: English/Python (preferred), <a style="text-decoration: none; font-family: 'Zpix'; font-size: 12px;">中文</a>/Java (not preferred). <br> - I read a lot of SF/F, my favorite books are the <u>Stormlight Archive</u> by Brandon Sanderson and <u>Neuromancer</u> by William Gibson. <br> - I listen to a lot of metal, industrial, darkwave, etc. plus a smattering of other random stuff. </p>
+                <br>
                 <pre>
 'TWAS THE NIGHT BEFORE IMPLEMENTATION
 author unkown
@@ -103,6 +104,8 @@ <h1>Lennier Mulder</h1>
             </a>
             <br>
             I'm feeling<a href="https://www.imood.com/users/kirito139"><img src="https://moods.imood.com/display/uname-kirito139/fg-FFCC02/bg-282828/trans-1/imood.gif" alt="The current mood of kirito139 at www.imood.com" border="0"></a>
+            <br>
+            Sign my <a href="kirito139.atabook.org" style="color: inherit;">guestbook!</a>
             </p>
             <a href="https://www.mabsland.com/Adoption.html">
                 <img src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/images/Censor_NYRb.gif" alt="Site not yet rated.">
@@ -198,6 +201,46 @@ <h1>Lennier Mulder</h1>
             <!-- Star Wars Fanatic -->
             <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/Area51_Cavern_3008_swfanatic.gif" alt="Star Wars!">
 
+            <!-- encounter an alien! -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/alienencounter.gif" alt="encounter an alien!">
+
+            <!-- bestvwmonitor.gif -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/bestvwmonitor.gif" alt="This page is best viewed with a computer and a monitor">
+
+            <!-- bookmark_this_page.gif -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/bookmark_this_page.gif" alt="Bookmark this page!">
+
+            <!-- greensmilies.gif -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/greensmilies.gif" alt="green smilies">
+
+            <!-- Hack Club -->
+            <a title="Hack Club" referrerpolicy="no-referrer" href="https://hackclub.com" style="text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/hackclub.png" alt="Hack Club">
+            </a>
+
+            <!-- lol -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/lol.gif" alt="LOL">
+
+            <!-- no drugs -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/nodrugs.gif" alt="no drugs">
+
+            <!-- paywalls -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/paywalls.png" alt="paywalls gatekeep knowledge">
+
+            <!-- powered_by_mouse_wheel.gif -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/powered_by_mouse_wheel.gif" alt="powered by a mouse in a wheel">
+
+            <!-- slashdot -->
+            <a title="Slashdot" referrerpolicy="no-referrer" href="https://slashdot.org" style="text-decoration: none;">
+                <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/slashdot.gif" alt="Slashdot">
+            </a>
+
+            <!-- apocalypse NOW! -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/apocalypseNOW.gif" alt="apocalypse NOW!">
+
+            <!-- webp -->
+            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/WEBP.gif" alt="don't use webp, just use png!">
+
             <!-- Atheist -->
             <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/Area51_Cavern_1263_tna3.gif" alt="Atheist">
 
@@ -276,7 +319,7 @@ <h1>Lennier Mulder</h1>
             </a>
 
         </div>
-        <p>This site was made using raw html, css, and javascript with the help of <a href="https://perplexity.com" style="color: inherit;">Perplexity</a> and a large dose of procrastination.</p>
+        <p>This site was wrought from raw html, css, and javascript with the help of <a href="https://perplexity.com" style="color: inherit;">Perplexity</a> and a large dose of procrastination.</p>
         <p>·</p>
         <p><a href="changelog.html" style="color: inherit;">Changelog</a>
         </p>

diff --git a/styles.css b/styles.css
@@ -1,12 +1,12 @@
+@import "https://www.nerdfonts.com/assets/css/webfont.css";
 :root {
   --bg-color: #000000; /* Christmas red: #990000; Default dark: #181A1B; Default light: #FFFFFF; gruvbox dark: #282828;*/
-  --text-color: #28fe14; /* Christmas green: #28CD41; Default dark: E8E6E3; Defautl light: #000000; Terminal green: #28FE14; Amber: #FFCC02;*/
+  --text-color: #7DF9FF; /* Christmas green: #28CD41; Default dark: E8E6E3; Defautl light: #000000; Terminal green: #28FE14; Amber: #FFCC02;*/
   --header-font: 'Terminess Nerd Font', 'Zpix', sans-serif;
-  --main-font: 'ProggyClean Nerd Font', 'Times New Roman', serif;
+  --main-font: 'ProggyClean Nerd Font', 'Times New Roman', 'Symbols Nerd Font Mono', sans-serif;
   --footer-font: 'Silkscreen', serif;
 }
 
-@import "https://www.nerdfonts.com/assets/css/webfont.css";
 
 @font-face {
     font-family: 'Terminess Nerd Font';
@@ -70,6 +70,7 @@
 }
 
 header {
+    text-align: center;
     font-family: var(--header-font);
     font-weight: normal;
     -webkit-font-smoothing: none;
@@ -144,8 +145,10 @@ body {
 }
 
 pre {
+    text-align: center;
   font-family: 'GohuFont uni11 Nerd Font', sans-serif;
   font-size: 11px;
+  color: #28FE14;
 }
 
 footer {
@@ -176,7 +179,7 @@ footer {
 .main-content {
     flex: 1;
     margin-right: 20px;
-    text-align: center;
+    text-align: left;
 }
 
 .sidebar {