From 30293dc25b4dfae6d5d5d0eee28c20e96f608317 Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Fri, 5 Dec 2025 21:02:04 +0800 Subject: Fix alignment on small screens. --- _includes/foot.html | 2 +- _layouts/post.html | 12 +++++---- _site/404.html | 2 +- _site/about/index.html | 2 +- _site/archive/arduino-due/index.html | 14 ++++++----- _site/archive/arduino-uno/index.html | 14 ++++++----- _site/archive/index.html | 2 +- _site/archive/mosfet-switches/index.html | 14 ++++++----- _site/archive/neo4j-a-star-search/index.html | 14 ++++++----- _site/archive/suckless-software/index.html | 14 ++++++----- _site/assets/css/main.css | 36 ++++++++++++--------------- _site/assets/css/skeleton.css | 7 +++--- _site/feed.xml | 2 +- _site/index.html | 2 +- _site/posts.xml | 2 +- _site/projects/bumblebee/index.html | 14 ++++++----- _site/projects/e-reader/index.html | 14 ++++++----- _site/projects/etlas/index.html | 14 ++++++----- _site/projects/fpm-door-lock/index.html | 14 ++++++----- _site/projects/index.html | 2 +- _site/projects/matrix-digital-rain/index.html | 14 ++++++----- _site/projects/my-first-pcb/index.html | 14 ++++++----- assets/css/main.css | 36 ++++++++++++--------------- 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 @@
-
+

© {{ site.title }} - {{ site.time | date:"%Y"}}

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 @@
-

{{ page.title | upcase }}

-
{{ page.date | date_to_long_string | upcase }}
-
-
{{ content }}
-

by {{ page.author }}

+
+

{{ page.title | upcase }}

+
{{ page.date | date_to_long_string | upcase }}
+
+
{{ content }}
+

by {{ page.author }}

+
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 @@
-
+

© ASCIIMX - 2025

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 @@
-
+

© ASCIIMX - 2025

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 @@
-

HOW TO SET UP ATSAM3X8E MICROCONTROLLERS FOR BARE-METAL PROGRAMMING IN C

-
05 OCTOBER 2024
-
-

This article is a step-by-step guide for programming bare-metal ATSAM3X8E chips +

+

HOW TO SET UP ATSAM3X8E MICROCONTROLLERS FOR BARE-METAL PROGRAMMING IN C

+
05 OCTOBER 2024
+
+

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.

@@ -153,13 +154,14 @@ registers before passing control to the main program.

Files: source.tar.gz

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

HOW TO CONFIGURE ATMEGA328P MICROCONTROLLERS TO RUN AT 3.3V AND 5V

-
10 APRIL 2025
-
-

This is a quick reference for wiring up ATmega328P ICs to run at 5V and 3.3V. +

+

HOW TO CONFIGURE ATMEGA328P MICROCONTROLLERS TO RUN AT 3.3V AND 5V

+
10 APRIL 2025
+
+

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 Vcc. Refer to section 23.5.2 in the datasheet for more information.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-
+

© ASCIIMX - 2025

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 @@
-

MOSFETS AS ELECTRONIC SWITCHES

-
22 JUNE 2025
-
-

Recently, I needed a low-power circuit for one of my battery-operated projects. +

+

MOSFETS AS ELECTRONIC SWITCHES

+
22 JUNE 2025
+
+

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 relay from a 3.3 VDC microcontroller using an NPN Darlington transistor

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

NEO4J A* SEARCH

-
14 SEPTEMBER 2025
-
-

Back in 2018, we used Neo4J graph database to track the +

+

NEO4J A* SEARCH

+
14 SEPTEMBER 2025
+
+

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 @@ -351,13 +352,14 @@ enabling us to expand our search from 4,000 to 13,000 route points. The

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

HOW I MANAGE SUCKLESS SOFTWARE PACKAGES

-
30 NOVEMBER 2025
-
-

Since suckless software requires users to modify the +

+

HOW I MANAGE SUCKLESS SOFTWARE PACKAGES

+
30 NOVEMBER 2025
+
+

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.

@@ -123,13 +124,14 @@ q12vu Another old commit.

