Improve style.

22 files changed, 243 insertions, 132 deletions

diff --git a/_site/README.txt b/_site/README.txt
new file mode 100644
index 0000000..414c0c7
--- /dev/null
+++ b/_site/README.txt
@@ -0,0 +1 @@
+bundle exec jekyll serve
diff --git a/_site/about/index.html b/_site/about/index.html
index 764f8ff..06f9ca7 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -34,5 +34,14 @@
 <p>This page tells you a little bit about me.</p>
 </main>
 
+    <div class="footer">
+  <div class="container">
+    <div class="twelve columns right">
+      <p id="footer-text">&copy; ASCIIMX - 2025</p>
+    </div>
+  </div>
+</div>
+
+
   </body>
 </html>
diff --git a/_site/archive/arduino-due/index.html b/_site/archive/arduino-due/index.html
index 76baab0..0e9e0f6 100644
--- a/_site/archive/arduino-due/index.html
+++ b/_site/archive/arduino-due/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">BARE-METAL ARM CORTEX M3 CHIPS</h2>
-
         <h6 class="center">05 OCTOBER 2024</h5>
-
         <br>
-
         <div class="threecol justify"><p>This post is about programming bare metal SAM3X8E Arm Cortex M3 chips found on
 Arduino Due boards. I had to learn how to do this because none of the
 high-level tools for programming Arduino Dues are available for OpenBSD, which
@@ -149,8 +146,7 @@ before passing control to the main program.</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/archive/arduino-uno/index.html b/_site/archive/arduino-uno/index.html
index ff3ca44..2b9d5a4 100644
--- a/_site/archive/arduino-uno/index.html
+++ b/_site/archive/arduino-uno/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">NOTES ON PROGRAMMING ATMEGA328P CHIPS</h2>
-
         <h6 class="center">10 APRIL 2025</h5>
-
         <br>
-
         <div class="threecol justify"><p>This post is a step-by-step guide for wiring up ATmega328P ICs to run at 5 V
 with a 16 MHz crystal and 3.3 V with an 8 MHz crystal. While the 5 V
 configuration is common, the 3.3 V configuration can be advantageous in
@@ -108,8 +105,7 @@ not connect AREF (pin 21) to V<sub>cc</sub>. Refer to section 23.5.2 ADC
 Voltage Reference in the datasheet for more information.</p>
 
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/archive/awesome-books/index.html b/_site/archive/awesome-books/index.html
index 9abdc5d..1809c81 100644
--- a/_site/archive/awesome-books/index.html
+++ b/_site/archive/awesome-books/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">AWESOME BOOKS</h2>
-
         <h6 class="center">20 APRIL 2025</h5>
-
         <br>
-
         <div class="threecol justify"><p>This article contains a list of my favourite books.</p>
 
 <h2 id="cloud-atlas">Cloud Atlas</h2>
@@ -124,8 +121,7 @@ Aksenty Ivanovich’s diary, the story documents the government clerk’s descen
 into madness. His obsession with social status and self-aggrandizement leads
 him on a trajectory of envy, wounded pride, and outright insanity.</p>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/archive/mosfet-switches/index.html b/_site/archive/mosfet-switches/index.html
index 99e32ea..6e0b4a8 100644
--- a/_site/archive/mosfet-switches/index.html
+++ b/_site/archive/mosfet-switches/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">MOSFETS</h2>
-
         <h6 class="center">22 JUNE 2025</h5>
-
         <br>
-
         <div class="threecol justify"><p>Recently, I needed a low-power circuit for one of my battery-operated projects.
 Much of the system’s power savings depended on its ability to switch off power
 to components, such as servos, electronically when not needed. That’s how I
@@ -152,8 +149,7 @@ selecting and controlling a MOSFET for 3.3 VDC logic applications</a></li>
 relay from a 3.3 VDC microcontroller using an NPN Darlington transistor</a></li>
 </ul>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/archive/my-first-pcb/index.html b/_site/archive/my-first-pcb/index.html
index 69b809f..92f7354 100644
--- a/_site/archive/my-first-pcb/index.html
+++ b/_site/archive/my-first-pcb/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">MY FIRST PCB</h2>
-
         <h6 class="center">14 JULY 2025</h5>
-
         <br>
