diff options
| -rw-r--r-- | _includes/foot.html | 2 | ||||
| -rw-r--r-- | _layouts/post.html | 12 | ||||
| -rw-r--r-- | _site/404.html | 2 | ||||
| -rw-r--r-- | _site/about/index.html | 2 | ||||
| -rw-r--r-- | _site/archive/arduino-due/index.html | 14 | ||||
| -rw-r--r-- | _site/archive/arduino-uno/index.html | 14 | ||||
| -rw-r--r-- | _site/archive/index.html | 2 | ||||
| -rw-r--r-- | _site/archive/mosfet-switches/index.html | 14 | ||||
| -rw-r--r-- | _site/archive/neo4j-a-star-search/index.html | 14 | ||||
| -rw-r--r-- | _site/archive/suckless-software/index.html | 14 | ||||
| -rw-r--r-- | _site/assets/css/main.css | 36 | ||||
| -rw-r--r-- | _site/assets/css/skeleton.css | 7 | ||||
| -rw-r--r-- | _site/feed.xml | 2 | ||||
| -rw-r--r-- | _site/index.html | 2 | ||||
| -rw-r--r-- | _site/posts.xml | 2 | ||||
| -rw-r--r-- | _site/projects/bumblebee/index.html | 14 | ||||
| -rw-r--r-- | _site/projects/e-reader/index.html | 14 | ||||
| -rw-r--r-- | _site/projects/etlas/index.html | 14 | ||||
| -rw-r--r-- | _site/projects/fpm-door-lock/index.html | 14 | ||||
| -rw-r--r-- | _site/projects/index.html | 2 | ||||
| -rw-r--r-- | _site/projects/matrix-digital-rain/index.html | 14 | ||||
| -rw-r--r-- | _site/projects/my-first-pcb/index.html | 14 | ||||
| -rw-r--r-- | assets/css/main.css | 36 | ||||
| -rw-r--r-- | assets/css/skeleton.css | 7 |
24 files changed, 141 insertions, 127 deletions
diff --git a/_includes/foot.html b/_includes/foot.html index b51317a..a1fdfcf 100644 --- a/_includes/foot.html +++ b/_includes/foot.html @@ -1,6 +1,6 @@ <div class="footer"> <div class="container"> - <div class="twelve columns right"> + <div class="twelve columns right container-2"> <p id="footer-text">© {{ site.title }} - {{ site.time | date:"%Y"}}</p> </div> </div> diff --git a/_layouts/post.html b/_layouts/post.html index 050fd6d..298228c 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -13,11 +13,13 @@ <main> <div class="container"> - <h2 class="center" id="title">{{ page.title | upcase }}</h2> - <h6 class="center">{{ page.date | date_to_long_string | upcase }}</h5> - <br> - <div class="twocol justify">{{ content }}</div> - <p class="post-author right">by {{ page.author }}</p> + <div class="container-2"> + <h2 class="center" id="title">{{ page.title | upcase }}</h2> + <h6 class="center">{{ page.date | date_to_long_string | upcase }}</h5> + <br> + <div class="twocol justify">{{ content }}</div> + <p class="post-author right">by {{ page.author }}</p> + </div> </div> </main> diff --git a/_site/404.html b/_site/404.html index b00e99d..c3a9e02 100644 --- a/_site/404.html +++ b/_site/404.html @@ -42,7 +42,7 @@ <div class="footer"> <div class="container"> - <div class="twelve columns right"> + <div class="twelve columns right container-2"> <p id="footer-text">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/about/index.html b/_site/about/index.html index 9a5565a..9c68e8e 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -64,7 +64,7 @@ <div class="footer"> <div class="container"> - <div class="twelve columns right"> + <div class="twelve columns right container-2"> <p id="footer-text">© ASCIIMX - 2025</p> </div> </div> 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">© 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">© 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">© 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">© 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">© 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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 1b7c3d2..ef53733 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -84,10 +84,22 @@ td { text-decoration: none; } -#nav-container { - /* override .container's right padding - to prevent wrapping on firefox mobile */ - padding: 0; +@media (min-width: 400px) { + #nav-container { + padding: 0 6px; + } + .container-2 { + padding: 0 3px; + } +} + +@media (min-width: 550px) { + #nav-container { + padding: 0; + } + .post-container { + padding: 0; + } } .author { @@ -105,22 +117,6 @@ td { } } -@media only screen and (max-device-width: 480px) { - /* firefox */ - @supports (-moz-appearance: none) { - .title { - font-size: 1.8em !important; - } - } - - /* other */ - @supports (not (-moz-appearance: none)) { - .title { - font-size: 2.0em !important; - } - } -} - .center { text-align: center; } diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index c1f6ac8..40c9bdc 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -33,7 +33,6 @@ width: 100%; max-width: 960px; margin: 0 auto; - padding: 0 20px; box-sizing: border-box; } .column, .columns { @@ -44,14 +43,14 @@ /* For devices larger than 400px */ @media (min-width: 400px) { .container { - width: 85%; - padding: 0; } + padding: 0 3px; } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { - width: 80%; } + width: 80%; + padding: 0; } .column, .columns { margin-left: 4%; } diff --git a/_site/feed.xml b/_site/feed.xml index 912164f..bcadfbd 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -1 +1 @@ -<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2025-12-04T21:08:41+08:00</updated><id>/feed.xml</id><title type="html">ASCIIMX | Archive</title><author><name>Wickramage Don Sadeep Madurange</name></author><entry><title type="html">How I manage Suckless software packages</title><link href="/archive/suckless-software/" rel="alternate" type="text/html" title="How I manage Suckless software packages" /><published>2025-11-30T00:00:00+08:00</published><updated>2025-11-30T00:00:00+08:00</updated><id>/archive/suckless-software</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[Since suckless 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.]]></summary></entry><entry><title type="html">Neo4J A* search</title><link href="/archive/neo4j-a-star-search/" rel="alternate" type="text/html" title="Neo4J A* search" /><published>2025-09-14T00:00:00+08:00</published><updated>2025-09-14T00:00:00+08:00</updated><id>/archive/neo4j-a-star-search</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[Back in 2018, we used Neo4J 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 problem. Therefore, it was useful to model the set of route points as a graph.]]></summary></entry><entry><title type="html">MOSFETs as electronic switches</title><link href="/archive/mosfet-switches/" rel="alternate" type="text/html" title="MOSFETs as electronic switches" /><published>2025-06-22T00:00:00+08:00</published><updated>2025-06-22T00:00:00+08:00</updated><id>/archive/mosfet-switches</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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 controlling circuits operating at voltages far above their own.]]></summary></entry><entry><title type="html">How to configure ATmega328P microcontrollers to run at 3.3V and 5V</title><link href="/archive/arduino-uno/" rel="alternate" type="text/html" title="How to configure ATmega328P microcontrollers to run at 3.3V and 5V" /><published>2025-04-10T00:00:00+08:00</published><updated>2025-04-10T00:00:00+08:00</updated><id>/archive/arduino-uno</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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 oscillator, while the 3.3V configuration makes use of an 8MHz crystal oscillator.]]></summary></entry><entry><title type="html">How to set up ATSAM3X8E microcontrollers for bare-metal programming in C</title><link href="/archive/arduino-due/" rel="alternate" type="text/html" title="How to set up ATSAM3X8E microcontrollers for bare-metal programming in C" /><published>2024-10-05T00:00:00+08:00</published><updated>2024-10-05T00:00:00+08:00</updated><id>/archive/arduino-due</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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.]]></summary></entry></feed>
\ No newline at end of file +<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2025-12-05T22:17:29+08:00</updated><id>/feed.xml</id><title type="html">ASCIIMX | Archive</title><author><name>Wickramage Don Sadeep Madurange</name></author><entry><title type="html">How I manage Suckless software packages</title><link href="/archive/suckless-software/" rel="alternate" type="text/html" title="How I manage Suckless software packages" /><published>2025-11-30T00:00:00+08:00</published><updated>2025-11-30T00:00:00+08:00</updated><id>/archive/suckless-software</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[Since suckless 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.]]></summary></entry><entry><title type="html">Neo4J A* search</title><link href="/archive/neo4j-a-star-search/" rel="alternate" type="text/html" title="Neo4J A* search" /><published>2025-09-14T00:00:00+08:00</published><updated>2025-09-14T00:00:00+08:00</updated><id>/archive/neo4j-a-star-search</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[Back in 2018, we used Neo4J 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 problem. Therefore, it was useful to model the set of route points as a graph.]]></summary></entry><entry><title type="html">MOSFETs as electronic switches</title><link href="/archive/mosfet-switches/" rel="alternate" type="text/html" title="MOSFETs as electronic switches" /><published>2025-06-22T00:00:00+08:00</published><updated>2025-06-22T00:00:00+08:00</updated><id>/archive/mosfet-switches</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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 controlling circuits operating at voltages far above their own.]]></summary></entry><entry><title type="html">How to configure ATmega328P microcontrollers to run at 3.3V and 5V</title><link href="/archive/arduino-uno/" rel="alternate" type="text/html" title="How to configure ATmega328P microcontrollers to run at 3.3V and 5V" /><published>2025-04-10T00:00:00+08:00</published><updated>2025-04-10T00:00:00+08:00</updated><id>/archive/arduino-uno</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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 oscillator, while the 3.3V configuration makes use of an 8MHz crystal oscillator.]]></summary></entry><entry><title type="html">How to set up ATSAM3X8E microcontrollers for bare-metal programming in C</title><link href="/archive/arduino-due/" rel="alternate" type="text/html" title="How to set up ATSAM3X8E microcontrollers for bare-metal programming in C" /><published>2024-10-05T00:00:00+08:00</published><updated>2024-10-05T00:00:00+08:00</updated><id>/archive/arduino-due</id><author><name>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[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.]]></summary></entry></feed>
\ No newline at end of file diff --git a/_site/index.html b/_site/index.html index 3b2c525..45e440f 100644 --- a/_site/index.html +++ b/_site/index.html @@ -128,7 +128,7 @@ <div class="footer"> <div class="container"> - <div class="twelve columns right"> + <div class="twelve columns right container-2"> <p id="footer-text">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/posts.xml b/_site/posts.xml index 4069666..4f1fc85 100644 --- a/_site/posts.xml +++ b/_site/posts.xml @@ -1 +1 @@ -<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="/posts.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2025-12-04T21:08:41+08:00</updated><id>/posts.xml</id><title type="html">ASCIIMX</title><author><name>Wickramage Don Sadeep Madurange</name></author></feed>
\ No newline at end of file +<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.4.1">Jekyll</generator><link href="/posts.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2025-12-05T22:17:29+08:00</updated><id>/posts.xml</id><title type="html">ASCIIMX</title><author><name>Wickramage Don Sadeep Madurange</name></author></feed>
\ No newline at end of file diff --git a/_site/projects/bumblebee/index.html b/_site/projects/bumblebee/index.html index 26cdce0..8219448 100644 --- a/_site/projects/bumblebee/index.html +++ b/_site/projects/bumblebee/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">BUMBLEBEE: BROWSER AUTOMATION</h2> - <h6 class="center">02 APRIL 2025</h5> - <br> - <div class="twocol justify"><p>Bumblebee is a web browser that converts browser sessions into C# scripts for + <div class="container-2"> + <h2 class="center" id="title">BUMBLEBEE: BROWSER AUTOMATION</h2> + <h6 class="center">02 APRIL 2025</h5> + <br> + <div class="twocol justify"><p>Bumblebee is a web browser that converts browser sessions into C# scripts for playback. It eliminates the need for authoring browser automation scripts.</p> <video style="max-width:100%; margin-bottom: 10px" controls="" poster="thumb.png"> @@ -63,13 +64,14 @@ intercepts events internal to the web browser, which it then interprets to generate C# code for the Selenium WebDriver in real time.</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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/e-reader/index.html b/_site/projects/e-reader/index.html index ba3c700..01214be 100644 --- a/_site/projects/e-reader/index.html +++ b/_site/projects/e-reader/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">PROTOTYPE E-READER</h2> - <h6 class="center">24 OCTOBER 2023</h5> - <br> - <div class="twocol 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 + <div class="container-2"> + <h2 class="center" id="title">PROTOTYPE E-READER</h2> + <h6 class="center">24 OCTOBER 2023</h5> + <br> + <div class="twocol 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> <video style="max-width:100%;" controls="" poster="thumb.png"> @@ -120,13 +121,14 @@ how to build my own.</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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/etlas/index.html b/_site/projects/etlas/index.html index d70c05e..bd18041 100644 --- a/_site/projects/etlas/index.html +++ b/_site/projects/etlas/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">ETLAS: E-PAPER DASHBOARD</h2> - <h6 class="center">05 SEPTEMBER 2024</h5> - <br> - <div class="twocol justify"><p>Etlas is a news, stock market, and weather tracker powered by an ESP32 NodeMCU + <div class="container-2"> + <h2 class="center" id="title">ETLAS: E-PAPER DASHBOARD</h2> + <h6 class="center">05 SEPTEMBER 2024</h5> + <br> + <div class="twocol 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> @@ -96,13 +97,14 @@ email at the address on my home page.</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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/fpm-door-lock/index.html b/_site/projects/fpm-door-lock/index.html index 6cbbd31..025a9e1 100644 --- a/_site/projects/fpm-door-lock/index.html +++ b/_site/projects/fpm-door-lock/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">FINGERPRINT DOOR LOCK</h2> - <h6 class="center">03 OCTOBER 2025</h5> - <br> - <div class="twocol justify"><p>This project features a fingerprint door lock powered by an ATmega328P + <div class="container-2"> + <h2 class="center" id="title">FINGERPRINT DOOR LOCK</h2> + <h6 class="center">03 OCTOBER 2025</h5> + <br> + <div class="twocol justify"><p>This project features a fingerprint door lock powered by an ATmega328P microcontroller.</p> <video style="max-width:100%;" controls="" poster="pcb.jpg"> @@ -150,13 +151,14 @@ 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="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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/index.html b/_site/projects/index.html index 0526bc7..f23333a 100644 --- a/_site/projects/index.html +++ b/_site/projects/index.html @@ -97,7 +97,7 @@ <div class="footer"> <div class="container"> - <div class="twelve columns right"> + <div class="twelve columns right container-2"> <p id="footer-text">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/matrix-digital-rain/index.html b/_site/projects/matrix-digital-rain/index.html index 9186272..bf08dce 100644 --- a/_site/projects/matrix-digital-rain/index.html +++ b/_site/projects/matrix-digital-rain/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">THE MATRIX DIGITAL RAIN</h2> - <h6 class="center">12 JANUARY 2024</h5> - <br> - <div class="twocol justify"><p>The famous digital rain from The Matrix, implemented in C.</p> + <div class="container-2"> + <h2 class="center" id="title">THE MATRIX DIGITAL RAIN</h2> + <h6 class="center">12 JANUARY 2024</h5> + <br> + <div class="twocol justify"><p>The famous digital rain from The Matrix, implemented in C.</p> <video style="max-width:100%;" controls="" poster="thumb.png"> <source src="matrix.mp4" type="video/mp4" /> @@ -65,13 +66,14 @@ instance, setting them to <code class="language-plaintext highlighter-rouge">0x3 <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">© ASCIIMX - 2025</p> </div> </div> diff --git a/_site/projects/my-first-pcb/index.html b/_site/projects/my-first-pcb/index.html index d01085e..d0b7938 100644 --- a/_site/projects/my-first-pcb/index.html +++ b/_site/projects/my-first-pcb/index.html @@ -40,10 +40,11 @@ <main> <div class="container"> - <h2 class="center" id="title">MY FIRST PCB</h2> - <h6 class="center">14 JULY 2025</h5> - <br> - <div class="twocol justify"><p>In 2023, I started tinkering with DIY electronics as a hobby. Until now, I’ve + <div class="container-2"> + <h2 class="center" id="title">MY FIRST PCB</h2> + <h6 class="center">14 JULY 2025</h5> + <br> + <div class="twocol 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 zone and design a PCB from scratch for a door lock I’m working on.</p> @@ -101,13 +102,14 @@ 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="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">© ASCIIMX - 2025</p> </div> </div> diff --git a/assets/css/main.css b/assets/css/main.css index 1b7c3d2..ef53733 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -84,10 +84,22 @@ td { text-decoration: none; } -#nav-container { - /* override .container's right padding - to prevent wrapping on firefox mobile */ - padding: 0; +@media (min-width: 400px) { + #nav-container { + padding: 0 6px; + } + .container-2 { + padding: 0 3px; + } +} + +@media (min-width: 550px) { + #nav-container { + padding: 0; + } + .post-container { + padding: 0; + } } .author { @@ -105,22 +117,6 @@ td { } } -@media only screen and (max-device-width: 480px) { - /* firefox */ - @supports (-moz-appearance: none) { - .title { - font-size: 1.8em !important; - } - } - - /* other */ - @supports (not (-moz-appearance: none)) { - .title { - font-size: 2.0em !important; - } - } -} - .center { text-align: center; } diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css index c1f6ac8..40c9bdc 100644 --- a/assets/css/skeleton.css +++ b/assets/css/skeleton.css @@ -33,7 +33,6 @@ width: 100%; max-width: 960px; margin: 0 auto; - padding: 0 20px; box-sizing: border-box; } .column, .columns { @@ -44,14 +43,14 @@ /* For devices larger than 400px */ @media (min-width: 400px) { .container { - width: 85%; - padding: 0; } + padding: 0 3px; } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { - width: 80%; } + width: 80%; + padding: 0; } .column, .columns { margin-left: 4%; } |