And finally, commit and push all the changes to my own git repository.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@ -Jekyll2025-12-04T21:08:41+08:00/feed.xmlASCIIMX | ArchiveWickramage Don Sadeep MadurangeHow I manage Suckless software packages2025-11-30T00:00:00+08:002025-11-30T00:00:00+08:00/archive/suckless-softwareWickramage Don Sadeep MadurangeNeo4J A* search2025-09-14T00:00:00+08:002025-09-14T00:00:00+08:00/archive/neo4j-a-star-searchWickramage Don Sadeep MadurangeMOSFETs as electronic switches2025-06-22T00:00:00+08:002025-06-22T00:00:00+08:00/archive/mosfet-switchesWickramage Don Sadeep MadurangeHow to configure ATmega328P microcontrollers to run at 3.3V and 5V2025-04-10T00:00:00+08:002025-04-10T00:00:00+08:00/archive/arduino-unoWickramage Don Sadeep MadurangeHow to set up ATSAM3X8E microcontrollers for bare-metal programming in C2024-10-05T00:00:00+08:002024-10-05T00:00:00+08:00/archive/arduino-dueWickramage Don Sadeep Madurange \ No newline at end of file +Jekyll2025-12-05T22:17:29+08:00/feed.xmlASCIIMX | ArchiveWickramage Don Sadeep MadurangeHow I manage Suckless software packages2025-11-30T00:00:00+08:002025-11-30T00:00:00+08:00/archive/suckless-softwareWickramage Don Sadeep MadurangeNeo4J A* search2025-09-14T00:00:00+08:002025-09-14T00:00:00+08:00/archive/neo4j-a-star-searchWickramage Don Sadeep MadurangeMOSFETs as electronic switches2025-06-22T00:00:00+08:002025-06-22T00:00:00+08:00/archive/mosfet-switchesWickramage Don Sadeep MadurangeHow to configure ATmega328P microcontrollers to run at 3.3V and 5V2025-04-10T00:00:00+08:002025-04-10T00:00:00+08:00/archive/arduino-unoWickramage Don Sadeep MadurangeHow to set up ATSAM3X8E microcontrollers for bare-metal programming in C2024-10-05T00:00:00+08:002024-10-05T00:00:00+08:00/archive/arduino-dueWickramage Don Sadeep Madurange \ 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 @@
-
+

© ASCIIMX - 2025

diff --git a/_site/posts.xml b/_site/posts.xml index 4069666..4f1fc85 100644 --- a/_site/posts.xml +++ b/_site/posts.xml @@ -1 +1 @@ -Jekyll2025-12-04T21:08:41+08:00/posts.xmlASCIIMXWickramage Don Sadeep Madurange \ No newline at end of file +Jekyll2025-12-05T22:17:29+08:00/posts.xmlASCIIMXWickramage Don Sadeep Madurange \ 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 @@
-

BUMBLEBEE: BROWSER AUTOMATION

-
02 APRIL 2025
-
-

Bumblebee is a web browser that converts browser sessions into C# scripts for +

+

BUMBLEBEE: BROWSER AUTOMATION

+
02 APRIL 2025
+
+

Bumblebee is a web browser that converts browser sessions into C# scripts for playback. It eliminates the need for authoring browser automation scripts.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

PROTOTYPE E-READER

-
24 OCTOBER 2023
-
-

This project features a prototype e-reader powered by a 7.5-inch Waveshare e-paper display and an +

+

PROTOTYPE E-READER

+
24 OCTOBER 2023
+
+

This project features a prototype e-reader powered by a 7.5-inch Waveshare e-paper display and an ESP-WROOM-32 development board.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

ETLAS: E-PAPER DASHBOARD

-
05 SEPTEMBER 2024
-
-

Etlas is a news, stock market, and weather tracker powered by an ESP32 NodeMCU +

+

ETLAS: E-PAPER DASHBOARD

+
05 SEPTEMBER 2024
+
+

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.

@@ -96,13 +97,14 @@ email at the address on my home page.

Files: source.tar.gz

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

FINGERPRINT DOOR LOCK

-
03 OCTOBER 2025
-
-

This project features a fingerprint door lock powered by an ATmega328P +

+

FINGERPRINT DOOR LOCK

+
03 OCTOBER 2025
+
+

This project features a fingerprint door lock powered by an ATmega328P microcontroller.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-
+

© ASCIIMX - 2025

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 @@
-

THE MATRIX DIGITAL RAIN

-
12 JANUARY 2024
-
-

The famous digital rain from The Matrix, implemented in C.

+
+

THE MATRIX DIGITAL RAIN

+
12 JANUARY 2024
+
+

The famous digital rain from The Matrix, implemented in C.

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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 @@
-

MY FIRST PCB

-
14 JULY 2025
-
-

In 2023, I started tinkering with DIY electronics as a hobby. Until now, I’ve +

+

MY FIRST PCB

+
14 JULY 2025
+
+

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.

@@ -101,13 +102,14 @@ an important milestone in my DIY electronics journey.

Files: gerber_back.zip, gerber_front.zip, source.tar.gz

-

by Wickramage Don Sadeep Madurange

+

by Wickramage Don Sadeep Madurange

+
-
+

© ASCIIMX - 2025

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%; } -- cgit v1.2.3