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
index.html
+97 -18
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="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