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
blog/50-years.html
+15 -14
View File
@@ -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
blog/a-bite-of-unconscious-way.html
+15 -14
View File
@@ -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
blog/creativity.html
+15 -14
View File
@@ -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
blog/hello-from-mysticmode.html
+15 -14
View File
@@ -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
blog/in-praise-of-silent-voice.html
+15 -14
View File
@@ -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
blog/interview-with-annamalai-swami-by-jim-lemkin.html
+15 -14
View File
@@ -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
blog/is-it-really-smart-work.html
+15 -14
View File
@@ -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
blog/mid-of-the-crisis.html
+15 -14
View File
@@ -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
blog/my-admiration-and-respect-for-bruce-lee.html
+15 -14
View File
@@ -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
blog/nothing-can-beat-this.html
+15 -14
View File
@@ -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
blog/occurrence-and-non-occurrence.html
+15 -14
View File
@@ -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
blog/the-ordinary-man.html
+15 -14
View File
@@ -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
blog/time-goes-by-and-does-life-grow-in-you.html
+15 -14
View File
@@ -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
blog/when-my-mental-health-goes-down.html
+15 -14
View File
@@ -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