diff options
| author | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 15:29:33 +0800 |
|---|---|---|
| committer | Sadeep Madurange <sadeep@asciimx.com> | 2025-10-25 15:29:33 +0800 |
| commit | 5066fbedd5b92797ceca9f6841785ee03b362a57 (patch) | |
| tree | 62476f0ea942c370c764c6180c7c31c97f049322 /_site/projects | |
| parent | 6d80c9b4be3cc4ace918f0546e1238a680116042 (diff) | |
| download | www-5066fbedd5b92797ceca9f6841785ee03b362a57.tar.gz | |
Add post layout.
Diffstat (limited to '_site/projects')
| -rw-r--r-- | _site/projects/e-reader/index.html (renamed from _site/projects/e-reader/index/index.html) | 73 | ||||
| -rw-r--r-- | _site/projects/index.html | 44 |
2 files changed, 88 insertions, 29 deletions
diff --git a/_site/projects/e-reader/index/index.html b/_site/projects/e-reader/index.html index dd58a14..bc23c7b 100644 --- a/_site/projects/e-reader/index/index.html +++ b/_site/projects/e-reader/index.html @@ -1,12 +1,58 @@ -<p>This project features a prototype e-reader powered by a 7.5-inch Waveshare e-paper display and an +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>Prototype e-reader</title> + <head> +<meta charset="utf-8"> + <title>Prototype e-reader</title> + <link rel="stylesheet" href="/assets/css/main.css"> + <link rel="stylesheet" href="/assets/css/normalize.css"> + <link rel="stylesheet" href="/assets/css/skeleton.css"> +</head> + + + </head> + <body> + + <div class="container"> + <ul id="navlist" class="left"> + <li > + <a href="/">hme</a> + </li> + <li > + <a href="/projects/">tnk</a> + </li> + <li > + <a href="/about/">abt</a> + </li> + <li><a href="/feed.xml">rss</a></li> + </ul> +</div> + + + + <main> + <div class="container"> + <img src="/assets/img/grunge.png" alt="" class="line"> + <p class="center">[ N<sup>o</sup> ] + <span> </span></p> + <img src="/assets/img/grunge.png" alt="" class="line flip"> + + <h2 class="brand center" id="title">PROTOTYPE E-READER</h2> + + + <br> + <h4 class="center space"></h4> + <h5 class="center">24 OCTOBER 2023</h5> + + <div class="threecol justify"> + <p>This project features a prototype e-reader powered by a 7.5-inch Waveshare e-paper display and an ESP-WROOM-32 development board.</p> -<p><video style=”max-width:100%” controls=”” poster=thumb.png></p> -<source src="ereader.mp4" type="video/mp4" /> +<iframe style="max-width: 100%" src="ereader.mp4" frameborder="0" allowfullscreen=""></iframe> -<p></video></p> - -<h2 id="overview">Overview</h2> +<h4 id="overview">Overview</h4> <p>In 2017, during a short stint as a project manager, I was tasked with installing some e-paper displays in a car park. Not knowing how they worked, I @@ -35,7 +81,7 @@ system-on-a-chip with a 160 MHz dual-core processor and integrated WiFi. So, I thought it’d be amusing to embrace the constraints and build my e-reader using just a $5 MCU and the power of C programming.</p> -<h2 id="the-file-format">The file format</h2> +<h4 id="the-file-format">The file format</h4> <p>The file format dictates the complexity of the embedded software. So, I’ll begin there. The e-reader works by downloading and rendering a rasterized @@ -51,7 +97,7 @@ well to HTTP streaming, which is its main advantage, as we will soon see.</p> PDF documents to an EBM file. I use it to make EBM files before uploading them to a web server.</p> -<h2 id="how-does-it-work">How does it work?</h2> +<h4 id="how-does-it-work">How does it work?</h4> <p>As the e-reader has no storage, it can’t store books locally. Instead, I first have to upload the EBM file I want to read to a web server. The location of the @@ -71,7 +117,7 @@ use the ESP-IDF task API to pin the two routines to each core.</p> on the current reading progress, the e-reader specifies the page offset and the chunk size using the HTTP Range header.</p> -<h2 id="afterword">Afterword</h2> +<h4 id="afterword">Afterword</h4> <p>It’s been six years since the car park and the displays. At the time, I knew nothing about embedded systems or display drivers. It took a long time to @@ -79,3 +125,12 @@ develop the skill set, but now, at last, I know how those displays worked and how to build my own.</p> <p>Files: <a href="source.tar.gz">source.tar.gz</a></p> + + </div> + + <p class="right italics">by W. D. Sadeep Madurange</p> + </div> + </main> + + </body> +</html> diff --git a/_site/projects/index.html b/_site/projects/index.html index 15ffb96..d1fcb18 100644 --- a/_site/projects/index.html +++ b/_site/projects/index.html @@ -1,28 +1,32 @@ <!doctype html> <html lang="en-us"> <head> - <meta charset="utf-8"> - <title>Projects</title> - <link rel="stylesheet" href="/assets/css/main.css"> - <link rel="stylesheet" href="/assets/css/normalize.css"> - <link rel="stylesheet" href="/assets/css/skeleton.css"> - </head> +<meta charset="utf-8"> + <title>Projects</title> + <link rel="stylesheet" href="/assets/css/main.css"> + <link rel="stylesheet" href="/assets/css/normalize.css"> + <link rel="stylesheet" href="/assets/css/skeleton.css"> +</head> + + <body> - + <div class="container"> - <ul id="navlist" class="left"> - <li > - <a href="/">hme</a> - </li> - <li class="active"> - <a href="/projects/">tnk</a> - </li> - <li > - <a href="/about/">abt</a> - </li> - <li><a href="/feed.xml">rss</a></li> - </ul> - </div> + <ul id="navlist" class="left"> + <li > + <a href="/">hme</a> + </li> + <li class="active"> + <a href="/projects/">tnk</a> + </li> + <li > + <a href="/about/">abt</a> + </li> + <li><a href="/feed.xml">rss</a></li> + </ul> +</div> + + <main class="container" id="main"><table> |