Render rest of the project write ups.

author: Sadeep Madurange <sadeep@asciimx.com> 2025-10-25 16:23:39 +0800
committer: Sadeep Madurange <sadeep@asciimx.com> 2025-10-25 16:23:39 +0800
commit: c00ff9a3b56b6aa28367488f62afcc6f8185a91f (patch)
tree: f4176d823dbe0a45cb817364f27eab938f6f85cc /_site
parent: 18aa7dd1057cd29cc087c4f45566394692f2f01d (diff)
download: www-c00ff9a3b56b6aa28367488f62afcc6f8185a91f.tar.gz
8 files changed, 298 insertions, 48 deletions
diff --git a/_site/projects/bumblebee/index.html b/_site/projects/bumblebee/index.html
new file mode 100644
index 0000000..df30f8c
--- /dev/null
+++ b/_site/projects/bumblebee/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Bumblebee: turn browser sessions to code</title>
+    <head>
+<meta charset="utf-8">
+  <title>Bumblebee: turn browser sessions to code</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="stylesheet" href="/assets/css/normalize.css">
+  <link rel="stylesheet" href="/assets/css/skeleton.css">
+</head>
+
+
+  </head>
+  <body>
+
+    <div class="container">
+  <ul id="navlist" class="left">
+    <li >
+      <a href="/">hme</a>
+    </li>
+    <li >
+      <a href="/projects/">tnk</a>
+    </li>
+    <li >
+      <a href="/about/">abt</a>
+    </li>
+    <li><a href="/feed.xml">rss</a></li>
+  </ul>
+</div>
+
+
+
+    <main>
+      <div class="container">
+        <h2 class="brand center" id="title">BUMBLEBEE: TURN BROWSER SESSIONS TO CODE</h2>
+
+        <h6 class="center">02 APRIL 2025</h5>
+
+        <br>
+
+        <div class="threecol justify"><p>Bumblebee is a web browser that turns browser sessions into C# scripts. Its
+objective is to eliminate the need for authoring scripts for testing, web
+scraping, and other browser automation tasks.</p>
+
+<video style="max-width:100%; margin-bottom: 10px" controls="" poster="thumb.png">
+  <source src="bee.mp4" type="video/mp4" />
+</video>
+
+<p>Bumblebee is a Windows Forms application written in C#. The rendering of web
+content is handled by the embedded Microsoft Edge browser (via WebView). The
+text editor on the right is Scintilla.NET. It
+enables users to override the script at any point during the session. There are
+application settings that let users debounce events, ignore hidden elements
+and scripts, and more.</p>
+
+<p>Unfortunately, I can’t share the source code for Bumblebee. I developed it for
+an employer. Hence, the software is proprietary.</p>
+
+</div>
+
+        <p class="right italics">by W. D. Sadeep Madurange</p>
+      </div>
+    </main>
+
+  </body>
+</html>
diff --git a/_site/projects/bumblebee/index/index.html b/_site/projects/bumblebee/index/index.html
deleted file mode 100644
index 162a9c0..0000000
--- a/_site/projects/bumblebee/index/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<p>Bumblebee is a web browser that turns browser sessions into C# scripts. Its
-objective is to eliminate the need for authoring scripts for testing, web
-scraping, and other browser automation tasks.</p>
-
-<video style="max-width:100%; margin-bottom: 10px" controls="" poster="thumb.png">
-  <source src="bee.mp4" type="video/mp4" />
-</video>
-
-<p>Bumblebee is a Windows Forms application written in C#. The rendering of web
-content is handled by the embedded Microsoft Edge browser (via WebView). The
-text editor on the right is Scintilla.NET. It
-enables users to override the script at any point during the session. There are
-application settings that let users debounce events, ignore hidden elements
-and scripts, and more.</p>
-
-<p>Unfortunately, I can’t share the source code for Bumblebee. I developed it for
-an employer. Hence, the software is proprietary.</p>
-
diff --git a/_site/projects/desktop-unix/index.html b/_site/projects/desktop-unix/index.html
new file mode 100644
index 0000000..8f82367
--- /dev/null
+++ b/_site/projects/desktop-unix/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Unix for the desktop</title>
+    <head>
+<meta charset="utf-8">
+  <title>Unix for the desktop</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="stylesheet" href="/assets/css/normalize.css">
+  <link rel="stylesheet" href="/assets/css/skeleton.css">
+</head>
+
+
+  </head>
+  <body>
+
+    <div class="container">
+  <ul id="navlist" class="left">
+    <li >
+      <a href="/">hme</a>
+    </li>
+    <li >
+      <a href="/projects/">tnk</a>
+    </li>
+    <li >
+      <a href="/about/">abt</a>
+    </li>
+    <li><a href="/feed.xml">rss</a></li>
+  </ul>
+</div>
+
+
+
+    <main>
+      <div class="container">
+        <h2 class="brand center" id="title">UNIX FOR THE DESKTOP</h2>
+
+        <h6 class="center">21 SEPTEMBER 2025</h5>
+
+        <br>
+
+        <div class="threecol justify"><p>The year 2020 transformed my personal computing experience. In March 2020, I
+stumbled upon Arch Linux and discovered that I could customize my desktop
+environment to look and work any way I liked. I exercised that newfound freedom
+to create a Matrix-themed setup:</p>
+
+<p><img src="linux.png" alt="Arch Linux" /></p>
+
+<p>The system employs the X display server and the i3 window manager. The terminal
+emulator used is Urxvt. The translucent effect is achieved with the help of the
+Xcompmgr compositor. This sort of setup was popular among minimalist Linux
+users.</p>
+
+<p>In February 2024, I switched to an OpenBSD system with Xenocara (the OpenBSD
+build of X display server) as the display server and i3 as the window manager:</p>
+
+<p><img src="openbsd.png" alt="OpenBSD i3" /></p>
+
+<p>Unlike Linux, OpenBSD includes a coherent desktop environment out of the box.
+Except for the window manager, for which I prefer a tiling one, I’m now using
+the default OpenBSD setup. For the window manager, I use dwm from the Suckless
+team.</p>
+
+<p>Files: <a href="dotfiles.tar.gz">dotfiles.tar.gz</a></p>
+</div>
+
+        <p class="right italics">by Wickramage Don Sadeep Madurange</p>
+      </div>
+    </main>
+
+  </body>
+</html>
diff --git a/_site/projects/desktop-unix/index/index.html b/_site/projects/desktop-unix/index/index.html
deleted file mode 100644
index 8566dea..0000000
--- a/_site/projects/desktop-unix/index/index.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<p>The year 2020 transformed my personal computing experience. In March 2020, I
-stumbled upon Arch Linux and discovered that I could customize my desktop
-environment to look and work any way I liked. I exercised that newfound freedom
-to create a Matrix-themed setup:</p>
-
-<p><img src="linux.png" alt="Arch Linux" /></p>
-
-<p>The system employs the X display server and the i3 window manager. The terminal
-emulator used is Urxvt. The translucent effect is achieved with the help of the
-Xcompmgr compositor. This sort of setup was popular among minimalist Linux
-users.</p>
-
-<p>In February 2024, I switched to an OpenBSD system with Xenocara (the OpenBSD
-build of X display server) as the display server and i3 as the window manager:</p>
-
-<p><img src="openbsd.png" alt="OpenBSD i3" /></p>
-
-<p>Unlike Linux, OpenBSD includes a coherent desktop environment out of the box.
-Except for the window manager, for which I prefer a tiling one, I’m now using
-the default OpenBSD setup. For the window manager, I use dwm from the Suckless
-team.</p>
-
-<p>Files: <a href="dotfiles.tar.gz">dotfiles.tar.gz</a></p>
diff --git a/_site/projects/etlas/index/index.html b/_site/projects/etlas/index.html
index 667c42e..ebcc018 100644
--- a/_site/projects/etlas/index/index.html
+++ b/_site/projects/etlas/index.html
@@ -1,4 +1,46 @@
-<p>Etlas is a news, stock market, and weather tracker powered by an ESP32 NodeMCU
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Etlas: e-paper display for news, stocks, and the weather</title>
+    <head>
+<meta charset="utf-8">
+  <title>Etlas: e-paper display for news, stocks, and the weather</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="stylesheet" href="/assets/css/normalize.css">
+  <link rel="stylesheet" href="/assets/css/skeleton.css">
+</head>
+
+
+  </head>
+  <body>
+
+    <div class="container">
+  <ul id="navlist" class="left">
+    <li >
+      <a href="/">hme</a>
+    </li>
+    <li >
+      <a href="/projects/">tnk</a>
+    </li>
+    <li >
+      <a href="/about/">abt</a>
+    </li>
+    <li><a href="/feed.xml">rss</a></li>
+  </ul>
+</div>
+
+
+
+    <main>
+      <div class="container">
+        <h2 class="brand center" id="title">ETLAS: E-PAPER DISPLAY FOR NEWS, STOCKS, AND THE WEATHER</h2>
+
+        <h6 class="center">05 SEPTEMBER 2024</h5>
+
+        <br>
+
+        <div class="threecol justify"><p>Etlas is a news, stock market, and weather tracker powered by an ESP32 NodeMCU
 D1, featuring a 7.5-inch Waveshare e-paper display and a DHT22 sensor module.</p>
 
 <table style="border: none;">
