add link to devlog

build.sh

@@ -1,3 +1,14 @@
 #!/usr/bin/env bash
+
+prev_mtime=$(cat styles.mtime)
+curr_mtime=$(stat -c %Y css/styles.css)
+
+##has styles.css been modified?
+if [[ $prev_mtime != "$curr_mtime" ]]; then
+	##update .mtimes
+	sed -i "1s/.*/$curr_mtime/" styles.mtime
+	echo "file has been modified!"
+	##insert the commit id
 	COMMIT="$(git rev-parse HEAD)"
 	sed -i "s/css?=\w*/css?v=${COMMIT}/g" index.html
+fi

css/styles.css

@@ -1,3 +1,5 @@
+empty {}
+
 @font-face {
 	font-family: Jura;
 	src: url("../fonts/Jura-VariableFont_wght.ttf") format(tr);
@@ -164,10 +166,14 @@ p {
 	background-image: radial-gradient(circle at top left, var(--overlay), var(--surface));
 	border-radius: 6em;
 	border: solid 1px var(--hl-med);
-	padding: 3em;
+	padding: 2em;
 	box-shadow: 1em 1em var(--shadow-color);
 }
 
+#this-website-container {
+	padding: 5rem;
+}
+
 figure {
 	margin: 0px;
 }

index.html

@@ -47,9 +47,16 @@
             my CV. I thought this page would be the best way to demonstrate
             what I'm capable of.
           </p>
+          <p>
+            When you've checked out my projects, certifications, and work experience, why not head over to my <a
+              href="https://devlog.ajstepien.xyz">devlog</a>, where I go into more detail about my process?
+          </p>
+          <p>
+            Then, if you happen to be head-hunting, drop me a line at ajsWritesCode@gmail.com.
+          </p>
         </div>
       </div>
-      <div class="container">
+      <div class="container" id="this-website-container">
         <h1 id="this-website">This website...</h1>
         <ul>
           <li>
@@ -169,11 +176,12 @@
               <h3>Subman</h3>
             </a>
             <div class="gallery">
-              <a href="images/subman.webp"><img src="images/subman.webp" width="320px"  width="240px" alt="A screenshot of subman in action." class="desktop-screen" /></a>
+              <a href="images/subman.webp"><img src="images/subman.webp" width="320px" width="240px"
+                  alt="A screenshot of subman in action." class="desktop-screen" /></a>
               <a href="images/subman-mobile.webp"><img src="images/subman-mobile.webp" width="120px"
                   alt="A screenshot of subman on mobile." class="mobile-screen"></a>
-              <a href="images/subman-mobile-2.webp"><img src="images/subman-mobile-2.webp" width="120px"  class="mobile-screen"
+              <a href="images/subman-mobile-2.webp"><img src="images/subman-mobile-2.webp" width="120px"
-                  alt="A screenshot of subman on mobile."></a>
+                  class="mobile-screen" alt="A screenshot of subman on mobile."></a>
             </div>
             <p>
               A self-hosted literary submission management system comprising a
@@ -192,10 +200,10 @@
             <div class="gallery">
               <a href="images/movie-explorer.webp"><img src="images/movie-explorer.webp"
                   alt="A screenshot of Movie-Explorer in action." class="desktop-screen" width="300px"></a>
-              <a href="images/movie-explorer-mobile.webp"><img src="images/movie-explorer-mobile.webp"
+              <a href="images/movie-explorer-mobile.webp"><img src="images/movie-explorer-mobile.webp" width="120px"
-                     width="120px" alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
+                  alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
-              <a href="images/movie-explorer-mobile-2.webp"><img src="images/movie-explorer-mobile-2.webp"
+              <a href="images/movie-explorer-mobile-2.webp"><img src="images/movie-explorer-mobile-2.webp" width="120px"
-                   width="120px" alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
+                  alt="A screenshot of Movie-Explorer in action on a mobile device." class="mobile-screen"></a>
             </div>
             <p>
               An app for when you don't know what movie to watch, written in
@@ -210,8 +218,8 @@
             <a href="https://projects.ajstepien.xyz/andrzej/gopaper">
               <h3>GoPaper</h3>
             </a>
-            <a href="images/gopaper.webp"><img src="images/gopaper.webp"  width="320px" alt="A screenshot of GoPaper in action."
+            <a href="images/gopaper.webp"><img src="images/gopaper.webp" width="320px"
-                class="desktop-screen" /></a>
+                alt="A screenshot of GoPaper in action." class="desktop-screen" /></a>
             <p>A cross-platform wallpaper demon, built to ensure color harmony, written in Go.</p>
             <div class="links-container">
               <a href="https://projects.ajstepien.xyz/andrzej/gopaper">source</a>
@@ -233,8 +241,8 @@
             <a href="https://demos.ajstepien.xyz/calculator">
               <h3>Calculator</h3>
             </a>
-            <a href="images/calculator.webp"><img src="images/calculator.webp"
+            <a href="images/calculator.webp"><img src="images/calculator.webp" width="120px"
-                 width="120px" alt="A screenshot of the calculator app in action." class="mobile-screen"></a>
+                alt="A screenshot of the calculator app in action." class="mobile-screen"></a>
             <p>A simple calculator app written in React and vanilla CSS. Scales responsively to look great on any
               screen.</p>
             <div class="links-container">

styles.mtime

@@ -0,0 +1 @@
+1731705364