diff --git a/blog.html b/blog.html
index 6399826..eac624a 100644
--- a/blog.html
+++ b/blog.html
@@ -9,19 +9,17 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
+    <header>
+      <img src="img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
     <main>
+      <h4>// blog</h4>
       <ul>
         <li>
           <a href="blog/the-ordinary-man.html">The Ordinary man and the hard days reality</a>
@@ -82,8 +80,10 @@
         </li>
       </ul>
     </main>
+    <div class="separator">
+	<img src="img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/50-years.html b/blog/50-years.html
index 3e352d3..900deff 100644
--- a/blog/50-years.html
+++ b/blog/50-years.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">50 Years <span class="date">[2023-07-20]</span></div>
       <div class="content">
         <p>
@@ -43,8 +42,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/a-bite-of-unconscious-way.html b/blog/a-bite-of-unconscious-way.html
index 70e00b1..b6b1e45 100644
--- a/blog/a-bite-of-unconscious-way.html
+++ b/blog/a-bite-of-unconscious-way.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">A bite of unconscious way <span class="date">[2024-08-10]</span></div>
       <div class="content">
         <p>
@@ -72,8 +71,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/creativity.html b/blog/creativity.html
index a4a197f..e78e44c 100644
--- a/blog/creativity.html
+++ b/blog/creativity.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">Creativity <span class="date">[2023-04-20]</span></div>
       <div class="content">
         <p>
@@ -78,8 +77,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/hello-from-mysticmode.html b/blog/hello-from-mysticmode.html
index 01aa1ed..1351877 100644
--- a/blog/hello-from-mysticmode.html
+++ b/blog/hello-from-mysticmode.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">Hello from mysticmode <span class="date">[2021-11-28]</span></div>
       <div class="content">
         <p>
@@ -45,8 +44,10 @@
         <p>Much love to you -- Nirmal</p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/in-praise-of-silent-voice.html b/blog/in-praise-of-silent-voice.html
index 129052a..013d927 100644
--- a/blog/in-praise-of-silent-voice.html
+++ b/blog/in-praise-of-silent-voice.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">In praise of silent voice <span class="date">[2022-10-20]</span></div>
       <div class="content">
         <p>
@@ -67,8 +66,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/interview-with-annamalai-swami-by-jim-lemkin.html b/blog/interview-with-annamalai-swami-by-jim-lemkin.html
index bbe81fc..2a8f55a 100644
--- a/blog/interview-with-annamalai-swami-by-jim-lemkin.html
+++ b/blog/interview-with-annamalai-swami-by-jim-lemkin.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">
         Interview with Annamalai Swami by Jim Lemkin
         <span class="date">[2020-11-10]</span>
@@ -86,8 +85,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/is-it-really-smart-work.html b/blog/is-it-really-smart-work.html
index 5dfc6fe..4608d41 100644
--- a/blog/is-it-really-smart-work.html
+++ b/blog/is-it-really-smart-work.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">Is it really smart work? <span class="date">[2022-05-02]</span></div>
       <div class="content">
         <p>
@@ -43,8 +42,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/mid-of-the-crisis.html b/blog/mid-of-the-crisis.html
index 7ebe258..13a33ca 100644
--- a/blog/mid-of-the-crisis.html
+++ b/blog/mid-of-the-crisis.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">Mid of the crisis <span class="date">[2023-02-07]</span></div>
       <div class="content">
         <p>
@@ -38,8 +37,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/my-admiration-and-respect-for-bruce-lee.html b/blog/my-admiration-and-respect-for-bruce-lee.html
index aee2256..bff66ec 100644
--- a/blog/my-admiration-and-respect-for-bruce-lee.html
+++ b/blog/my-admiration-and-respect-for-bruce-lee.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">
         My admiration and respect for Bruce Lee
         <span class="date">[2022-12-17]</span>
@@ -84,8 +83,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/nothing-can-beat-this.html b/blog/nothing-can-beat-this.html
index 45c25f6..ab167c6 100644
--- a/blog/nothing-can-beat-this.html
+++ b/blog/nothing-can-beat-this.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">Nothing can beat this <span class="date">[2024-03-11]</span></div>
       <div class="content">
         <p>Nothing can beat this - there could be lot of books, videos, documentaries on life and well-being, spiritually
@@ -32,8 +31,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/occurrence-and-non-occurrence.html b/blog/occurrence-and-non-occurrence.html
index ba04a2f..d8edc1c 100644
--- a/blog/occurrence-and-non-occurrence.html
+++ b/blog/occurrence-and-non-occurrence.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">
         Occurrence and non-occurrence <span class="date">[2022-05-04]</span>
       </div>
