mysticmode/website
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update blog design

Browse Source
This commit is contained in:
Nirmal Kumar R
2026-03-08 04:59:58 +05:30
parent 2a4a6615ac
commit 76ad0676f3
38 changed files with 625 additions and 503 deletions
Download Patch File Download Diff File Expand all files Collapse all files
poems/a-place-in-my-heart.html
+13 -14
View File
@@ -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
poems/dont-just-get-going.html
+13 -14
View File
@@ -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
poems/free-yourself.html
+13 -14
View File
@@ -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
poems/life-is-preciously-short.html
+12 -13
View File
@@ -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
poems/love-for-a-stranger.html
+13 -14
View File
@@ -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
poems/musical-play.html
+13 -14
View File
@@ -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
poems/my-life-is-not-shrinking.html
+13 -14
View File
@@ -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
poems/path-and-love.html
+13 -14
View File
@@ -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
poems/polar-bliss.html
+13 -14
View File
@@ -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
poems/questioning-of-silence.html
+13 -14
View File
@@ -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
poems/seeker.html
+13 -14
View File
@@ -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
poems/shades-of-status-quo.html
+13 -14
View File
@@ -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
poems/solitude.html
+13 -14
View File
@@ -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
poems/you-not-be-me.html
+13 -14
View File
@@ -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