diff options
| -rw-r--r-- | _config.yml | 10 | ||||
| -rw-r--r-- | _site/assets/css/main.css | 27 | ||||
| -rw-r--r-- | _site/index.html | 169 | ||||
| -rw-r--r-- | assets/css/main.css | 27 | ||||
| -rw-r--r-- | index.html | 50 |
5 files changed, 178 insertions, 105 deletions
diff --git a/_config.yml b/_config.yml index f13b5c7..4996803 100644 --- a/_config.yml +++ b/_config.yml @@ -1,5 +1,11 @@ -title: 'ASCIIMX' -tagline: "Wickramage Don Sadeep's Personal Website" +title: ASCIIMX +tagline: "My piss in the ocean of world wide web." +description: > + Journal politique impartial, <br> + Par Mr. P. Marat auteur de l'Offrande a la patrie, <br> + du Moniteur et du Plan de Constitution, etc. + +author: Wickramage Don Sadeep Madurange permalink: pretty diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 43afb69..776a055 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -7,7 +7,7 @@ body{ text-decoration-skip: ink; color: #2f2f2f; padding-top: 10px; - font-family: 'IM Fell DW Pica', serif; + font-family: serif; background-color: #f4f2e8; } @@ -83,11 +83,12 @@ td { padding-top: 20px; } -.tagline{ +.tagline { padding-top: 20px; } -.brand{ +.brand { + margin-bottom: 2rem; font-family: 'IM Fell English SC', serif; } @@ -182,7 +183,7 @@ and (min-device-width : 768px) { column-gap: 20px; width: 100%; } - .tag{ + .tag { width: 23%; margin-right:0; } @@ -192,7 +193,7 @@ and (min-device-width : 768px) { font-size: 2.5em; } -.twocol{ +.twocol { -ms-word-break: keep-all; word-break: keep-all; hyphens: auto; @@ -228,3 +229,19 @@ and (min-device-width : 768px) { border: none; vertical-align:top; } + +.author { + margin-bottom: 2rem; +} + +h1.brand { + margin: 0.67em 0; +} + +.brand-description { + margin-bottom: 2rem; +} + +.tagline { + margin-bottom: 2.5rem; +} diff --git a/_site/index.html b/_site/index.html index 9e75e34..92cfe29 100644 --- a/_site/index.html +++ b/_site/index.html @@ -29,93 +29,110 @@ - <main class="container" id="main"><div class="articles"> - <table class="posts-table"> + <main class="container" id="main"><div class="container"> - - + <img src="/assets/img/grunge.png" alt="" class="line"> + <p class="center author">Wickramage Don Sadeep Madurange</p> + <img src="/assets/img/grunge.png" alt="" class="line flip"> - <tr> - <td class="posts-td-link"> - <a href="/archive/neo4j-a-star-search/">Neo4J A* search</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2025-09-14 00:00:00 +0800">2025-09-14</time> - </span> - </td> - </tr> + <h1 class="brand title center" id="type">ASCIIMX</h1> + <h5 class="brand-description center"><p>Journal politique impartial, <br /> Par Mr. P. Marat auteur de l’Offrande a la patrie, <br /> du Moniteur et du Plan de Constitution, etc.</p> +</h5> - + <img src="/assets/img/grunge.png" alt="" class="line tag flip"> + <p class="right tagline">My piss in the ocean of world wide web.</p> + <img src="/assets/img/grunge.png" alt="" class="line tag"> - <tr> - <td class="posts-td-link"> - <a href="/archive/my-first-pcb/">My first PCB</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2025-07-14 00:00:00 +0800">2025-07-14</time> - </span> - </td> - </tr> + <br> + <br> + <div class="articles"> + <table class="posts-table"> - - <tr> - <td class="posts-td-link"> - <a href="/archive/mosfet-switches/">MOSFETs</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2025-06-22 00:00:00 +0800">2025-06-22</time> - </span> - </td> - </tr> - + + - - <tr> - <td class="posts-td-link"> - <a href="/archive/awesome-books/">Awesome books</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2025-04-20 00:00:00 +0800">2025-04-20</time> - </span> - </td> - </tr> - + <tr> + <td class="posts-td-link"> + <a href="/archive/neo4j-a-star-search/">Neo4J A* search</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2025-09-14 00:00:00 +0800">2025-09-14</time> + </span> + </td> + </tr> - - <tr> - <td class="posts-td-link"> - <a href="/archive/arduino-uno/">Notes on programming ATmega328P chips</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2025-04-10 00:00:00 +0800">2025-04-10</time> - </span> - </td> - </tr> - + - - <tr> - <td class="posts-td-link"> - <a href="/archive/arduino-due/">Bare-metal ARM Cortex M3 chips</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="2024-10-05 00:00:00 +0800">2024-10-05</time> - </span> - </td> - </tr> - + <tr> + <td class="posts-td-link"> + <a href="/archive/my-first-pcb/">My first PCB</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2025-07-14 00:00:00 +0800">2025-07-14</time> + </span> + </td> + </tr> - - </table> + + + <tr> + <td class="posts-td-link"> + <a href="/archive/mosfet-switches/">MOSFETs</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2025-06-22 00:00:00 +0800">2025-06-22</time> + </span> + </td> + </tr> + + + + <tr> + <td class="posts-td-link"> + <a href="/archive/awesome-books/">Awesome books</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2025-04-20 00:00:00 +0800">2025-04-20</time> + </span> + </td> + </tr> + + + + <tr> + <td class="posts-td-link"> + <a href="/archive/arduino-uno/">Notes on programming ATmega328P chips</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2025-04-10 00:00:00 +0800">2025-04-10</time> + </span> + </td> + </tr> + + + + <tr> + <td class="posts-td-link"> + <a href="/archive/arduino-due/">Bare-metal ARM Cortex M3 chips</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="2024-10-05 00:00:00 +0800">2024-10-05</time> + </span> + </td> + </tr> + + + + </table> + </div> </div> - </main> </body> diff --git a/assets/css/main.css b/assets/css/main.css index 43afb69..776a055 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -7,7 +7,7 @@ body{ text-decoration-skip: ink; color: #2f2f2f; padding-top: 10px; - font-family: 'IM Fell DW Pica', serif; + font-family: serif; background-color: #f4f2e8; } @@ -83,11 +83,12 @@ td { padding-top: 20px; } -.tagline{ +.tagline { padding-top: 20px; } -.brand{ +.brand { + margin-bottom: 2rem; font-family: 'IM Fell English SC', serif; } @@ -182,7 +183,7 @@ and (min-device-width : 768px) { column-gap: 20px; width: 100%; } - .tag{ + .tag { width: 23%; margin-right:0; } @@ -192,7 +193,7 @@ and (min-device-width : 768px) { font-size: 2.5em; } -.twocol{ +.twocol { -ms-word-break: keep-all; word-break: keep-all; hyphens: auto; @@ -228,3 +229,19 @@ and (min-device-width : 768px) { border: none; vertical-align:top; } + +.author { + margin-bottom: 2rem; +} + +h1.brand { + margin: 0.67em 0; +} + +.brand-description { + margin-bottom: 2rem; +} + +.tagline { + margin-bottom: 2.5rem; +} @@ -3,25 +3,41 @@ layout: default title: ASCIIMX --- -<div class="articles"> - <table class="posts-table"> +<div class="container"> - {% assign posts = site.archive | sort: 'date' | reverse %} - {% for post in posts %} + <img src="{{ site.baseurl }}/assets/img/grunge.png" alt="" class="line"> + <p class="center author">{{ site.author }}</p> + <img src="{{ site.baseurl }}/assets/img/grunge.png" alt="" class="line flip"> - <tr> - <td class="posts-td-link"> - <a href="{{ post.url }}">{{ post.title }}</a> - </td> - <td class="posts-td-time"> - <span class="post-meta"> - <time datetime="{{ post.date }}">{{ post.date | date: "%Y-%m-%d" }}</time> - </span> - </td> - </tr> + <h1 class="brand title center" id="type">{{ site.title | upcase }}</h1> + <h5 class="brand-description center">{{ site.description | markdownify }}</h5> - {% endfor %} + <img src="{{ site.baseurl }}/assets/img/grunge.png" alt="" class="line tag flip"> + <p class="right tagline">{{ site.tagline }}</p> + <img src="{{ site.baseurl }}/assets/img/grunge.png" alt="" class="line tag"> - </table> -</div> + <br> + <br> + <div class="articles"> + <table class="posts-table"> + + {% assign posts = site.archive | sort: 'date' | reverse %} + {% for post in posts %} + + <tr> + <td class="posts-td-link"> + <a href="{{ post.url }}">{{ post.title }}</a> + </td> + <td class="posts-td-time"> + <span class="post-meta"> + <time datetime="{{ post.date }}">{{ post.date | date: "%Y-%m-%d" }}</time> + </span> + </td> + </tr> + + {% endfor %} + + </table> + </div> +</div> |