Add swatch time, imood, no antialiasing

Kirito139 · Nov 6, 2024 · e806de9 · e806de9
1 parent 738f7ab
commit e806de9
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 3 deletions.
diff --git a/changelog.html b/changelog.html
@@ -7,6 +7,7 @@
     <body>
         <pre style="word-wrap: break-word; white-space: pre-wrap;">
         # Changelog
+        [v0.1.6] - November 4, 2024: Disabled antialiasing for images in body, added imood and swatch time.
         [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!

diff --git a/index.html b/index.html
@@ -21,8 +21,18 @@ <h1>Lennier Mulder</h1>
                 <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>
+        <p>Swatch time:</p>
+        <span id="mySwatchClock"></span>
+        <script>
+            var mySwatchClock = document.getElementById('mySwatchClock');
+            function updateSwatchClock() {
+                mySwatchClock.innerHTML = '@' + GetSwatchTime();
+            }
+            setInterval(updateSwatchClock, 864)
+        </script>
+        <p>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></p>
                 <p>Welcome to my little corner of the internet! Feel free to look around, it's pretty empty right now but I'll probably add more... eventually. This site was made with the help of a large dose of procrastination.</p>
-                <p> About me: I'm a sophomore at Lowell HS, and I run on the XC/TF teams (though I'm currently dealing with shin splints <img style="display: inline;" alt="sigh" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/smilies/purple_sigh.gif"> ). I code in python (preferred) and java.</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="sigh" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/smilies/purple_sigh.gif"> ). I code in python (preferred) and java.</p>
                 <img alt="Under heavy construction" src="https://raw.githubusercontent.com/Kirito139/stash/refs/heads/main/under_construction/pipipelinehalfpipe1038CONSTRUCTION.gif">
                 <pre>
 'TWAS THE NIGHT BEFORE IMPLEMENTATION
@@ -147,11 +157,11 @@ <h1>Lennier Mulder</h1>
 
             <!-- Questionable Content -->
             <a title="Questionable Content" referrerpolicy="no-referrer" href="https://www.questionablecontent.net">
-                <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/Tokyo_Teahouse_2932_buttons_questionablecontent.gif" alt="Questionable Content">
+                <img style="width: 88px; height: 31px;" src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/Tokyo_Teahouse_2932_buttons_questionablecontent.gif" alt="Questionable Content">
             </a>
 
             <!-- Calvin & Hobbes -->
-            <img src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/claymatecarly_calvin.gif" alt="Calvin & Hobbes">
+            <img style="width: 88px; height: 31px;" src="https://raw.githubusercontent.com/Kirito139/buttons/refs/heads/main/88x31/claymatecarly_calvin.gif" alt="Calvin & Hobbes">
 
             <!-- Vim -->
             <a title="Vim" referrerpolicy="no-referrer" href="https://www.vim.org">

diff --git a/index.js b/index.js
@@ -0,0 +1,21 @@
+// Returns the current Swatch beat
+function GetSwatchTime(showDecimals = true) {
+    // get date in UTC/GMT
+    var date = new Date();
+    var hours = date.getUTCHours();
+    var minutes = date.getUTCMinutes();
+    var seconds = date.getUTCSeconds();
+    var milliseconds = date.getUTCMilliseconds();
+    // add hour to get time in Switzerland
+    hours = hours == 23 ? 0 : hours + 1;
+    // time in seconds
+    var timeInMilliseconds = ((hours * 60 + minutes) * 60 + seconds) * 1000 + milliseconds;
+    // there are 86.4 seconds in a beat
+    var millisecondsInABeat = 86400;
+    // calculate beats to two decimal places
+    if (showDecimals) {
+        return Math.abs(timeInMilliseconds / millisecondsInABeat).toFixed(2);
+    } else {
+        return Math.floor(Math.abs(timeInMilliseconds / millisecondsInABeat));
+    }
+}
diff --git a/styles.css b/styles.css
@@ -82,11 +82,17 @@ body {
     color: var(--text-color);
     font-family: var(--main-font);
     font-weight: normal;
+    font-size: 16px;
     margin: 0;
     padding: 0;
     -webkit-font-smoothing: none;
     -moz-osx-font-smoothing: unset;
     font-smooth: never;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: pixelated;
+    -ms-interpolation-mode: nearest-neigbor;
 }
 pre {
   font-family: 'GohuFont uni11 Nerd Font', sans-serif;
@@ -102,6 +108,12 @@ footer {
     -webkit-font-smoothing: none;
     -moz-osx-font-smoothing: unset;
     font-smooth: never;
+    image-rendering: -webkit-optimize-contrast;
+    image-rendering: -moz-crisp-edges;
+    image-rendering: -o-crisp-edges;
+    image-rendering: pixelated;
+    -ms-interpolation-mode: nearest-neigbor;
+
 }
 
 .container {