From ff91902c827e8ed633664710cf3e6703e7a420d8 Mon Sep 17 00:00:00 2001
From: Sadeep Madurange <sadeep@asciimx.com>
Date: Sat, 1 Nov 2025 20:09:02 +0800
Subject: Typing animation.

---
 _site/assets/css/main.css | 32 ++++++++++++++++++++++++++++----
 _site/feed.xml            |  2 +-
 _site/index.html          | 11 ++++++-----
 _site/posts.xml           |  2 +-
 assets/css/main.css       | 32 ++++++++++++++++++++++++++++----
 index.html                | 11 ++++++-----
 6 files changed, 70 insertions(+), 20 deletions(-)

diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index e5c3187..c0ab191 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -197,7 +197,30 @@ pre::-webkit-scrollbar {
   display: none;
 }
 
-.cursor::after {
+.typewriter-1 {
+  overflow: hidden;
+  white-space: nowrap;
+  margin: 0 auto;
+  animation: typing 3s steps(40, end);
+  animation-delay: 0s;
+}
+
+.typewriter-2 {
+  overflow: hidden;
+  visibility: hidden;
+  white-space: nowrap;
+  margin: 0 auto;
+  animation: typing 3s steps(40, end);
+  animation-delay: 3s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes typing {
+  0% { width: 0; visibility: visible; }
+  100% { width: 100%; visibility: visible; }
+}
+
+.typewriter-2::after {
   filter: brightness(0.9);
   background-color: var(--main-fg-color);
   box-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
@@ -207,11 +230,12 @@ pre::-webkit-scrollbar {
   height: 1.9rem;
   margin-left: -8px;
   animation: cursor-blink 1s steps(1, start) infinite;
+  animation-delay: 3.5s;
 }
 
 @keyframes cursor-blink {
-  50% {
-    visibility: hidden;
-  }
+  0% { visibility: visible; }
+  50% { visibility: hidden; }
+  100% { visibility: visible; }
 }
 
diff --git a/_site/feed.xml b/_site/feed.xml
index c0750e7..67566a9 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-11-01T19:38:53+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">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>Wickramage Don 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>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 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>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[This article contains a list of my favourite books.]]></summary></entry><entry><title type="html">Programming ATmega328P chips</title><link href="/archive/arduino-uno/" rel="alternate" type="text/html" title="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>Wickramage Don 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>Wickramage Don 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
+<?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-11-02T09:51:22+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">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>Wickramage Don 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>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 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>Wickramage Don Sadeep Madurange</name></author><summary type="html"><![CDATA[This article contains a list of my favourite books.]]></summary></entry><entry><title type="html">Programming ATmega328P chips</title><link href="/archive/arduino-uno/" rel="alternate" type="text/html" title="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>Wickramage Don 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>Wickramage Don 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 9b12cd7..1294f7d 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -37,13 +37,14 @@
     <main class="container" id="main"><div class="container">
 
   <h2 class="center">ASCIIMX</h2>
-  <h5 class="center">
-    <span>$ cu -l /dev/asciimx -s 9600</span>
-    <br>
-    <span id="decode">wake up...</span>
+  <h5 class="center typewriter-1">
+    $ cu -l /dev/asciimx
+  </h5>
+  <h5 class="center typewriter-2">
+    <span>wake up...</span>
     <span class="cursor"></span>
   </h5>
-
+  
   <br>
   <br>
 
diff --git a/_site/posts.xml b/_site/posts.xml
index 9212e26..8a09b2c 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-11-01T19:38:53+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-11-02T09:51:22+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/assets/css/main.css b/assets/css/main.css
index e5c3187..c0ab191 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -197,7 +197,30 @@ pre::-webkit-scrollbar {
   display: none;
 }
 
-.cursor::after {
+.typewriter-1 {
+  overflow: hidden;
+  white-space: nowrap;
+  margin: 0 auto;
+  animation: typing 3s steps(40, end);
+  animation-delay: 0s;
+}
+
+.typewriter-2 {
+  overflow: hidden;
+  visibility: hidden;
+  white-space: nowrap;
+  margin: 0 auto;
+  animation: typing 3s steps(40, end);
+  animation-delay: 3s;
+  animation-fill-mode: forwards;
+}
+
+@keyframes typing {
+  0% { width: 0; visibility: visible; }
+  100% { width: 100%; visibility: visible; }
+}
+
+.typewriter-2::after {
   filter: brightness(0.9);
   background-color: var(--main-fg-color);
   box-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
@@ -207,11 +230,12 @@ pre::-webkit-scrollbar {
   height: 1.9rem;
   margin-left: -8px;
   animation: cursor-blink 1s steps(1, start) infinite;
+  animation-delay: 3.5s;
 }
 
 @keyframes cursor-blink {
-  50% {
-    visibility: hidden;
-  }
+  0% { visibility: visible; }
+  50% { visibility: hidden; }
+  100% { visibility: visible; }
 }
 
diff --git a/index.html b/index.html
index eeead92..f6c8a95 100644
--- a/index.html
+++ b/index.html
@@ -6,13 +6,14 @@ title: ASCIIMX
 <div class="container">
 
   <h2 class="center">{{ site.title | uppercase }}</h2>
-  <h5 class="center">
-    <span>$ cu -l /dev/asciimx -s 9600</span>
-    <br>
-    <span id="decode">wake up...</span>
+  <h5 class="center typewriter-1">
+    $ cu -l /dev/asciimx
+  </h5>
+  <h5 class="center typewriter-2">
+    <span>wake up...</span>
     <span class="cursor"></span>
   </h5>
-
+  
   <br>
   <br>
 
-- 
cgit v1.2.3