-
         <div class="threecol justify"><p>In 2023, I started tinkering with DIY electronics as a hobby. Until now, I’ve
 been using development boards like the Arduino Uno and ESP-32-WROOM so that I
 can focus on the software. Recently, I decided to step outside of my comfort
@@ -99,8 +96,7 @@ an important milestone in my DIY electronics journey.</p>
 <p>Files: <a href="gerber_back.zip">gerber_back.zip</a>, <a href="gerber_front.zip">gerber_front.zip</a>,
        <a href="source.tar.gz">source.tar.gz</a></p>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/archive/neo4j-a-star-search/index.html b/_site/archive/neo4j-a-star-search/index.html
index ca7579b..6764c6d 100644
--- a/_site/archive/neo4j-a-star-search/index.html
+++ b/_site/archive/neo4j-a-star-search/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">NEO4J A* SEARCH</h2>
-
         <h6 class="center">14 SEPTEMBER 2025</h5>
-
         <br>
-
         <div class="threecol justify"><p>Back in 2018, we used the <a src="https://neo4j.com/" class="external" target="_blank" rel="noopener noreferrer">Neo4J</a> graph database
 to track the movement of marine vessels. We were interested in the shortest
 path a ship could take through a network of about 13,000 route points.
@@ -349,8 +346,7 @@ class=”external” target=”_blank” rel=”noopener noreferrer&gt;Here’s&
 the now-archived official release.</p>
 
 </div>