@@ -48,3 +90,11 @@ over a year. If you are interested in an e-paper display like this, drop me an
 email at the address on my home page.</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
+</div>
+
+        <p class="right italics">by W. D. Sadeep Madurange</p>
+      </div>
+    </main>
+
+  </body>
+</html>
diff --git a/_site/projects/fpm-door-lock/index/index.html b/_site/projects/fpm-door-lock/index.html
index 4bcc9ed..7067e46 100644
--- a/_site/projects/fpm-door-lock/index/index.html
+++ b/_site/projects/fpm-door-lock/index.html
@@ -1,4 +1,46 @@
-<p>This project features a fingerprint door lock powered by an ATmega328P
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Fingerprint door lock</title>
+    <head>
+<meta charset="utf-8">
+  <title>Fingerprint door lock</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="stylesheet" href="/assets/css/normalize.css">
+  <link rel="stylesheet" href="/assets/css/skeleton.css">
+</head>
+
+
+  </head>
+  <body>
+
+    <div class="container">
+  <ul id="navlist" class="left">
+    <li >
+      <a href="/">hme</a>
+    </li>
+    <li >
+      <a href="/projects/">tnk</a>
+    </li>
+    <li >
+      <a href="/about/">abt</a>
+    </li>
+    <li><a href="/feed.xml">rss</a></li>
+  </ul>
+</div>
+
+
+
+    <main>
+      <div class="container">
+        <h2 class="brand center" id="title">FINGERPRINT DOOR LOCK</h2>
+
+        <h6 class="center">03 OCTOBER 2025</h5>
+
+        <br>
+
+        <div class="threecol justify"><p>This project features a fingerprint door lock powered by an ATmega328P
 microcontroller.</p>
 
 <video style="max-width:100%;" controls="" poster="pcb.jpg">
