summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSadeep Madurange <sadeep@asciimx.com>2025-10-24 15:05:39 +0800
committerSadeep Madurange <sadeep@asciimx.com>2025-10-24 22:59:58 +0800
commit374582322b930635c0b12472d122034b9dc09e54 (patch)
treeaaf26f25f05b665845e0dd1d1c951c491173f8da
parent7c9757f4c7ac6b6eb7b64aabce1da55ea77d3036 (diff)
downloadwww-374582322b930635c0b12472d122034b9dc09e54.tar.gz
Experiment with Ed.HEADmaster
-rw-r--r--.gitignore3
-rw-r--r--_blog/post-1/index.md14
-rw-r--r--_config.yml9
-rw-r--r--_data/navigation.yml4
-rw-r--r--_layouts/default.html24
-rw-r--r--_projects/post-1/index.md14
-rw-r--r--_site/about.html27
-rw-r--r--_site/assets/css/main.css177
-rw-r--r--_site/assets/images/asciimx.asc41
-rw-r--r--_site/assets/images/collage.jpegbin0 -> 85308 bytes
-rw-r--r--_site/assets/images/external-link.svg6
-rw-r--r--_site/blog/post-1/index.html31
-rw-r--r--_site/index.html71
-rw-r--r--_site/projects/post-1/index.html31
-rw-r--r--about.md8
-rw-r--r--assets/css/main.css177
-rw-r--r--assets/images/asciimx.asc41
-rw-r--r--assets/images/collage.jpegbin0 -> 85308 bytes
-rw-r--r--assets/images/external-link.svg6
-rw-r--r--index.html45
20 files changed, 729 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
index e69de29..9adbc86 100644
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,3 @@
+.jekyll-cache/
+
+**/*.swp
diff --git a/_blog/post-1/index.md b/_blog/post-1/index.md
new file mode 100644
index 0000000..5b5beeb
--- /dev/null
+++ b/_blog/post-1/index.md
@@ -0,0 +1,14 @@
+---
+layout: default
+author: jill
+type: blog
+date: 2025-10-23
+---
+
+An apple is a sweet, edible fruit produced by an apple tree.
+
+Apple trees are cultivated worldwide, and are the most widely grown
+species in the genus Malus. The tree originated in Central Asia, where
+its wild ancestor, Malus sieversii, is still found today. Apples have
+been grown for thousands of years in Asia and Europe, and were brought
+to North America by European colonists.
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..e26b366
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,9 @@
+title: 'ASCIIMX'
+tagline: "Wickramage Don Sadeep's Personal Website"
+
+collections:
+ blog:
+ output: true
+ projects:
+ output: true
+
diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..8175ade
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,4 @@
+- name: Home
+ link: /
+- name: About
+ link: /about.html
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..c5f959c
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <title>{{ page.title }}</title>
+ <link rel="stylesheet" href="/assets/css/main.css">
+ </head>
+ <body>
+ <div class="wrap">
+ <header class="masthead">
+ <div class="container">
+ <h3 class="masthead-title">
+ <a href="/" title="Home">{{ site.title | newline_to_br }}</a>
+ <br><small>{{ site.tagline }}</small>
+ </h3>
+ </div>
+ </header>
+
+ <main class="container" id="main">
+ {{ content }}
+ </main>
+ </div>
+ </body>
+</html>
diff --git a/_projects/post-1/index.md b/_projects/post-1/index.md
new file mode 100644
index 0000000..e96cfb0
--- /dev/null
+++ b/_projects/post-1/index.md
@@ -0,0 +1,14 @@
+---
+layout: default
+author: jill
+type: project
+date: 2025-10-24
+---
+
+An apple is a sweet, edible fruit produced by an apple tree.
+
+Apple trees are cultivated worldwide, and are the most widely grown
+species in the genus Malus. The tree originated in Central Asia, where
+its wild ancestor, Malus sieversii, is still found today. Apples have
+been grown for thousands of years in Asia and Europe, and were brought
+to North America by European colonists.
diff --git a/_site/about.html b/_site/about.html
new file mode 100644
index 0000000..57fa5af
--- /dev/null
+++ b/_site/about.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <title>About</title>
+ <link rel="stylesheet" href="/assets/css/main.css">
+ </head>
+ <body>
+ <div class="wrap">
+ <header class="masthead">
+ <div class="container">
+ <h3 class="masthead-title">
+ <a href="/" title="Home">ASCIIMX</a>
+ <br><small>Wickramage Don Sadeep's Personal Website</small>
+ </h3>
+ </div>
+ </header>
+
+ <main class="container" id="main">
+ <h1 id="about-page">About page</h1>
+
+<p>This page tells you a little bit about me.</p>
+
+ </main>
+ </div>
+ </body>
+</html>
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
new file mode 100644
index 0000000..fc159a3
--- /dev/null
+++ b/_site/assets/css/main.css
@@ -0,0 +1,177 @@
+:root {
+ --link-color: #841212;
+ --main-font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
+ --main-font-size: 1.1em;
+ --heading-font: sans-serif;
+ --heading-color: #404040;
+ --text-color: #454545;
+}
+
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ overflow-x: hidden;
+}
+
+html {
+ font-family: var(--main-font);
+ font-size: 1em;
+ line-height: 1.5;
+}
+
+@media (min-width: 38em) {
+ html {
+ font-size: var(--main-font-size);
+ }
+}
+
+body {
+ color: var(--text-color);
+ background-color: #fff;
+ @include text-size-adjust(100%);
+}
+
+.content {
+ margin-bottom: 4rem;
+}
+
+.wrap {
+ position: relative;
+ width: 100%;
+}
+
+.container {
+ max-width: 32rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media (min-width: 56em) {
+ .container {
+ max-width: 38rem;
+ }
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: var(--heading-font);
+ margin-bottom: .5rem;
+ font-weight: normal;
+ color: var(--heading-color);
+ letter-spacing: -.025rem;
+ line-height: 1.25;
+ text-rendering: optimizeLegibility;
+}
+
+h1, h1.text-title {
+ font-size: 1.4rem;
+}
+
+h2 {
+ margin-top: 1rem;
+ font-size: 1.2rem;
+}
+
+h3, h4, h5, h6 {
+ margin-top: 1rem;
+ font-size: 1rem;
+}
+
+h3 {
+ margin-top: 1.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+a {
+ color: var(--link-color);
+ text-decoration: none;
+}
+
+a.external::after {
+ background-color: var(--link-color);
+ content: '';
+ display: inline-flex;
+ height: 10px;
+ margin-left: 4px;
+ width: 10px;
+ mask-size: cover;
+ mask-image: url(/assets/images/external-link.svg);
+}
+
+ul {
+ list-style: circle;
+}
+
+ul, ol {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+hr {
+ position: relative;
+ margin: 1.5rem 0;
+ border: 0;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #fff;
+}
+
+img {
+ display: block;
+ max-width: 100%;
+ margin: 0 0 1rem;
+ border-radius: 5px;
+}
+
+.masthead {
+ border-bottom: 1px solid #eee;
+ margin-bottom: 3rem;
+ padding-top: 26px;
+ padding-bottom: 1rem;
+ text-align: center;
+}
+
+.masthead-title {
+ color: #505050;
+ font-family: var(--main-font);
+ font-size: 1.8rem;
+ line-height: .777em;
+ margin: 2em 0 0;
+ text-align: center;
+}
+
+.masthead-title small {
+ color: var(--text-color);
+ display: none; /* This is an accessibility no-no */
+ font-family: var(--heading-font);
+ font-size: .78rem;
+ font-weight: normal;
+ letter-spacing: .05rem;
+}
+
+@media (min-width: 320px) {
+ .masthead-title {
+ margin-top: 2px;
+ margin-right: 15%;
+ margin-left: 15%;
+ }
+}
+
+@media (min-width: 48em) {
+ .masthead-title small {
+ display: inline;
+ }
+}
+
diff --git a/_site/assets/images/asciimx.asc b/_site/assets/images/asciimx.asc
new file mode 100644
index 0000000..4dc21aa
--- /dev/null
+++ b/_site/assets/images/asciimx.asc
@@ -0,0 +1,41 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+x0obfZMoQLXyUIltL9IRHfM=
+=G16G
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/_site/assets/images/collage.jpeg b/_site/assets/images/collage.jpeg
new file mode 100644
index 0000000..6ae1b29
--- /dev/null
+++ b/_site/assets/images/collage.jpeg
Binary files differ
diff --git a/_site/assets/images/external-link.svg b/_site/assets/images/external-link.svg
new file mode 100644
index 0000000..2c04c7d
--- /dev/null
+++ b/_site/assets/images/external-link.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 3.5V14.5H12.5V10H14V15C14 15.5523 13.5523 16 13 16H1C0.447716 16 0 15.5523 0 15V3C0 2.44772 0.447715 2 1 2H6V3.5H1.5Z" fill="#FBFBFE"/>
+<path d="M15.9217 1.17828L7.01473 10.0853L5.95407 9.02462L14.8611 0.117624L15.9217 1.17828Z" fill="#FBFBFE"/>
+<path d="M7.5 0H16V1.5H7.5V0Z" fill="#FBFBFE"/>
+<path d="M16 0L16 8.5L14.5 8.5L14.5 -6.55671e-08L16 0Z" fill="#FBFBFE"/>
+</svg>
diff --git a/_site/blog/post-1/index.html b/_site/blog/post-1/index.html
new file mode 100644
index 0000000..d6b396b
--- /dev/null
+++ b/_site/blog/post-1/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <title>Index</title>
+ <link rel="stylesheet" href="/assets/css/main.css">
+ </head>
+ <body>
+ <div class="wrap">
+ <header class="masthead">
+ <div class="container">
+ <h3 class="masthead-title">
+ <a href="/" title="Home">ASCIIMX</a>
+ <br><small>Wickramage Don Sadeep's Personal Website</small>
+ </h3>
+ </div>
+ </header>
+
+ <main class="container" id="main">
+ <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
+
+<p>Apple trees are cultivated worldwide, and are the most widely grown
+species in the genus Malus. The tree originated in Central Asia, where
+its wild ancestor, Malus sieversii, is still found today. Apples have
+been grown for thousands of years in Asia and Europe, and were brought
+to North America by European colonists.</p>
+
+ </main>
+ </div>
+ </body>
+</html>
diff --git a/_site/index.html b/_site/index.html
new file mode 100644
index 0000000..0a901cb
--- /dev/null
+++ b/_site/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <title>ASCIIMX - DEV</title>
+ <link rel="stylesheet" href="/assets/css/main.css">
+ </head>
+ <body>
+ <div class="wrap">
+ <header class="masthead">
+ <div class="container">
+ <h3 class="masthead-title">
+ <a href="/" title="Home">ASCIIMX</a>
+ <br><small>Wickramage Don Sadeep's Personal Website</small>
+ </h3>
+ </div>
+ </header>
+
+ <main class="container" id="main">
+ <div class="introduction">
+ <p>
+ <img src="/assets/images/collage.jpeg" alt="image">
+ </p>
+
+ <h1>hi.</h1>
+ <p>
+ My name is Sadeep. I’m a computer programmer and a tinkerer with
+ a passion for microcontrollers, C, and software that embodies the
+ Unix philosophy. I enjoy history and literature too. I find them to
+ be an effective compass for navigating life. I have a BSc. (Hons)
+ in Mathematics from Nanyang Technological University, Singapore.
+ </p>
+
+ <p>
+ Git: <a href="https://git.asciimx.com" class="external"
+ target="_blank" rel="noopener noreferrer">git.asciimx.com</a>
+ <br>
+ Email: <a href="mailto:sadeep@asciimx.com">sadeep@asciimx.com</a>
+ (<a href="/asciimx.asc" target="_blank">PGP key</a>)
+ </p>
+
+</div>
+
+<hr>
+
+<h1>Latest Posts</h1>
+
+<ul>
+
+
+
+ <li>
+ <h2><a href="/blog/post-1/index.html">Index</a></h2>
+ <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
+
+ </li>
+
+ <li>
+ <h2><a href="/projects/post-1/index.html">Index</a></h2>
+ <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
+
+ </li>
+
+</ul>
+
+</div>
+
+ </main>
+ </div>
+ </body>
+</html>
diff --git a/_site/projects/post-1/index.html b/_site/projects/post-1/index.html
new file mode 100644
index 0000000..d6b396b
--- /dev/null
+++ b/_site/projects/post-1/index.html
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en-us">
+ <head>
+ <meta charset="utf-8">
+ <title>Index</title>
+ <link rel="stylesheet" href="/assets/css/main.css">
+ </head>
+ <body>
+ <div class="wrap">
+ <header class="masthead">
+ <div class="container">
+ <h3 class="masthead-title">
+ <a href="/" title="Home">ASCIIMX</a>
+ <br><small>Wickramage Don Sadeep's Personal Website</small>
+ </h3>
+ </div>
+ </header>
+
+ <main class="container" id="main">
+ <p>An apple is a sweet, edible fruit produced by an apple tree.</p>
+
+<p>Apple trees are cultivated worldwide, and are the most widely grown
+species in the genus Malus. The tree originated in Central Asia, where
+its wild ancestor, Malus sieversii, is still found today. Apples have
+been grown for thousands of years in Asia and Europe, and were brought
+to North America by European colonists.</p>
+
+ </main>
+ </div>
+ </body>
+</html>
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..e36cf7c
--- /dev/null
+++ b/about.md
@@ -0,0 +1,8 @@
+---
+layout: default
+title: About
+---
+
+# About page
+
+This page tells you a little bit about me.
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..fc159a3
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,177 @@
+:root {
+ --link-color: #841212;
+ --main-font: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
+ --main-font-size: 1.1em;
+ --heading-font: sans-serif;
+ --heading-color: #404040;
+ --text-color: #454545;
+}
+
+*,
+*:before,
+*:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html, body {
+ margin: 0;
+ padding: 0;
+ overflow-x: hidden;
+}
+
+html {
+ font-family: var(--main-font);
+ font-size: 1em;
+ line-height: 1.5;
+}
+
+@media (min-width: 38em) {
+ html {
+ font-size: var(--main-font-size);
+ }
+}
+
+body {
+ color: var(--text-color);
+ background-color: #fff;
+ @include text-size-adjust(100%);
+}
+
+.content {
+ margin-bottom: 4rem;
+}
+
+.wrap {
+ position: relative;
+ width: 100%;
+}
+
+.container {
+ max-width: 32rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media (min-width: 56em) {
+ .container {
+ max-width: 38rem;
+ }
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: var(--heading-font);
+ margin-bottom: .5rem;
+ font-weight: normal;
+ color: var(--heading-color);
+ letter-spacing: -.025rem;
+ line-height: 1.25;
+ text-rendering: optimizeLegibility;
+}
+
+h1, h1.text-title {
+ font-size: 1.4rem;
+}
+
+h2 {
+ margin-top: 1rem;
+ font-size: 1.2rem;
+}
+
+h3, h4, h5, h6 {
+ margin-top: 1rem;
+ font-size: 1rem;
+}
+
+h3 {
+ margin-top: 1.5rem;
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+a {
+ color: var(--link-color);
+ text-decoration: none;
+}
+
+a.external::after {
+ background-color: var(--link-color);
+ content: '';
+ display: inline-flex;
+ height: 10px;
+ margin-left: 4px;
+ width: 10px;
+ mask-size: cover;
+ mask-image: url(/assets/images/external-link.svg);
+}
+
+ul {
+ list-style: circle;
+}
+
+ul, ol {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+hr {
+ position: relative;
+ margin: 1.5rem 0;
+ border: 0;
+ border-top: 1px solid #eee;
+ border-bottom: 1px solid #fff;
+}
+
+img {
+ display: block;
+ max-width: 100%;
+ margin: 0 0 1rem;
+ border-radius: 5px;
+}
+
+.masthead {
+ border-bottom: 1px solid #eee;
+ margin-bottom: 3rem;
+ padding-top: 26px;
+ padding-bottom: 1rem;
+ text-align: center;
+}
+
+.masthead-title {
+ color: #505050;
+ font-family: var(--main-font);
+ font-size: 1.8rem;
+ line-height: .777em;
+ margin: 2em 0 0;
+ text-align: center;
+}
+
+.masthead-title small {
+ color: var(--text-color);
+ display: none; /* This is an accessibility no-no */
+ font-family: var(--heading-font);
+ font-size: .78rem;
+ font-weight: normal;
+ letter-spacing: .05rem;
+}
+
+@media (min-width: 320px) {
+ .masthead-title {
+ margin-top: 2px;
+ margin-right: 15%;
+ margin-left: 15%;
+ }
+}
+
+@media (min-width: 48em) {
+ .masthead-title small {
+ display: inline;
+ }
+}
+
diff --git a/assets/images/asciimx.asc b/assets/images/asciimx.asc
new file mode 100644
index 0000000..4dc21aa
--- /dev/null
+++ b/assets/images/asciimx.asc
@@ -0,0 +1,41 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+x0obfZMoQLXyUIltL9IRHfM=
+=G16G
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/assets/images/collage.jpeg b/assets/images/collage.jpeg
new file mode 100644
index 0000000..6ae1b29
--- /dev/null
+++ b/assets/images/collage.jpeg
Binary files differ
diff --git a/assets/images/external-link.svg b/assets/images/external-link.svg
new file mode 100644
index 0000000..2c04c7d
--- /dev/null
+++ b/assets/images/external-link.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 3.5V14.5H12.5V10H14V15C14 15.5523 13.5523 16 13 16H1C0.447716 16 0 15.5523 0 15V3C0 2.44772 0.447715 2 1 2H6V3.5H1.5Z" fill="#FBFBFE"/>
+<path d="M15.9217 1.17828L7.01473 10.0853L5.95407 9.02462L14.8611 0.117624L15.9217 1.17828Z" fill="#FBFBFE"/>
+<path d="M7.5 0H16V1.5H7.5V0Z" fill="#FBFBFE"/>
+<path d="M16 0L16 8.5L14.5 8.5L14.5 -6.55671e-08L16 0Z" fill="#FBFBFE"/>
+</svg>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2c8d7af
--- /dev/null
+++ b/index.html
@@ -0,0 +1,45 @@
+---
+layout: default
+title: ASCIIMX - DEV
+---
+
+<div class="introduction">
+ <p>
+ <img src="/assets/images/collage.jpeg" alt="image">
+ </p>
+
+ <h1>hi.</h1>
+ <p>
+ My name is Sadeep. I’m a computer programmer and a tinkerer with
+ a passion for microcontrollers, C, and software that embodies the
+ Unix philosophy. I enjoy history and literature too. I find them to
+ be an effective compass for navigating life. I have a BSc. (Hons)
+ in Mathematics from Nanyang Technological University, Singapore.
+ </p>
+
+ <p>
+ Git: <a href="https://git.asciimx.com" class="external"
+ target="_blank" rel="noopener noreferrer">git.asciimx.com</a>
+ <br>
+ Email: <a href="mailto:sadeep@asciimx.com">sadeep@asciimx.com</a>
+ (<a href="/asciimx.asc" target="_blank">PGP key</a>)
+ </p>
+
+</div>
+
+<hr>
+
+<h1>Latest Posts</h1>
+
+<ul>
+ {% assign docs = site.blog | concat: site.projects %}
+ {% assign latest = docs | sort: 'date' | reverse %}
+ {% for item in docs %}
+ <li>
+ <h2><a href="{{ item.url }}">{{ item.title }}</a></h2>
+ {{ item.excerpt }}
+ </li>
+ {% endfor %}
+</ul>
+
+</div>