summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSadeep Madurange <sadeep@asciimx.com>2025-12-04 19:59:58 +0800
committerSadeep Madurange <sadeep@asciimx.com>2025-12-04 20:25:37 +0800
commitccfe0d84059b4da1c591ec86ba79cc56e7b25a54 (patch)
treeff9780ce7748142c5809c6f654a4221a40b27536
parent0985974c6beaa74814af1e8959fff54c72eac920 (diff)
downloadwww-ccfe0d84059b4da1c591ec86ba79cc56e7b25a54.tar.gz
Fix navbar on firefox mobile.
Diffstat
-rw-r--r--_includes/nav.html2
-rw-r--r--_site/404.html2
-rw-r--r--_site/about/index.html2
-rw-r--r--_site/archive/arduino-due/index.html2
-rw-r--r--_site/archive/arduino-uno/index.html2
-rw-r--r--_site/archive/index.html2
-rw-r--r--_site/archive/mosfet-switches/index.html2
-rw-r--r--_site/archive/neo4j-a-star-search/index.html2
-rw-r--r--_site/archive/suckless-software/index.html2
-rw-r--r--_site/assets/css/main.css6
-rw-r--r--_site/assets/css/skeleton.css31
-rw-r--r--_site/feed.xml2
-rw-r--r--_site/index.html2
-rw-r--r--_site/posts.xml2
-rw-r--r--_site/projects/bumblebee/index.html2
-rw-r--r--_site/projects/e-reader/index.html2
-rw-r--r--_site/projects/etlas/index.html2
-rw-r--r--_site/projects/fpm-door-lock/index.html2
-rw-r--r--_site/projects/index.html2
-rw-r--r--_site/projects/matrix-digital-rain/index.html2
-rw-r--r--_site/projects/my-first-pcb/index.html2
-rw-r--r--assets/css/main.css6
-rw-r--r--assets/css/skeleton.css31
23 files changed, 31 insertions, 81 deletions
diff --git a/_includes/nav.html b/_includes/nav.html
index ebc5fd7..adfa919 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,4 +1,4 @@
-<div class="container">
+<div id="nav-container" class="container">
<ul id="navlist" class="left">
{% assign parts = page.url | split: '/' %}
<li {% if page.url == "/" %}class="active"{% endif %}>
diff --git a/_site/404.html b/_site/404.html
index 1ebf2ab..b00e99d 100644
--- a/_site/404.html
+++ b/_site/404.html
@@ -13,7 +13,7 @@
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/about/index.html b/_site/about/index.html
index 831a5ec..9a5565a 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -13,7 +13,7 @@
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/arduino-due/index.html b/_site/archive/arduino-due/index.html
index f2e7a96..db3040e 100644
--- a/_site/archive/arduino-due/index.html
+++ b/_site/archive/arduino-due/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/arduino-uno/index.html b/_site/archive/arduino-uno/index.html
index 2e0ddf1..c204ce6 100644
--- a/_site/archive/arduino-uno/index.html
+++ b/_site/archive/arduino-uno/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/index.html b/_site/archive/index.html
index 6c0cde4..95db97f 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -13,7 +13,7 @@
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/mosfet-switches/index.html b/_site/archive/mosfet-switches/index.html
index a42d622..6785562 100644
--- a/_site/archive/mosfet-switches/index.html
+++ b/_site/archive/mosfet-switches/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/neo4j-a-star-search/index.html b/_site/archive/neo4j-a-star-search/index.html
index 700630d..9fbc3e0 100644
--- a/_site/archive/neo4j-a-star-search/index.html
+++ b/_site/archive/neo4j-a-star-search/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/archive/suckless-software/index.html b/_site/archive/suckless-software/index.html
index 5a21259..bd5152a 100644
--- a/_site/archive/suckless-software/index.html
+++ b/_site/archive/suckless-software/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index b215297..af39fbc 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -84,6 +84,12 @@ td {
text-decoration: none;
}
+#nav-container {
+ /* override .container's right padding
+ to prevent wrapping on firefox mobile */
+ padding: 0;
+}
+
.author {
font-size: 1.3em;
padding-top: 20px;
diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css
index f50b2f7..c1f6ac8 100644
--- a/_site/assets/css/skeleton.css
+++ b/_site/assets/css/skeleton.css
@@ -357,12 +357,6 @@ form {
.u-pull-left {
float: left; }
-
-/* Misc
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-
-
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@@ -374,28 +368,3 @@ form {
display: table;
clear: both; }
-
-/* Media Queries
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/*
-Note: The best way to structure the use of media queries is to create the queries
-near the relevant code. For example, if you wanted to change the styles for buttons
-on small devices, paste the mobile query code up in the buttons section and style it
-there.
-*/
-
-
-/* Larger than mobile */
-@media (min-width: 400px) {}
-
-/* Larger than phablet (also point when grid becomes active) */
-@media (min-width: 550px) {}
-
-/* Larger than tablet */
-@media (min-width: 750px) {}
-
-/* Larger than desktop */
-@media (min-width: 1000px) {}
-
-/* Larger than Desktop HD */
-@media (min-width: 1200px) {}
diff --git a/_site/feed.xml b/_site/feed.xml
index 544c71c..ff2a2bf 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-04T19:40:00+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-04T20:23:05+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 5f827f3..3b2c525 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -13,7 +13,7 @@
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li class="active">
diff --git a/_site/posts.xml b/_site/posts.xml
index b591b16..0c5296e 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-04T19:40:00+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-04T20:23:05+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 23f1a66..037e439 100644
--- a/_site/projects/bumblebee/index.html
+++ b/_site/projects/bumblebee/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/e-reader/index.html b/_site/projects/e-reader/index.html
index d963627..11322da 100644
--- a/_site/projects/e-reader/index.html
+++ b/_site/projects/e-reader/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/etlas/index.html b/_site/projects/etlas/index.html
index 32995cd..042032e 100644
--- a/_site/projects/etlas/index.html
+++ b/_site/projects/etlas/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/fpm-door-lock/index.html b/_site/projects/fpm-door-lock/index.html
index 66a578d..ce944bb 100644
--- a/_site/projects/fpm-door-lock/index.html
+++ b/_site/projects/fpm-door-lock/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/index.html b/_site/projects/index.html
index 6d0e0c9..0526bc7 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -13,7 +13,7 @@
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/matrix-digital-rain/index.html b/_site/projects/matrix-digital-rain/index.html
index 1b941c7..57dbd01 100644
--- a/_site/projects/matrix-digital-rain/index.html
+++ b/_site/projects/matrix-digital-rain/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/_site/projects/my-first-pcb/index.html b/_site/projects/my-first-pcb/index.html
index aa77519..d6ef0e7 100644
--- a/_site/projects/my-first-pcb/index.html
+++ b/_site/projects/my-first-pcb/index.html
@@ -17,7 +17,7 @@
</head>
<body>
- <div class="container">
+ <div id="nav-container" class="container">
<ul id="navlist" class="left">
<li >
diff --git a/assets/css/main.css b/assets/css/main.css
index b215297..af39fbc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -84,6 +84,12 @@ td {
text-decoration: none;
}
+#nav-container {
+ /* override .container's right padding
+ to prevent wrapping on firefox mobile */
+ padding: 0;
+}
+
.author {
font-size: 1.3em;
padding-top: 20px;
diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css
index f50b2f7..c1f6ac8 100644
--- a/assets/css/skeleton.css
+++ b/assets/css/skeleton.css
@@ -357,12 +357,6 @@ form {
.u-pull-left {
float: left; }
-
-/* Misc
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-
-
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@@ -374,28 +368,3 @@ form {
display: table;
clear: both; }
-
-/* Media Queries
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/*
-Note: The best way to structure the use of media queries is to create the queries
-near the relevant code. For example, if you wanted to change the styles for buttons
-on small devices, paste the mobile query code up in the buttons section and style it
-there.
-*/
-
-
-/* Larger than mobile */
-@media (min-width: 400px) {}
-
-/* Larger than phablet (also point when grid becomes active) */
-@media (min-width: 550px) {}
-
-/* Larger than tablet */
-@media (min-width: 750px) {}
-
-/* Larger than desktop */
-@media (min-width: 1000px) {}
-
-/* Larger than Desktop HD */
-@media (min-width: 1200px) {}