@@ -104,3 +146,11 @@ heartache of purchasing the wrong parts were routine. It was a long but
 rewarding journey from the messy breadboard to the shiny PCB.</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a>, <a href="gerber.zip">gerber.zip</a></p>
+</div>
+
+        <p class="right italics">by W. D. Sadeep Madurange</p>
+      </div>
+    </main>
+
+  </body>
+</html>
diff --git a/_site/projects/index.html b/_site/projects/index.html
index d1fcb18..bec3495 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -43,8 +43,8 @@
     
         <td class="project-item">
           
-          <img src="matrix-digital-rain/thumb.png" alt="The Matrix digital rain for Unix terminals">
-          <h5><a href="matrix-digital-rain">The Matrix digital rain for Unix terminals</a></h5>
+          <img src="matrix-digital-rain/thumb.png" alt="The Matrix digital rain">
+          <h5><a href="matrix-digital-rain">The Matrix digital rain</a></h5>
         </td>
     
     </tr>
@@ -77,8 +77,8 @@
     
         <td class="project-item">
           
-          <img src="fpm-door-lock/pcb.jpg" alt="Prototype fingerprint door lock">
-          <h5><a href="fpm-door-lock">Prototype fingerprint door lock</a></h5>
+          <img src="fpm-door-lock/pcb.jpg" alt="Fingerprint door lock">
+          <h5><a href="fpm-door-lock">Fingerprint door lock</a></h5>
         </td>
     
     </tr>
diff --git a/_site/projects/matrix-digital-rain/index/index.html b/_site/projects/matrix-digital-rain/index.html
index e240834..ce87e73 100644
--- a/_site/projects/matrix-digital-rain/index/index.html
+++ b/_site/projects/matrix-digital-rain/index.html
@@ -1,4 +1,46 @@
-<p>The famous digital rain from the movie The Matrix implemented in C for 
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>The Matrix digital rain</title>
+    <head>
+<meta charset="utf-8">
+  <title>The Matrix digital rain</title>
+  <link rel="stylesheet" href="/assets/css/main.css">
+  <link rel="stylesheet" href="/assets/css/normalize.css">
+  <link rel="stylesheet" href="/assets/css/skeleton.css">
+</head>
+
+
+  </head>
+  <body>
+
+    <div class="container">
+  <ul id="navlist" class="left">
+    <li >
+      <a href="/">hme</a>
+    </li>
+    <li >
+      <a href="/projects/">tnk</a>
+    </li>
+    <li >
+      <a href="/about/">abt</a>
+    </li>
+    <li><a href="/feed.xml">rss</a></li>
+  </ul>
+</div>
+
+
+
+    <main>
+      <div class="container">
+        <h2 class="brand center" id="title">THE MATRIX DIGITAL RAIN</h2>
+
+        <h6 class="center">12 JANUARY 2024</h5>
+
+        <br>
+
+        <div class="threecol justify"><p>The famous digital rain from the movie The Matrix implemented in C for 
 the Unix terminal without using any GUI/TUI kits:</p>
 
 <video style="max-width:100%;" controls="" poster="thumb.png">
@@ -29,3 +71,11 @@ use <code class="language-plaintext highlighter-rouge">0x30A1</code> and <code c
 <p>Happy ricing!</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
+</div>
+
+        <p class="right italics">by W. D. Sadeep Madurange</p>
+      </div>
+    </main>
+
+  </body>
+</html>
author	Sadeep Madurange <sadeep@asciimx.com>	2025-10-25 16:23:39 +0800
committer	Sadeep Madurange <sadeep@asciimx.com>	2025-10-25 16:23:39 +0800
commit	c00ff9a3b56b6aa28367488f62afcc6f8185a91f (patch)
tree	f4176d823dbe0a45cb817364f27eab938f6f85cc /_site
parent	18aa7dd1057cd29cc087c4f45566394692f2f01d (diff)
download	www-c00ff9a3b56b6aa28367488f62afcc6f8185a91f.tar.gz