diff options
| -rw-r--r-- | _site/assets/css/main.css | 32 | ||||
| -rw-r--r-- | _site/feed.xml | 2 | ||||
| -rw-r--r-- | _site/index.html | 11 | ||||
| -rw-r--r-- | _site/posts.xml | 2 | ||||
| -rw-r--r-- | assets/css/main.css | 32 | ||||
| -rw-r--r-- | 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; } } @@ -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> |