From fad35e21d2bf8a2e1398e83887bb779a28e60ee6 Mon Sep 17 00:00:00 2001
From: Sadeep Madurange <sadeep@asciimx.com>
Date: Sat, 25 Oct 2025 21:17:12 +0800
Subject: Front page.

---
 _config.yml               |  10 ++-
 _site/assets/css/main.css |  27 ++++++--
 _site/index.html          | 169 +++++++++++++++++++++++++---------------------
 assets/css/main.css       |  27 ++++++--
 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;
+}
diff --git a/index.html b/index.html
index 1d73f3e..3dcf45f 100644
--- a/index.html
+++ b/index.html
@@ -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>
-- 
cgit v1.2.3