@@ -35,8 +34,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/the-ordinary-man.html b/blog/the-ordinary-man.html
index d8552b6..cded27f 100644
--- a/blog/the-ordinary-man.html
+++ b/blog/the-ordinary-man.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">
         The Ordinary man and the hard days reality
         <span class="date">[2025-05-11]</span>
@@ -53,8 +52,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/time-goes-by-and-does-life-grow-in-you.html b/blog/time-goes-by-and-does-life-grow-in-you.html
index 36ccdb7..d351793 100644
--- a/blog/time-goes-by-and-does-life-grow-in-you.html
+++ b/blog/time-goes-by-and-does-life-grow-in-you.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">
         Time goes by and does life grow in you?
         <span class="date">[2022-07-09]</span>
@@ -34,8 +33,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/blog/when-my-mental-health-goes-down.html b/blog/when-my-mental-health-goes-down.html
index 2f2bd34..4247a09 100644
--- a/blog/when-my-mental-health-goes-down.html
+++ b/blog/when-my-mental-health-goes-down.html
@@ -9,19 +9,18 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+
+    <section class="content-wrapper blog">
       <div class="title">What I do when my mental health goes down <span class="date">[2024-10-22]</span></div>
       <div class="content">
         <p>
@@ -101,8 +100,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/img/bgme.jpg b/img/bgme.jpg
new file mode 100644
index 0000000..ab74f5d
Binary files /dev/null and b/img/bgme.jpg differ
diff --git a/img/garden.jpg b/img/garden.jpg
new file mode 100644
index 0000000..0bbea7b
Binary files /dev/null and b/img/garden.jpg differ
diff --git a/img/garden.png b/img/garden.png
deleted file mode 100644
index 9ce9c24..0000000
Binary files a/img/garden.png and /dev/null differ
diff --git a/img/nirmal-banner.png b/img/nirmal-banner.png
deleted file mode 100755
index 5234d73..0000000
Binary files a/img/nirmal-banner.png and /dev/null differ
diff --git a/img/nklogo.png b/img/nklogo.png
deleted file mode 100644
index dd53eec..0000000
Binary files a/img/nklogo.png and /dev/null differ
diff --git a/img/waves.jpg b/img/waves.jpg
new file mode 100644
index 0000000..0115ce2
Binary files /dev/null and b/img/waves.jpg differ
diff --git a/index.html b/index.html
index ea948df..03c9b94 100644
--- a/index.html
+++ b/index.html
@@ -9,18 +9,15 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
+    <header>
+      <img src="img/garden.jpg" class="banner" width="800px"> 
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
     <section class="content-wrapper">
       <div class="content">
         <p>
@@ -28,15 +25,97 @@
           musings. Rest of it is my internal flight and experience which I
           cannot put it into words although I try my best.
         </p>
