Fix alignment on small screens.

6 files changed, 41 insertions, 31 deletions

diff --git a/_site/archive/arduino-due/index.html b/_site/archive/arduino-due/index.html
index 1ddd0b9..cf9fba5 100644
--- a/_site/archive/arduino-due/index.html
+++ b/_site/archive/arduino-due/index.html
@@ -40,10 +40,11 @@
 
     <main>
       <div class="container">
-        <h2 class="center" id="title">HOW TO SET UP ATSAM3X8E MICROCONTROLLERS FOR BARE-METAL PROGRAMMING IN C</h2>
-        <h6 class="center">05 OCTOBER 2024</h5>
-        <br>
-        <div class="twocol justify"><p>This article is a step-by-step guide for programming bare-metal ATSAM3X8E chips
+        <div class="container-2">
+          <h2 class="center" id="title">HOW TO SET UP ATSAM3X8E MICROCONTROLLERS FOR BARE-METAL PROGRAMMING IN C</h2>
+          <h6 class="center">05 OCTOBER 2024</h5>
+          <br>
+          <div class="twocol justify"><p>This article is a step-by-step guide for programming bare-metal ATSAM3X8E chips
 found on Arduino Due boards. It also includes notes on the chip’s memory layout
 relevant for writing linker scripts. The steps described in this article were
 tested on an OpenBSD workstation.</p>
@@ -153,13 +154,14 @@ registers before passing control to the main program.</p>
 
 <p>Files: <a href="source.tar.gz">source.tar.gz</a></p>
 </div>
-        <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+          <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+        </div>
       </div>
     </main>
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>
diff --git a/_site/archive/arduino-uno/index.html b/_site/archive/arduino-uno/index.html
index 12f806e..3cb20a6 100644
--- a/_site/archive/arduino-uno/index.html
+++ b/_site/archive/arduino-uno/index.html
@@ -40,10 +40,11 @@
 
     <main>
       <div class="container">
-        <h2 class="center" id="title">HOW TO CONFIGURE ATMEGA328P MICROCONTROLLERS TO RUN AT 3.3V AND 5V</h2>
-        <h6 class="center">10 APRIL 2025</h5>
-        <br>
-        <div class="twocol justify"><p>This is a quick reference for wiring up ATmega328P ICs to run at 5V and 3.3V.
+        <div class="container-2">
+          <h2 class="center" id="title">HOW TO CONFIGURE ATMEGA328P MICROCONTROLLERS TO RUN AT 3.3V AND 5V</h2>
+          <h6 class="center">10 APRIL 2025</h5>
+          <br>
+          <div class="twocol justify"><p>This is a quick reference for wiring up ATmega328P ICs to run at 5V and 3.3V.
 While the 5V configuration is common, the 3.3V configuration can be useful in
 low-power applications and when interfacing with parts that themselves run at
 3.3V. In this guide, the 5V setup is configured with a 16MHz crystal
@@ -120,13 +121,14 @@ not connect AREF (pin 21) to V<sub>cc</sub>. Refer to section 23.5.2 in the
 datasheet for more information.</p>
 
 </div>
-        <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+          <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+        </div>
       </div>
     </main>
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>
diff --git a/_site/archive/index.html b/_site/archive/index.html
index 95db97f..e739320 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -118,7 +118,7 @@
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>
diff --git a/_site/archive/mosfet-switches/index.html b/_site/archive/mosfet-switches/index.html
index 39a56b3..ef2ee15 100644
--- a/_site/archive/mosfet-switches/index.html
+++ b/_site/archive/mosfet-switches/index.html
@@ -40,10 +40,11 @@
 
     <main>
       <div class="container">
-        <h2 class="center" id="title">MOSFETS AS ELECTRONIC SWITCHES</h2>
-        <h6 class="center">22 JUNE 2025</h5>
-        <br>
-        <div class="twocol justify"><p>Recently, I needed a low-power circuit for one of my battery-operated projects.
+        <div class="container-2">
+          <h2 class="center" id="title">MOSFETS AS ELECTRONIC SWITCHES</h2>
+          <h6 class="center">22 JUNE 2025</h5>
+          <br>
+          <div class="twocol 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 electronically
 switch off components, such as servos, that draw high levels of quiescent
 currents. My search for a solution led me to MOSFETs, transistors capable of
@@ -154,13 +155,14 @@ 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="post-author right">by Wickramage Don Sadeep Madurange</p>
+          <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+        </div>
       </div>
     </main>
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>
diff --git a/_site/archive/neo4j-a-star-search/index.html b/_site/archive/neo4j-a-star-search/index.html
index 353ab6f..6d3bac3 100644
--- a/_site/archive/neo4j-a-star-search/index.html
+++ b/_site/archive/neo4j-a-star-search/index.html
@@ -40,10 +40,11 @@
 
     <main>
       <div class="container">
-        <h2 class="center" id="title">NEO4J A* SEARCH</h2>
-        <h6 class="center">14 SEPTEMBER 2025</h5>
-        <br>
-        <div class="twocol justify"><p>Back in 2018, we used <a href="https://neo4j.com/" class="external" target="_blank" rel="noopener noreferrer">Neo4J</a> graph database to track the
+        <div class="container-2">
+          <h2 class="center" id="title">NEO4J A* SEARCH</h2>
+          <h6 class="center">14 SEPTEMBER 2025</h5>
+          <br>
+          <div class="twocol justify"><p>Back in 2018, we used <a href="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. Algorithms based on
 graph theory, such as A* search, provide an optimal solution to this
@@ -351,13 +352,14 @@ enabling us to expand our search from 4,000 to 13,000 route points. The <a href=
 Neo4J graph algorithms shipped with the A* search algorithm.</p>
 
 </div>
-        <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+          <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+        </div>
       </div>
     </main>
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>
diff --git a/_site/archive/suckless-software/index.html b/_site/archive/suckless-software/index.html
index af050cb..669aea9 100644
--- a/_site/archive/suckless-software/index.html
+++ b/_site/archive/suckless-software/index.html
@@ -40,10 +40,11 @@
 
     <main>
       <div class="container">
-        <h2 class="center" id="title">HOW I MANAGE SUCKLESS SOFTWARE PACKAGES</h2>
-        <h6 class="center">30 NOVEMBER 2025</h5>
-        <br>
-        <div class="twocol justify"><p>Since <a href="https://suckless.org/" class="external" target="_blank" rel="noopener noreferrer">suckless</a> software requires users to modify the
+        <div class="container-2">
+          <h2 class="center" id="title">HOW I MANAGE SUCKLESS SOFTWARE PACKAGES</h2>
+          <h6 class="center">30 NOVEMBER 2025</h5>
+          <br>
+          <div class="twocol justify"><p>Since <a href="https://suckless.org/" class="external" target="_blank" rel="noopener noreferrer">suckless</a> software requires users to modify the
 source code and recompile to customize, I need a way to maintain patches over
 the long term while retaining the ability to upgrade the software as new
 versions are released.</p>
@@ -123,13 +124,14 @@ q12vu  Another old commit.
 <p>And finally, commit and push all the changes to my own git repository.</p>
 
 </div>
-        <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+          <p class="post-author right">by Wickramage Don Sadeep Madurange</p>
+        </div>
       </div>
     </main>
 
     <div class="footer">
   <div class="container">
-    <div class="twelve columns right">
+    <div class="twelve columns right container-2">
       <p id="footer-text">&copy; ASCIIMX - 2025</p>
     </div>
   </div>