diff options
39 files changed, 185 insertions, 166 deletions
diff --git a/_archive/neo4j-a-star-search.md b/_archive/neo4j-a-star-search.md index c3cd9b2..ac2f35d 100644 --- a/_archive/neo4j-a-star-search.md +++ b/_archive/neo4j-a-star-search.md @@ -5,7 +5,7 @@ author: Wickramage Don Sadeep Madurange layout: post --- -Back in 2018, we used the <a src="https://neo4j.com/" class="external" +Back in 2018, we used the <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. diff --git a/_includes/archive.html b/_includes/archive.html index 897974e..1b8c9c9 100644 --- a/_includes/archive.html +++ b/_includes/archive.html @@ -6,7 +6,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="{{ post.url }}">{{ post.title }}</a> + <a href="{{ post.url }}" class="link-decor-none">{{ post.title }}</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> diff --git a/_includes/nav.html b/_includes/nav.html index 985d635..ebc5fd7 100644 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -2,18 +2,18 @@ <ul id="navlist" class="left"> {% assign parts = page.url | split: '/' %} <li {% if page.url == "/" %}class="active"{% endif %}> - <a href="{{ site.baseurl }}/">hme</a> + <a href="{{ site.baseurl }}/" class="link-decor-none">hme</a> </li> <li {% if parts[1] == "archive" %}class="active"{% endif %}> - <a href="{{ site.baseurl }}/archive/">arc</a> + <a href="{{ site.baseurl }}/archive/" class="link-decor-none">blg</a> </li> <li {% if parts[1] == "projects" %}class="active"{% endif %}> - <a href="{{ site.baseurl }}/projects/">prj</a> + <a href="{{ site.baseurl }}/projects/" class="link-decor-none">poc</a> </li> <li {% if page.url == "/about/" %}class="active"{% endif %}> - <a href="{{ site.baseurl }}/about/">abt</a> + <a href="{{ site.baseurl }}/about/" class="link-decor-none">abt</a> </li> - <li><a href="{{ site.baseurl }}/feed.xml">rss</a></li> + <li><a href="{{ site.baseurl }}/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_projects/bumblebee.md b/_projects/bumblebee.md index 7c5a88d..2a1399c 100644 --- a/_projects/bumblebee.md +++ b/_projects/bumblebee.md @@ -1,5 +1,5 @@ --- -title: "Bumblebee: turn browser sessions to code" +title: "Bumblebee: browser automation" date: 2025-04-02 author: W. D. Sadeep Madurange thumbnail: thumb.png diff --git a/_projects/desktop-unix.md b/_projects/desktop-unix.md index befbaab..92bca29 100644 --- a/_projects/desktop-unix.md +++ b/_projects/desktop-unix.md @@ -1,5 +1,5 @@ --- -title: Unix for the desktop +title: Desktop Unix date: 2025-09-21 author: Wickramage Don Sadeep Madurange thumbnail: linux.png diff --git a/_projects/e-reader/ereader.mp4 b/_projects/e-reader/ereader.mp4 Binary files differindex a57a5b1..89e05eb 100644 --- a/_projects/e-reader/ereader.mp4 +++ b/_projects/e-reader/ereader.mp4 diff --git a/_projects/etlas.md b/_projects/etlas.md index fdfd42a..d29b946 100644 --- a/_projects/etlas.md +++ b/_projects/etlas.md @@ -1,5 +1,5 @@ --- -title: "Etlas: e-paper display for news, stocks, and the weather" +title: "Etlas: e-paper dashboard" date: 2024-09-05 author: W. D. Sadeep Madurange thumbnail: dash.jpg diff --git a/_site/404.html b/_site/404.html index d8141f6..1ebf2ab 100644 --- a/_site/404.html +++ b/_site/404.html @@ -17,18 +17,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/about/index.html b/_site/about/index.html index 4ac3a14..2b050da 100644 --- a/_site/about/index.html +++ b/_site/about/index.html @@ -17,18 +17,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li class="active"> - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -36,17 +36,16 @@ <main class="container" id="main"><h1 id="about">About</h1> -<p>This site belongs to a computer programmer whose grasp far exceeds his -reach.</p> +<p>This site belongs to a computer programmer whose reach far exceeds his +grasp.</p> <h2 id="about-site">About site</h2> -<p>This site is loosely based on the Jekyll theme <a href="https://github.com/JohnCoene/marat" class="external" target="_blank" rel="noopener noreferrer">Marat</a> (<a href="/assets/licenses/marat.txt" target="_blank">see license</a>).</p> +<p>This site is loosely based on the Jekyll theme <a href="https://github.com/JohnCoene/marat" class="external" target="_blank" rel="noopener noreferrer">Marat</a> (<a href="/assets/lic/marat.txt" target="_blank">see license</a>).</p> -<p>The column-based layout and much of the typography of this site are powered by -<a href="http://getskeleton.com/" class="external" target="_blank" rel="noopener noreferrer">Skeleton</a> (<a href="/assets/licenses/skeleton.txt" target="_blank">see license</a>).</p> +<p>The column-based layout and much of the typography are powered by <a href="http://getskeleton.com/" class="external" target="_blank" rel="noopener noreferrer">Skeleton</a> (<a href="/assets/lic/skeleton.txt" target="_blank">see license</a>).</p> -<p>This site uses ‘IM Fell English’ font (<a href="/assets/licenses/im_fell_english_font.txt" target="_blank">see +<p>This site uses ‘IM Fell English’ font (<a href="/assets/lic/im_fell_english_font.txt" target="_blank">see license</a>) designed by Igino Marini.</p> <h2 id="contact">Contact</h2> diff --git a/_site/archive/arduino-due/index.html b/_site/archive/arduino-due/index.html index f8a26bf..e1650b6 100644 --- a/_site/archive/arduino-due/index.html +++ b/_site/archive/arduino-due/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/archive/arduino-uno/index.html b/_site/archive/arduino-uno/index.html index 348b2a8..c20546b 100644 --- a/_site/archive/arduino-uno/index.html +++ b/_site/archive/arduino-uno/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/archive/awesome-books/index.html b/_site/archive/awesome-books/index.html index a0d44ff..4d43830 100644 --- a/_site/archive/awesome-books/index.html +++ b/_site/archive/awesome-books/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/archive/index.html b/_site/archive/index.html index bfecbe5..e35b281 100644 --- a/_site/archive/index.html +++ b/_site/archive/index.html @@ -17,18 +17,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -46,7 +46,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/neo4j-a-star-search/">Neo4J A* search</a> + <a href="/archive/neo4j-a-star-search/" class="link-decor-none">Neo4J A* search</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -59,7 +59,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/my-first-pcb/">My first PCB</a> + <a href="/archive/my-first-pcb/" class="link-decor-none">My first PCB</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -72,7 +72,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/mosfet-switches/">MOSFETs</a> + <a href="/archive/mosfet-switches/" class="link-decor-none">MOSFETs</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -85,7 +85,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/awesome-books/">Awesome books</a> + <a href="/archive/awesome-books/" class="link-decor-none">Awesome books</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -98,7 +98,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/arduino-uno/">Notes on programming ATmega328P chips</a> + <a href="/archive/arduino-uno/" class="link-decor-none">Notes on programming ATmega328P chips</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -111,7 +111,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/arduino-due/">Bare-metal ARM Cortex M3 chips</a> + <a href="/archive/arduino-due/" class="link-decor-none">Bare-metal ARM Cortex M3 chips</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> diff --git a/_site/archive/mosfet-switches/index.html b/_site/archive/mosfet-switches/index.html index 861b9e7..54cba3f 100644 --- a/_site/archive/mosfet-switches/index.html +++ b/_site/archive/mosfet-switches/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/archive/my-first-pcb/index.html b/_site/archive/my-first-pcb/index.html index 5dc9114..a893c1b 100644 --- a/_site/archive/my-first-pcb/index.html +++ b/_site/archive/my-first-pcb/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/archive/neo4j-a-star-search/index.html b/_site/archive/neo4j-a-star-search/index.html index f863b61..7be729b 100644 --- a/_site/archive/neo4j-a-star-search/index.html +++ b/_site/archive/neo4j-a-star-search/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li class="active"> - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -43,7 +43,7 @@ <h2 class="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 + <div class="threecol justify"><p>Back in 2018, we used the <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. Performance issues with Neo4J’s then-available shortest-path algorithms limited diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 8ef0b4d..1058c16 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -6,6 +6,8 @@ :root { --link-color: #2f2f2f; + --main-bg-color: #f4f2e8; + --main-txt-color: #2f2f2f; } *, @@ -19,10 +21,10 @@ body{ height: 100%; text-decoration-skip: ink; - color: #2f2f2f; + color: var(--main-txt-color); padding-top: 10px; font-family: 'IM Fell English', serif; - background-color: #f4f2e8; + background-color: var(--main-bg-color); } body::selection{ @@ -42,7 +44,11 @@ p::selection{ color: rgba(47, 47, 47, 0.6) } -a { +a { + text-decoration: underline; +} + +.link-decor-none { text-decoration: none; } @@ -271,8 +277,17 @@ and (min-device-width : 768px) { margin-top: 4px; } -/* code blocks */ pre { + border: none; max-height: 400px; overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; + color: var(--main-bg-color); + background-color: var(--main-txt-color); } + +pre::-webkit-scrollbar { + display: none; +} + diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index 78a8573..35e298b 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -154,11 +154,7 @@ p { /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #2f2f2f; } -a:hover { - color: #000; - text-shadow: 3px 3px 1px rgba(47,47,47,0.2);} +a { color: #2f2f2f; } /* Buttons @@ -309,9 +305,8 @@ code { margin: 0 .2rem; font-size: 90%; white-space: nowrap; - background: rgba(0,0,0,0); - border: 1px solid #E1E1E1; border-radius: 4px; } + pre > code { display: block; padding: 1rem 1.5rem; diff --git a/_site/assets/licenses/im_fell_english_font.txt b/_site/assets/lic/im_fell_english_font.txt index 2318e86..2318e86 100644 --- a/_site/assets/licenses/im_fell_english_font.txt +++ b/_site/assets/lic/im_fell_english_font.txt diff --git a/_site/assets/licenses/marat.txt b/_site/assets/lic/marat.txt index 75c9060..75c9060 100644 --- a/_site/assets/licenses/marat.txt +++ b/_site/assets/lic/marat.txt diff --git a/_site/assets/licenses/skeleton.txt b/_site/assets/lic/skeleton.txt index 32a62b3..32a62b3 100644 --- a/_site/assets/licenses/skeleton.txt +++ b/_site/assets/lic/skeleton.txt diff --git a/_site/feed.xml b/_site/feed.xml index 5ec6d51..ebce038 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -1,2 +1,2 @@ -<?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-10-26T16:49:34+08:00</updated><id>/feed.xml</id><title type="html">ASCIIMX | Archive</title><subtitle>Simplicity is a great virtue, <br> but it requires hard work to achieve it and education <br> to appreciate it - Edsger W. Dijkstra +<?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-10-27T21:09:25+08:00</updated><id>/feed.xml</id><title type="html">ASCIIMX | Archive</title><subtitle>Simplicity is a great virtue, <br> but it requires hard work to achieve it and education <br> to appreciate it - Edsger W. Dijkstra </subtitle><author><name>Wickramage Don Sadeep Madurange</name></author><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 the 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. Performance issues with Neo4J’s then-available shortest-path algorithms limited our search to about 4,000 route points.]]></summary></entry><entry><title type="html">My first PCB</title><link href="/archive/my-first-pcb/" rel="alternate" type="text/html" title="My first PCB" /><published>2025-07-14T00:00:00+08:00</published><updated>2025-07-14T00:00:00+08:00</updated><id>/archive/my-first-pcb</id><author><name>W. D. Sadeep Madurange</name></author><summary type="html"><![CDATA[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.]]></summary></entry><entry><title type="html">MOSFETs</title><link href="/archive/mosfet-switches/" rel="alternate" type="text/html" title="MOSFETs" /><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>W. D. 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 switch off power to components, such as servos, electronically when not needed. That’s how I stumbled upon MOSFETs, transistors capable of controlling circuits operating at voltages far above their own.]]></summary></entry><entry><title type="html">Awesome books</title><link href="/archive/awesome-books/" rel="alternate" type="text/html" title="Awesome books" /><published>2025-04-20T00:00:00+08:00</published><updated>2025-04-20T00:00:00+08:00</updated><id>/archive/awesome-books</id><author><name>W. D. Sadeep Madurange</name></author><summary type="html"><![CDATA[This article contains a list of my favourite books.]]></summary></entry><entry><title type="html">Notes on programming ATmega328P chips</title><link href="/archive/arduino-uno/" rel="alternate" type="text/html" title="Notes on programming ATmega328P chips" /><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>W. D. Sadeep Madurange</name></author><summary type="html"><![CDATA[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 low-power applications and when interfacing with parts that run at 3.3 V.]]></summary></entry><entry><title type="html">Bare-metal ARM Cortex M3 chips</title><link href="/archive/arduino-due/" rel="alternate" type="text/html" title="Bare-metal ARM Cortex M3 chips" /><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>W. D. Sadeep Madurange</name></author><summary type="html"><![CDATA[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 I use for much of my personal computing.]]></summary></entry></feed>
\ No newline at end of file diff --git a/_site/index.html b/_site/index.html index 209dcc0..a73cf3c 100644 --- a/_site/index.html +++ b/_site/index.html @@ -17,18 +17,18 @@ <ul id="navlist" class="left"> <li class="active"> - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li > - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -53,7 +53,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/neo4j-a-star-search/">Neo4J A* search</a> + <a href="/archive/neo4j-a-star-search/" class="link-decor-none">Neo4J A* search</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -66,7 +66,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/my-first-pcb/">My first PCB</a> + <a href="/archive/my-first-pcb/" class="link-decor-none">My first PCB</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -79,7 +79,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/mosfet-switches/">MOSFETs</a> + <a href="/archive/mosfet-switches/" class="link-decor-none">MOSFETs</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -92,7 +92,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/awesome-books/">Awesome books</a> + <a href="/archive/awesome-books/" class="link-decor-none">Awesome books</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -105,7 +105,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/arduino-uno/">Notes on programming ATmega328P chips</a> + <a href="/archive/arduino-uno/" class="link-decor-none">Notes on programming ATmega328P chips</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> @@ -118,7 +118,7 @@ <tr> <td class="posts-td posts-td-link"> - <a href="/archive/arduino-due/">Bare-metal ARM Cortex M3 chips</a> + <a href="/archive/arduino-due/" class="link-decor-none">Bare-metal ARM Cortex M3 chips</a> </td> <td class="posts-td posts-td-time"> <span class="post-meta"> diff --git a/_site/posts.xml b/_site/posts.xml index 19a1279..b4656f0 100644 --- a/_site/posts.xml +++ b/_site/posts.xml @@ -1,2 +1,2 @@ -<?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-10-26T16:49:34+08:00</updated><id>/posts.xml</id><title type="html">ASCIIMX</title><subtitle>Simplicity is a great virtue, <br> but it requires hard work to achieve it and education <br> to appreciate it - Edsger W. Dijkstra +<?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-10-27T21:09:25+08:00</updated><id>/posts.xml</id><title type="html">ASCIIMX</title><subtitle>Simplicity is a great virtue, <br> but it requires hard work to achieve it and education <br> to appreciate it - Edsger W. Dijkstra </subtitle><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 b229011..d69d1c8 100644 --- a/_site/projects/bumblebee/index.html +++ b/_site/projects/bumblebee/index.html @@ -2,12 +2,12 @@ <html> <head> <meta charset="utf-8"> - <title>Bumblebee: turn browser sessions to code</title> + <title>Bumblebee: browser automation</title> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Bumblebee: turn browser sessions to code</title> + <title>Bumblebee: browser automation</title> <link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/skeleton.css"> </head> @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -40,7 +40,7 @@ <main> <div class="container"> - <h2 class="center" id="title">BUMBLEBEE: TURN BROWSER SESSIONS TO CODE</h2> + <h2 class="center" id="title">BUMBLEBEE: BROWSER AUTOMATION</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 diff --git a/_site/projects/desktop-unix/index.html b/_site/projects/desktop-unix/index.html index b65680a..81cad47 100644 --- a/_site/projects/desktop-unix/index.html +++ b/_site/projects/desktop-unix/index.html @@ -2,12 +2,12 @@ <html> <head> <meta charset="utf-8"> - <title>Unix for the desktop</title> + <title>Desktop Unix</title> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Unix for the desktop</title> + <title>Desktop Unix</title> <link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/skeleton.css"> </head> @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -40,7 +40,7 @@ <main> <div class="container"> - <h2 class="center" id="title">UNIX FOR THE DESKTOP</h2> + <h2 class="center" id="title">DESKTOP UNIX</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 diff --git a/_site/projects/e-reader/ereader.mp4 b/_site/projects/e-reader/ereader.mp4 Binary files differindex a57a5b1..89e05eb 100644 --- a/_site/projects/e-reader/ereader.mp4 +++ b/_site/projects/e-reader/ereader.mp4 diff --git a/_site/projects/e-reader/index.html b/_site/projects/e-reader/index.html index e261650..a9416d5 100644 --- a/_site/projects/e-reader/index.html +++ b/_site/projects/e-reader/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/projects/etlas/index.html b/_site/projects/etlas/index.html index d946b53..df5d967 100644 --- a/_site/projects/etlas/index.html +++ b/_site/projects/etlas/index.html @@ -2,12 +2,12 @@ <html> <head> <meta charset="utf-8"> - <title>Etlas: e-paper display for news, stocks, and the weather</title> + <title>Etlas: e-paper dashboard</title> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Etlas: e-paper display for news, stocks, and the weather</title> + <title>Etlas: e-paper dashboard</title> <link rel="stylesheet" href="/assets/css/main.css"> <link rel="stylesheet" href="/assets/css/skeleton.css"> </head> @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -40,7 +40,7 @@ <main> <div class="container"> - <h2 class="center" id="title">ETLAS: E-PAPER DISPLAY FOR NEWS, STOCKS, AND THE WEATHER</h2> + <h2 class="center" id="title">ETLAS: E-PAPER DASHBOARD</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 diff --git a/_site/projects/fpm-door-lock/index.html b/_site/projects/fpm-door-lock/index.html index b3ede76..dd563c2 100644 --- a/_site/projects/fpm-door-lock/index.html +++ b/_site/projects/fpm-door-lock/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> diff --git a/_site/projects/index.html b/_site/projects/index.html index 8b6f9b8..f5cb329 100644 --- a/_site/projects/index.html +++ b/_site/projects/index.html @@ -17,18 +17,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -46,13 +46,13 @@ <td class="project-item"> <img src="e-reader/thumb.png" alt="Prototype e-reader"> - <h5><a href="e-reader">Prototype e-reader</a></h5> + <h5><a href="e-reader" class="link-decor-none">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> + <h5><a href="matrix-digital-rain" class="link-decor-none">The Matrix digital rain</a></h5> </td> </tr> @@ -62,14 +62,14 @@ <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> + <img src="etlas/dash.jpg" alt="Etlas: e-paper dashboard"> + <h5><a href="etlas" class="link-decor-none">Etlas: e-paper dashboard</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> + <img src="bumblebee/thumb.png" alt="Bumblebee: browser automation"> + <h5><a href="bumblebee" class="link-decor-none">Bumblebee: browser automation</a></h5> </td> </tr> @@ -79,14 +79,14 @@ <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> + <img src="desktop-unix/linux.png" alt="Desktop Unix"> + <h5><a href="desktop-unix" class="link-decor-none">Desktop Unix</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> + <h5><a href="fpm-door-lock" class="link-decor-none">Fingerprint door lock</a></h5> </td> </tr> diff --git a/_site/projects/matrix-digital-rain/index.html b/_site/projects/matrix-digital-rain/index.html index 5f151ea..cae48c4 100644 --- a/_site/projects/matrix-digital-rain/index.html +++ b/_site/projects/matrix-digital-rain/index.html @@ -21,18 +21,18 @@ <ul id="navlist" class="left"> <li > - <a href="/">hme</a> + <a href="/" class="link-decor-none">hme</a> </li> <li > - <a href="/archive/">arc</a> + <a href="/archive/" class="link-decor-none">blg</a> </li> <li class="active"> - <a href="/projects/">prj</a> + <a href="/projects/" class="link-decor-none">poc</a> </li> <li > - <a href="/about/">abt</a> + <a href="/about/" class="link-decor-none">abt</a> </li> - <li><a href="/feed.xml">rss</a></li> + <li><a href="/feed.xml" class="link-decor-none">rss</a></li> </ul> </div> @@ -5,23 +5,23 @@ title: About # About -This site belongs to a computer programmer whose grasp far exceeds his -reach. +This site belongs to a computer programmer whose reach far exceeds his +grasp. ## About site This site is loosely based on the Jekyll theme <a href="https://github.com/JohnCoene/marat" class="external" target="_blank" -rel="noopener noreferrer">Marat</a> (<a href="/assets/licenses/marat.txt" +rel="noopener noreferrer">Marat</a> (<a href="/assets/lic/marat.txt" target="_blank" >see license</a>). -The column-based layout and much of the typography of this site are powered by -<a href="http://getskeleton.com/" class="external" target="_blank" -rel="noopener noreferrer">Skeleton</a> (<a href="/assets/licenses/skeleton.txt" -target="_blank" >see license</a>). +The column-based layout and much of the typography are powered by <a +href="http://getskeleton.com/" class="external" target="_blank" +rel="noopener noreferrer">Skeleton</a> (<a href="/assets/lic/skeleton.txt" +target="_blank">see license</a>). This site uses 'IM Fell English' font (<a -href="/assets/licenses/im_fell_english_font.txt" target="_blank" >see +href="/assets/lic/im_fell_english_font.txt" target="_blank" >see license</a>) designed by Igino Marini. ## Contact diff --git a/assets/css/main.css b/assets/css/main.css index 8ef0b4d..1058c16 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -6,6 +6,8 @@ :root { --link-color: #2f2f2f; + --main-bg-color: #f4f2e8; + --main-txt-color: #2f2f2f; } *, @@ -19,10 +21,10 @@ body{ height: 100%; text-decoration-skip: ink; - color: #2f2f2f; + color: var(--main-txt-color); padding-top: 10px; font-family: 'IM Fell English', serif; - background-color: #f4f2e8; + background-color: var(--main-bg-color); } body::selection{ @@ -42,7 +44,11 @@ p::selection{ color: rgba(47, 47, 47, 0.6) } -a { +a { + text-decoration: underline; +} + +.link-decor-none { text-decoration: none; } @@ -271,8 +277,17 @@ and (min-device-width : 768px) { margin-top: 4px; } -/* code blocks */ pre { + border: none; max-height: 400px; overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; + color: var(--main-bg-color); + background-color: var(--main-txt-color); } + +pre::-webkit-scrollbar { + display: none; +} + diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css index 78a8573..35e298b 100644 --- a/assets/css/skeleton.css +++ b/assets/css/skeleton.css @@ -154,11 +154,7 @@ p { /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #2f2f2f; } -a:hover { - color: #000; - text-shadow: 3px 3px 1px rgba(47,47,47,0.2);} +a { color: #2f2f2f; } /* Buttons @@ -309,9 +305,8 @@ code { margin: 0 .2rem; font-size: 90%; white-space: nowrap; - background: rgba(0,0,0,0); - border: 1px solid #E1E1E1; border-radius: 4px; } + pre > code { display: block; padding: 1rem 1.5rem; diff --git a/assets/licenses/im_fell_english_font.txt b/assets/lic/im_fell_english_font.txt index 2318e86..2318e86 100644 --- a/assets/licenses/im_fell_english_font.txt +++ b/assets/lic/im_fell_english_font.txt diff --git a/assets/licenses/marat.txt b/assets/lic/marat.txt index 75c9060..75c9060 100644 --- a/assets/licenses/marat.txt +++ b/assets/lic/marat.txt diff --git a/assets/licenses/skeleton.txt b/assets/lic/skeleton.txt index 32a62b3..32a62b3 100644 --- a/assets/licenses/skeleton.txt +++ b/assets/lic/skeleton.txt diff --git a/projects.html b/projects.html index f46dec2..62772d6 100644 --- a/projects.html +++ b/projects.html @@ -4,7 +4,7 @@ title: Projects --- <div class="container"> - <h1>Projects</h1> + <h1>{{ page.title }}</h1> <table> {% assign n = 2 %} {% assign rows = site.projects.size | divided_by: n | ceil %} @@ -15,7 +15,7 @@ title: Projects <td class="project-item"> {% assign parts = item.url | split: '/' %} <img src="{{ parts[2] }}/{{ item.thumbnail }}" alt="{{ item.title }}"> - <h5><a href="{{ parts[2] }}">{{ item.title }}</a></h5> + <h5><a href="{{ parts[2] }}" class="link-decor-none">{{ item.title }}</a></h5> </td> {% endfor %} </tr> |