-        <p class="contact">
-          You can connect with me on
-          <a rel="me" href="https://ieji.de/@mysticmode">Mastodon</a> or
-          via <a href="mailto:hi@nirm.al">email</a>.
-        </p>
+	<p>
+	  <h4>My own chosen writings:</h4>
+	  <p><strong>// blog</strong></p>
+	  <ul>
+	     <li>
+	       <li>
+          	<a href="blog/the-ordinary-man.html">The Ordinary man and the hard days reality</a>
+          	<span class="date">[2025-05-11]</span>
+             </li>
+	     <li>
+               <a href="blog/a-bite-of-unconscious-way.html">A bite of unconscious way</a>
+               <span class="date">[2024-08-10]</span>
+             </li>
+	     </li>
+	     <li>
+               <a href="blog/in-praise-of-silent-voice.html">In praise of silent voice</a>
+               <span class="date">[2022-10-20]</span>
+            </li>
+	  </ul>
+	  <p><strong>// poems</strong></p>
+	  <ul>
+	    <li>
+              <a href="poems/you-not-be-me.html">You not be me</a>
+              <span class="date">[2025-01-30]</span>
+            </li>
+	    <li>
+              <a href="poems/shades-of-status-quo.html">Shades of status quo</a>
+              <span class="date">[2024-12-20]</span>
+            </li>
+	    <li>
+              <a href="poems/polar-bliss.html">Polar bliss</a>
+              <span class="date">[2023-04-09]</span>
+            </li>
+	    <li>
+              <a href="poems/love-for-a-stranger.html">Love for a stranger</a>
+              <span class="date">[2022-12-10]</span>
+            </li>
+	    <li>
+              <a href="poems/seeker.html">Seeker</a>
+              <span class="date">[2022-10-14]</span>
+            </li>
+	  </ul>
+	</p>
+      </div>
+      <div class="aside">
+	<p class="headline">Nirmal Kumar R (mysticmode)</p>
+	<div class="me">
+	  <img src="img/bgme.jpg">
+	</div>
+	<div class="github-username">
+	  <a href="https://github.com/mysticmode" target="_blank">gh: @mysticmode</a>
+	</div>
+	<div class="elsewhere">
+	  <h5>elsewhere:</h5>
+	  <div>
+	    <h4>mastodon:</h4>
+	    <a href="https://ieji.de/@mysticmode" target="_blank">@mysticmode</a>
+	  </div>
+	  <div>
+	    <h4>youtube:</h4>
+	    <a href="https://www.youtube.com/@mysticmode" target="_blank">@mysticmode</a>
+	  </div>
+	  <div>
+	    <h4>curated playlist:</h4>
+	    <a href="https://www.youtube.com/watch?v=UwTqcctD1rw&list=PLvt_osSC-5-a9XZP71wLeXJc47dybCMVY" target="_blank">Hits from Heart</a>
+	</div>
+	<div class="favorites">
+	  <h5>favorites:</h5>
+	  <div>
+	    <h4>music:</h4>
+	    <a href="https://en.wikipedia.org/wiki/Arvo_P%C3%A4rt" target="_blank">Arvo Pärt</a>
+	  </div>
+	  <div>
+	    <h4>movie:</h4>
+	    <a href="https://en.wikipedia.org/wiki/April_Snow" target="_blank">April Snow</a>
+	  </div>
+	  <div>
+	    <h4>writer</h4>
+	    <a href="https://en.wikipedia.org/wiki/Paulo_Coelho" target="_blank">Paulo Coelho</a>
+	  </div>
+	  <div>
+	    <h4>person in history</h4>
+	    <a href="https://en.wikipedia.org/wiki/Rumi" target="_blank">Rumi</a>
+	  </div>
+	</div>
       </div>
     </section>
+    <div class="separator">
+	<img src="img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems.html b/poems.html
index 20358f6..62547b2 100644
--- a/poems.html
+++ b/poems.html
@@ -9,19 +9,17 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
+    <header>
+      <img src="img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
     <main>
+      <h4>// poems</h4>
       <ul>
         <li>
           <a href="poems/questioning-of-silence.html">Questioning of silence</a>
@@ -81,8 +79,10 @@
         </li>
       </ul>
     </main>
+    <div class="separator">
+	<img src="img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/a-place-in-my-heart.html b/poems/a-place-in-my-heart.html
index f4cde90..d2576e7 100644
--- a/poems/a-place-in-my-heart.html
+++ b/poems/a-place-in-my-heart.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">A place in my heart <span class="date">[2022-11-26]</span></div>
       <div class="content">
         <p>
@@ -51,8 +48,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/dont-just-get-going.html b/poems/dont-just-get-going.html
index af8eb63..45e4db3 100644
--- a/poems/dont-just-get-going.html
+++ b/poems/dont-just-get-going.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Don't just get going <span class="date">[2022-01-05]</span></div>
       <div class="content">
         <p>
@@ -39,8 +36,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/free-yourself.html b/poems/free-yourself.html
index 0a1c8a4..eef28a2 100644
--- a/poems/free-yourself.html
+++ b/poems/free-yourself.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Free yourself <span class="date">[2023-01-26]</span></div>
       <div class="content">
         <p>
@@ -44,8 +41,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/life-is-preciously-short.html b/poems/life-is-preciously-short.html
index 01785ff..5b60e07 100644
--- a/poems/life-is-preciously-short.html
+++ b/poems/life-is-preciously-short.html
@@ -9,18 +9,15 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
     <section class="content-wrapper">
       <div class="title">Life is preciously short <span class="date">[2021-08-12]</span></div>
       <div class="content">
@@ -41,8 +38,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/love-for-a-stranger.html b/poems/love-for-a-stranger.html
index 14a78b0..c0e78d1 100644
--- a/poems/love-for-a-stranger.html
+++ b/poems/love-for-a-stranger.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Love for a stranger <span class="date">[2022-12-10]</span></div>
       <div class="content">
         <p>
@@ -50,8 +47,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/musical-play.html b/poems/musical-play.html
index 3e8e6f4..130d8ea 100644
--- a/poems/musical-play.html
+++ b/poems/musical-play.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Musical play <span class="date">[2025-10-12]</span></div>
       <div class="content">
         <p>