-
-        <p class="right italics">by Wickramage Don Sadeep Madurange</p>
+        <p class="post-author right italics">by Wickramage Don Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index 776a055..249b3c6 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -1,5 +1,26 @@
+@font-face {
+  font-family: 'IM Fell DW Pica';
+  src: url("/assets/fonts/IMFellDWPica-Regular.ttf") format("truetype"),
+       url("/assets/fonts/IMFellDWPica-Italic.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: 'IM Fell English SC';
+  src: url("/assets/fonts/IMFellEnglishSC-Regular.ttf") format("truetype");
+}
+
 :root {
   --link-color: #2f2f2f;
+  --main-font: 'IM Fell DW Pica', serif;
+  --title-font: 'IM Fell English SC', serif;
+}
+
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 body{
@@ -7,7 +28,7 @@ body{
   text-decoration-skip: ink;
   color: #2f2f2f;
   padding-top: 10px;
-  font-family: serif;
+  font-family: var(--main-font);
   background-color: #f4f2e8;
 }
 
@@ -89,7 +110,7 @@ td {
 
 .brand {
   margin-bottom: 2rem;
-  font-family: 'IM Fell English SC', serif;
+  font-family: var(--title-font);
 }
 
 .title{
@@ -127,7 +148,7 @@ td {
   padding-bottom: 0px;
 }
 
-.center{
+.center {
   text-align: center;
 }
 
@@ -218,6 +239,10 @@ and (min-device-width : 768px)  {
   }
 }
 
+.posts-td {
+  padding: 12px 12px;
+}
+
 .posts-td-time {
   border: none;
   width: 1%;
@@ -245,3 +270,11 @@ h1.brand {
 .tagline {
   margin-bottom: 2.5rem;
 }
+
+#footer-text {
+  font-size: 14px;
+}
+
+.post-author {
+  margin-top: 4px;
+}
diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css
index ab259bb..5ba795c 100644
--- a/_site/assets/css/skeleton.css
+++ b/_site/assets/css/skeleton.css
@@ -121,16 +121,19 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */
 html {
   font-size: 62.5%; }
 body {
-  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
-  line-height: 1.6; }
+  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
+  line-height: 1.4; 
+}
 
 
 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
-  margin-bottom: 1rem;
-  font-weight: 300; }
+  margin-bottom: 2rem;
+  font-weight: 300; 
+}
+
 h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
 h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
 h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
@@ -141,7 +144,7 @@ h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
 /* Larger than phablet */
 @media (min-width: 550px) {
   h1 { font-size: 5.0rem; }
-  h2 { font-size: 2.6rem; }
+  h2 { font-size: 3.4rem; }
   h3 { font-size: 3.6rem; }
   h4 { font-size: 3.0rem; }
   h5 { font-size: 2.4rem; }
@@ -299,7 +302,7 @@ ol ul {
   margin: 1.5rem 0 1.5rem 3rem;
   font-size: 90%; }
 li {
-  margin-bottom: 1rem; }
+  margin-bottom: 0.6rem; }
 
 
 /* Code
diff --git a/_site/assets/fonts/IMFellDWPica-Italic.ttf b/_site/assets/fonts/IMFellDWPica-Italic.ttf
new file mode 100644
index 0000000..7f64b89
--- /dev/null
+++ b/_site/assets/fonts/IMFellDWPica-Italic.ttf
diff --git a/_site/assets/fonts/IMFellDWPica-Regular.ttf b/_site/assets/fonts/IMFellDWPica-Regular.ttf
new file mode 100644
index 0000000..cbd29f0
--- /dev/null
+++ b/_site/assets/fonts/IMFellDWPica-Regular.ttf
diff --git a/_site/assets/fonts/IMFellEnglishSC-Regular.ttf b/_site/assets/fonts/IMFellEnglishSC-Regular.ttf
new file mode 100644
index 0000000..a60f097
--- /dev/null
+++ b/_site/assets/fonts/IMFellEnglishSC-Regular.ttf
diff --git a/_site/assets/fonts/OFL.txt b/_site/assets/fonts/OFL.txt
new file mode 100644
index 0000000..2318e86
--- /dev/null
+++ b/_site/assets/fonts/OFL.txt
@@ -0,0 +1,93 @@
+Copyright (c) 2010, Igino Marini (mail@iginomarini.com)

+

+This Font Software is licensed under the SIL Open Font License, Version 1.1.

+This license is copied below, and is also available with a FAQ at:

+https://openfontlicense.org

+

+

+-----------------------------------------------------------

+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007

+-----------------------------------------------------------

+

+PREAMBLE

+The goals of the Open Font License (OFL) are to stimulate worldwide

+development of collaborative font projects, to support the font creation

+efforts of academic and linguistic communities, and to provide a free and

+open framework in which fonts may be shared and improved in partnership

+with others.

+

+The OFL allows the licensed fonts to be used, studied, modified and

+redistributed freely as long as they are not sold by themselves. The

+fonts, including any derivative works, can be bundled, embedded, 

+redistributed and/or sold with any software provided that any reserved

+names are not used by derivative works. The fonts and derivatives,

+however, cannot be released under any other type of license. The

+requirement for fonts to remain under this license does not apply

+to any document created using the fonts or their derivatives.

+

+DEFINITIONS

+"Font Software" refers to the set of files released by the Copyright

+Holder(s) under this license and clearly marked as such. This may

+include source files, build scripts and documentation.

+

+"Reserved Font Name" refers to any names specified as such after the

+copyright statement(s).

+

+"Original Version" refers to the collection of Font Software components as

+distributed by the Copyright Holder(s).

+

+"Modified Version" refers to any derivative made by adding to, deleting,

+or substituting -- in part or in whole -- any of the components of the

+Original Version, by changing formats or by porting the Font Software to a

+new environment.

+

+"Author" refers to any designer, engineer, programmer, technical

+writer or other person who contributed to the Font Software.

+

+PERMISSION & CONDITIONS

+Permission is hereby granted, free of charge, to any person obtaining

+a copy of the Font Software, to use, study, copy, merge, embed, modify,

+redistribute, and sell modified and unmodified copies of the Font

+Software, subject to the following conditions:

+

+1) Neither the Font Software nor any of its individual components,

+in Original or Modified Versions, may be sold by itself.

+

+2) Original or Modified Versions of the Font Software may be bundled,

+redistributed and/or sold with any software, provided that each copy

+contains the above copyright notice and this license. These can be

+included either as stand-alone text files, human-readable headers or

+in the appropriate machine-readable metadata fields within text or

+binary files as long as those fields can be easily viewed by the user.

+

+3) No Modified Version of the Font Software may use the Reserved Font

+Name(s) unless explicit written permission is granted by the corresponding

+Copyright Holder. This restriction only applies to the primary font name as

+presented to the users.

+

+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font

+Software shall not be used to promote, endorse or advertise any

+Modified Version, except to acknowledge the contribution(s) of the

+Copyright Holder(s) and the Author(s) or with their explicit written

+permission.

+

+5) The Font Software, modified or unmodified, in part or in whole,

+must be distributed entirely under this license, and must not be

+distributed under any other license. The requirement for fonts to

+remain under this license does not apply to any document created

+using the Font Software.

+

+TERMINATION

+This license becomes null and void if any of the above conditions are

+not met.

+

+DISCLAIMER

+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,

+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF

+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT

+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE

+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,

+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL

+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING

+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM

+OTHER DEALINGS IN THE FONT SOFTWARE.

diff --git a/_site/index.html b/_site/index.html
index 92cfe29..be86e71 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -40,7 +40,7 @@
 </h5>
 
   <img src="/assets/img/grunge.png" alt="" class="line tag flip">
-  <p class="right tagline">My piss in the ocean of world wide web.</p>
+  <p class="right tagline">Just another piss in the ocean of World Wide Web.</p>
   <img src="/assets/img/grunge.png" alt="" class="line tag">
 
   <br>
@@ -53,10 +53,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/neo4j-a-star-search/">Neo4J A* search</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2025-09-14 00:00:00 +0800">2025-09-14</time>
           </span>
@@ -66,10 +66,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/my-first-pcb/">My first PCB</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2025-07-14 00:00:00 +0800">2025-07-14</time>
           </span>
@@ -79,10 +79,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/mosfet-switches/">MOSFETs</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2025-06-22 00:00:00 +0800">2025-06-22</time>
           </span>
@@ -92,10 +92,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/awesome-books/">Awesome books</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2025-04-20 00:00:00 +0800">2025-04-20</time>
           </span>
@@ -105,10 +105,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/arduino-uno/">Notes on programming ATmega328P chips</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2025-04-10 00:00:00 +0800">2025-04-10</time>
           </span>
@@ -118,10 +118,10 @@
     
   
       <tr>
-        <td class="posts-td-link">
+        <td class="posts-td posts-td-link">
           <a href="/archive/arduino-due/">Bare-metal ARM Cortex M3 chips</a>
         </td>
-        <td class="posts-td-time">
+        <td class="posts-td posts-td-time">
           <span class="post-meta">
             <time datetime="2024-10-05 00:00:00 +0800">2024-10-05</time>
           </span>
@@ -135,5 +135,14 @@
 </div>
 </main>
 
+    <div class="footer">
+  <div class="container">
+    <div class="twelve columns right">
+      <p id="footer-text">&copy; ASCIIMX - 2025</p>
+    </div>
+  </div>
+</div>
+
+
   </body>
 </html>
diff --git a/_site/projects/bumblebee/index.html b/_site/projects/bumblebee/index.html
index 232cecb..4d00996 100644
--- a/_site/projects/bumblebee/index.html
+++ b/_site/projects/bumblebee/index.html
@@ -36,11 +36,8 @@
     <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>
@@ -60,8 +57,7 @@ and scripts, and more.</p>
 an employer. Hence, the software is proprietary.</p>
 
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/projects/desktop-unix/index.html b/_site/projects/desktop-unix/index.html
index c90d2af..8a6d583 100644
--- a/_site/projects/desktop-unix/index.html
+++ b/_site/projects/desktop-unix/index.html
@@ -36,11 +36,8 @@
     <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
@@ -65,8 +62,7 @@ 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>
+        <p class="post-author right italics">by Wickramage Don Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/projects/e-reader/index.html b/_site/projects/e-reader/index.html
index c41be90..a23e90a 100644
--- a/_site/projects/e-reader/index.html
+++ b/_site/projects/e-reader/index.html
@@ -36,11 +36,8 @@
     <main>
       <div class="container">
         <h2 class="brand center" id="title">PROTOTYPE E-READER</h2>
-
         <h6 class="center">24 OCTOBER 2023</h5>
-
         <br>
-
         <div class="threecol justify"><p>This project features a prototype e-reader powered by a 7.5-inch <a href="https://www.waveshare.com/" class="external" target="_blank" rel="noopener noreferrer">Waveshare</a> e-paper display and an
 ESP-WROOM-32 development board.</p>
 
@@ -116,8 +113,7 @@ how to build my own.</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/projects/etlas/index.html b/_site/projects/etlas/index.html
index dbda6f8..5d90ae1 100644
--- a/_site/projects/etlas/index.html
+++ b/_site/projects/etlas/index.html
@@ -36,11 +36,8 @@
     <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 <a href="https://www.waveshare.com/" class="external" target="_blank" rel="noopener noreferrer">Waveshare</a> e-paper display and a
 DHT22 sensor module.</p>
@@ -94,8 +91,7 @@ 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>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/projects/fpm-door-lock/index.html b/_site/projects/fpm-door-lock/index.html
index bff07f2..595df67 100644
--- a/_site/projects/fpm-door-lock/index.html
+++ b/_site/projects/fpm-door-lock/index.html
@@ -36,11 +36,8 @@
     <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>
 
@@ -148,8 +145,7 @@ 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>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>
 
diff --git a/_site/projects/index.html b/_site/projects/index.html
index 0b5fdc5..c964d19 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -29,63 +29,74 @@
 
    
 
-    <main class="container" id="main"><table>
-  
-  
-  
-    <tr>
-    
-    
-        <td class="project-item">
-          
-          <img src="e-reader/thumb.png" alt="Prototype e-reader">
-          <h5><a href="e-reader">Prototype e-reader</a></h5>
-        </td>
-    
-        <td class="project-item">
-          
-          <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>
-  
-    <tr>
+    <main class="container" id="main"><div class="container">
+  <table>
     
     
-        <td class="project-item">
-          
-          <img src="etlas/dash.jpg" alt="Etlas: e-paper display for news, stocks, and the weather">
-          <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5>
-        </td>
     
-        <td class="project-item">
-          
-          <img src="bumblebee/thumb.png" alt="Bumblebee: turn browser sessions to code">
-          <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5>
-        </td>
-    
-    </tr>
-  
-    <tr>
+      <tr>
+      
+      
+          <td class="project-item">
+            
+            <img src="e-reader/thumb.png" alt="Prototype e-reader">
+            <h5><a href="e-reader">Prototype e-reader</a></h5>
+          </td>
+      
+          <td class="project-item">
+            
+            <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>
     
+      <tr>
+      
+      
+          <td class="project-item">
+            
+            <img src="etlas/dash.jpg" alt="Etlas: e-paper display for news, stocks, and the weather">
+            <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5>
+          </td>
+      
+          <td class="project-item">
+            
+            <img src="bumblebee/thumb.png" alt="Bumblebee: turn browser sessions to code">
+            <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5>
+          </td>
+      
+      </tr>
     
-        <td class="project-item">
-          
-          <img src="desktop-unix/linux.png" alt="Unix for the desktop">
-          <h5><a href="desktop-unix">Unix for the desktop</a></h5>
-        </td>
+      <tr>
+      
+      
+          <td class="project-item">
+            
+            <img src="desktop-unix/linux.png" alt="Unix for the desktop">
+            <h5><a href="desktop-unix">Unix for the desktop</a></h5>
+          </td>
+      
+          <td class="project-item">
+            
+            <img src="fpm-door-lock/pcb.jpg" alt="Fingerprint door lock">
+            <h5><a href="fpm-door-lock">Fingerprint door lock</a></h5>
+          </td>
+      
+      </tr>
     
-        <td class="project-item">
-          
-          <img src="fpm-door-lock/pcb.jpg" alt="Fingerprint door lock">
-          <h5><a href="fpm-door-lock">Fingerprint door lock</a></h5>
-        </td>
-    
-    </tr>
-  
-</table>
+  </table>
+</div>
 </main>
 
+    <div class="footer">
+  <div class="container">
+    <div class="twelve columns right">
+      <p id="footer-text">&copy; ASCIIMX - 2025</p>
+    </div>
+  </div>
+</div>
+
+
   </body>
 </html>
diff --git a/_site/projects/matrix-digital-rain/index.html b/_site/projects/matrix-digital-rain/index.html
index 2636f4b..e6f7bce 100644
--- a/_site/projects/matrix-digital-rain/index.html
+++ b/_site/projects/matrix-digital-rain/index.html
@@ -36,11 +36,8 @@
     <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>
 
@@ -73,8 +70,7 @@ use <code class="language-plaintext highlighter-rouge">0x30A1</code> and <code c
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
 </div>
-
-        <p class="right italics">by W. D. Sadeep Madurange</p>
+        <p class="post-author right italics">by W. D. Sadeep Madurange</p>
       </div>
     </main>