@@ -35,8 +32,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/my-life-is-not-shrinking.html b/poems/my-life-is-not-shrinking.html
index fc69988..467fdfa 100644
--- a/poems/my-life-is-not-shrinking.html
+++ b/poems/my-life-is-not-shrinking.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">My life is not shrinking <span class="date">[2022-05-22]</span></div>
       <div class="content">
         <p>My life is not shrinking;</p>
@@ -35,8 +32,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/path-and-love.html b/poems/path-and-love.html
index 18461b1..7e546e9 100644
--- a/poems/path-and-love.html
+++ b/poems/path-and-love.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Path and Love <span class="date">[2022-09-29]</span></div>
       <div class="content">
         <p>
@@ -30,8 +27,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/polar-bliss.html b/poems/polar-bliss.html
index 00ab0fc..b3f4170 100644
--- a/poems/polar-bliss.html
+++ b/poems/polar-bliss.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Polar bliss <span class="date">[2023-04-09]</span></div>
       <div class="content">
         <p>
@@ -44,8 +41,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/questioning-of-silence.html b/poems/questioning-of-silence.html
index 3cf887e..24ef34a 100644
--- a/poems/questioning-of-silence.html
+++ b/poems/questioning-of-silence.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Questioning of silence <span class="date">[2025-11-18]</span></div>
       <div class="content">
         <p>They say being in silence is the key to realization of oneself<br />
@@ -52,8 +49,10 @@
         <p>As always, the questions ponder over and go away, but to write these questions is to do justice to my own thinking, for it to not become a paradox of my life.</p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/seeker.html b/poems/seeker.html
index b479541..110e8e2 100644
--- a/poems/seeker.html
+++ b/poems/seeker.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Seeker <span class="date">[2022-10-14]</span></div>
       <div class="content">
         <p>
@@ -48,8 +45,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/shades-of-status-quo.html b/poems/shades-of-status-quo.html
index 551d6a2..b7212da 100644
--- a/poems/shades-of-status-quo.html
+++ b/poems/shades-of-status-quo.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Shades of status quo <span class="date">[2024-12-20]</span></div>
       <div class="content">
         <p>
@@ -51,8 +48,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/solitude.html b/poems/solitude.html
index b89663d..2317d67 100644
--- a/poems/solitude.html
+++ b/poems/solitude.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">Solitude <span class="date">[2014-09-09]</span></div>
       <div class="content">
         <p>
@@ -43,8 +40,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/poems/you-not-be-me.html b/poems/you-not-be-me.html
index e3636c0..df5af73 100644
--- a/poems/you-not-be-me.html
+++ b/poems/you-not-be-me.html
@@ -9,19 +9,16 @@
   </head>
   <body>
     <a rel="me" href="https://ieji.de/@mysticmode" style="display:none;">Mastodon</a>
-    <a href="/" class="header">
-      <div class="logo">
-        <img src="/img/garden.png" width="70px" />
-      </div>
-      <p><img src="/img/nirmal-banner.png" height="50px"></p>
-    </a>
-    <nav>
-      <a href="/">Home</a>
-      <a href="/blog.html">Blog</a>
-      <a href="/poems.html">Poems</a>
-      <a href="mailto:hi@nirm.al">Contact</a>
-    </nav>
-    <section class="content-wrapper">
+    <header>
+      <img src="/img/garden.jpg" class="banner" width="800px">
+      <nav>
+        <a href="/">Home</a>
+        <a href="/blog.html">Blog</a>
+        <a href="/poems.html">Poems</a>
+        <a href="mailto:hi@nirm.al">Contact</a>
+      </nav>
+    </header>
+    <section class="content-wrapper poems">
       <div class="title">You not be me <span class="date">[2025-01-30]</span></div>
       <div class="content">
         <p>
@@ -50,8 +47,10 @@
         </p>
       </div>
     </section>
+    <div class="separator">
+	<img src="/img/waves.jpg">
+    </div>
     <footer>
-      <hr />
       © Nirmal Kumar R. All original text, is licensed under a
       <a href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
       Source code of this website can be found
diff --git a/style.css b/style.css
index 4aa8b77..05966af 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
 :root {
-  --font-weight-normal: 500;
+  --font-weight-normal: 400;
   --font-weight-medium: 600;
   --font-weight-bold: 800;
 }
@@ -15,26 +15,19 @@ body {
 }
 
 body {
-  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Times", serif, "Amiri", "Arial", serif; 
   font-feature-settings: "tnum";
   font-variant-numeric: tabular-nums;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: var(--font-weight-normal);
   line-height: 1.5;
   text-decoration: none;
   color: #333;
-  width: 60ch;
-  margin: 1em auto;
+  width: 800px;
+  margin: 2em auto;
   padding: 0 2em;
 }
 
-a {
-  display: inline-block;
-  color: #000;
-  text-decoration: underline;
-  text-decoration-thickness: 2px;
-}
-
 p {
   word-break: break-word;
   word-wrap: break-word;
@@ -56,49 +49,38 @@ pre {
   overflow-y: hidden;
 }
 
-.header {
+header {
+  width: 800px;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  text-decoration: none;
-  border: none;
-}
-
-.header:hover {
-  border-bottom: none;
-}
-
-.header p {
-  font-size: 20px;
-  font-family: "Neue Haas Grotesk Display Pro", serif;
-  color: #333;
-}
-
-.logo {
-  border-radius: 50%;
-  height: 75px;
-  width: 75px;
-}
-
-.logo>img {
-  border-radius: 50%;
 }
 
 nav {
-  display: block;
-  margin: 1em 0;
+  display: flex;
+  justify-content: space-around;
+  border: 1px dotted;
+  border-top: none;
 }
 
 nav a {
-  margin-right: 1em;
   font-size: 14px;
-  font-weight: var(--font-weight-medium);
-  color: #333;
-  text-transform: uppercase;
+  font-weight: var(--font-weight-normal);
+  color: #000;
+  text-transform: lowercase;
+  text-decoration: none;
+  border-bottom: none;
+  padding: 0 1em;
 }
 
-nav a:last-child {
-  margin-right: 0;
+a {
+  color: #000;
+  text-decoration: none;
+  border-bottom: 1px dotted;
+}
+
+a:hover, nav a:hover {
+  background-color: #000;
+  color: white;
 }
 
 .home img {
@@ -112,19 +94,98 @@ ul {
 
 ul li {
   list-style: none;
-  text-transform: uppercase;
   margin-bottom: 1em;
 }
 
+.separator {
+  width: 800px;
+  display: flex;
+  justify-content: center;
+}
+
+.content-wrapper {
+  display: flex;
+  align-items: start;
+  width: 800px;
+  text-align: justify;
+  margin-bottom: 3em;
+}
+
+.content-wrapper.blog,
+.content-wrapper.poems {
+  margin-top: 20px;
+  flex-direction: column;
+}
+
+.content-wrapper.blog .content,
+.content-wrapper.poems .content {
+  min-height: auto;
+}
+
+.content-wrapper .aside {
+  width: 275px;
+  border-left: 1px dotted;
+}
+
+.aside .me {
+  height: 147px;
+}
+
+.aside .me img {
+  width: 147px;
+  height: 147px;
+}
+
+.aside .github-username {
+  background: black;
+  text-align: center;
+  padding: 7px 0;
+}
+
+.aside .github-username a {
+  color: white;
+}
+
+.aside .headline {
+  text-align: center;
+  font-size: 12px;
+}
+
+.aside .elsewhere {
+  padding: 0 5px;
+}
+
+.aside .elsewhere h5 {
+  font-style: italic;
+  margin: 7px 0 2px;
+}
+
+.aside .elsewhere h4 {
+  margin: 0;
+}
+
+.aside .elsewhere a {
+  font-size: 12px;
+}
+
+.aside .elsewhere div {
+  margin-bottom: 15px;
+}
+
+.content-wrapper .content {
+  width: auto;
+  min-height: 500px;
+  padding-right: 10px;
+}
+
 .content-wrapper .title {
   font-size: 1rem;
   font-weight: var(--font-weight-bold);
-  text-transform: uppercase;
 }
 
 ul li a {
   font-size: 14px;
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-normal);
   color: #333;
 }
 
@@ -143,30 +204,12 @@ main ul li span {
   display: block;
 }
 
-hr {
-  position: relative;
-  display: block;
-  height: 1.20rem;
-  margin: 1em 0;
-  border: none;
-  color: #000;
-}
-
-hr::after {
-  display: block;
-  content: "";
-  position: absolute;
-  top: calc(1.20rem / 2 - 2px);
-  left: 0;
-  width: 100%;
-  border-top: calc(2px * 3) double #000;
-  height: 0;
-}
-
 footer {
   font-size: 12px;
   color: #666;
-  margin-bottom: 3em;
+  margin-top: 10px;
+  width: 800px;
+  text-align: justify;
 }
 
 footer a {
