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

fix: Modify styles + indentation on all files

Browse Source
This commit is contained in:
Nirmal Kumar R
2026-02-28 15:49:38 +05:30
parent 0972e1cd37
commit 2a4a6615ac
34 changed files with 1905 additions and 2077 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,21 +7,20 @@
<title>Nirmal Kumar R - blog</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<main>
<ul>
<li>
@@ -41,7 +39,6 @@
<a href="blog/nothing-can-beat-this.html">Nothing can beat this</a>
<span class="date">[2024-03-11]</span>
</li>
<li>
<a href="blog/50-years.html">50 Years</a>
<span class="date">[2023-07-20]</span>
@@ -85,7 +82,6 @@
</li>
</ul>
</main>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -94,5 +90,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/50-years.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - 50 Years</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">50 Years <span class="date">[2023-07-20]</span></div>
<div class="content">
<p>
Today 20th, July 2023 marks 50 years since Bruce Lee's passing on
@@ -46,7 +43,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -55,5 +51,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/a-bite-of-unconscious-way.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - A bite of unconscious way</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">A bite of unconscious way <span class="date">[2024-08-10]</span></div>
<div class="content">
<p>
Human brains are tentatively complex for many to write articles, do
@@ -75,7 +72,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -84,5 +80,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/creativity.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Creativity</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Creativity <span class="date">[2023-04-20]</span></div>
<div class="content">
<p>
My mother told me this word "declutter" yesterday, pointing out that I
@@ -81,7 +78,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -90,5 +86,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/hello-from-mysticmode.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Hello from mysticmode</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Hello from mysticmode <span class="date">[2021-11-28]</span></div>
<div class="content">
<p>
While I'm writing this, I have a new found feeling that I'm going to
@@ -48,7 +45,6 @@
<p>Much love to you -- Nirmal</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -57,5 +53,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/in-praise-of-silent-voice.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - In praise of silent voice</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">In praise of silent voice <span class="date">[2022-10-20]</span></div>
<div class="content">
<p>
Our societal norms is not only filled with people pertaining to the
@@ -70,7 +67,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -79,5 +75,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/interview-with-annamalai-swami-by-jim-lemkin.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,27 +7,25 @@
<title>Nirmal Kumar R - Interview with Annamalai Swami by Jim Lemkin</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">
Interview with Annamalai Swami by Jim Lemkin
<span class="date">[2020-11-10]</span>
</div>
<div class="content">
<p>
<a href="https://www.youtube.com/watch?v=Dbd85YItR-E" target="_blank">YouTube link</a>
@@ -89,7 +86,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -98,5 +94,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/is-it-really-smart-work.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Is it really smart work?</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Is it really smart work? <span class="date">[2022-05-02]</span></div>
<div class="content">
<p>
Just went to a tea shop, the FM Radio played about doing smart work
@@ -46,7 +43,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -55,5 +51,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/mid-of-the-crisis.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Mid of the crisis</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Mid of the crisis <span class="date">[2023-02-07]</span></div>
<div class="content">
<p>
Whilst reading this article today -
@@ -41,7 +38,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -50,5 +46,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/my-admiration-and-respect-for-bruce-lee.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,27 +7,25 @@
<title>Nirmal Kumar R - My admiration and respect for Bruce Lee</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">
My admiration and respect for Bruce Lee
<span class="date">[2022-12-17]</span>
</div>
<div class="content">
<p>
Many generations come and go and as an individual you most likely have
@@ -87,7 +84,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -96,5 +92,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/nothing-can-beat-this.html
+12 -17
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -8,41 +7,37 @@
<title>Nirmal Kumar R - Nothing can beat this</title>
<link rel="stylesheet" href="/style.css">
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<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
and philosophically and even others' lives if you consider to follow but Learning from one's own experience is
the most powerful one of all.</p>
the most powerful one of all.
</p>
<p>If you find that way, you will find the way.</p>
</p>
</div>
</section>
<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 <a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
<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
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/occurrence-and-non-occurrence.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,26 +7,24 @@
<title>Nirmal Kumar R - Occurrence and non-occurrence</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">
Occurrence and non-occurrence <span class="date">[2022-05-04]</span>
</div>
<div class="content">
<p>
There is occurrence and non-occurrence. In-between we say there is
@@ -38,7 +35,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -47,5 +43,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/the-ordinary-man.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,27 +7,25 @@
<title>Nirmal Kumar R - The Ordinary man and the hard days reality</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">
The Ordinary man and the hard days reality
<span class="date">[2025-05-11]</span>
</div>
<div class="content">
<p>
An Ordinary man who strives for his family and the needs has humongous suffering than a monk in a monastery sitting around a nice setting.
@@ -56,7 +53,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -65,5 +61,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/time-goes-by-and-does-life-grow-in-you.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,27 +7,25 @@
<title>Nirmal Kumar R - Time goes by and does life grow in you?</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">
Time goes by and does life grow in you?
<span class="date">[2022-07-09]</span>
</div>
<div class="content">
<p>
Life seems to be good if I try to do and experience things that are
@@ -37,7 +34,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -46,5 +42,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
blog/when-my-mental-health-goes-down.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - What I do when my mental health goes down</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">What I do when my mental health goes down <span class="date">[2024-10-22]</span></div>
<div class="content">
<p>
I was diagnosed with Bipolar Type 2 and Social Anxiety disorder when I was 17 years old. I remember when I was
@@ -104,7 +101,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -113,5 +109,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
font/6e2df30bac10d3b6a0e5.woff2
BIN
View File
Binary file not shown.
index.html
+7 -13
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,23 +7,20 @@
<title>Nirmal Kumar R</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<a rel="me" href="https://mastodon.social/@tildezero" style="display:none;">Mastodon</a>
<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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="content">
<p>
@@ -34,12 +30,11 @@
</p>
<p class="contact">
You can connect with me on
<a rel="me" href="https://mastodon.sdf.org/@mysticmode">Mastodon</a> or
via <a href="mailto:tildezero@gmail.com">email</a>.
<a rel="me" href="https://ieji.de/@mysticmode">Mastodon</a> or
via <a href="mailto:hi@nirm.al">email</a>.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -48,5 +43,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems.html
+5 -9
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,21 +7,20 @@
<title>Nirmal Kumar R - blog</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<main>
<ul>
<li>
@@ -83,7 +81,6 @@
</li>
</ul>
</main>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -92,5 +89,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/a-place-in-my-heart.html
+5 -15
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,50 +7,43 @@
<title>Nirmal Kumar R - A place in my heart</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">A place in my heart <span class="date">[2022-11-26]</span></div>
<div class="content">
<p>
There is a place in my heart<br />
for those who suffered the inevitable and stun life;
</p>
<p>
There is a place in my heart<br />
for those embrace life however uncertain it could be;
</p>
<p>
There is a place in my heart<br />
for those who put heart and soul for the helpless;
</p>
<p>
There is a place in my heart<br />
for those whose sword of life is conscience;
</p>
<p>
There is a place in my heart<br />
for those who share life and not preach;
</p>
<p>
There is always a place in my heart<br />
for you to come abide of nothing and seek for that,<br />
@@ -59,7 +51,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -68,5 +59,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/dont-just-get-going.html
+5 -12
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,35 +7,31 @@
<title>Nirmal Kumar R - Don't just get going</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Don't just get going <span class="date">[2022-01-05]</span></div>
<div class="content">
<p>
Don’t just get going for the ones<br />
that are only trivial for survival;
</p>
<p>
Persist with patience and get<br />
what you are truly seeking for;
</p>
<p>
Because by all means,<br />
the universe will work upon you<br />
@@ -44,7 +39,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -53,5 +47,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/free-yourself.html
+6 -14
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,49 +7,43 @@
<title>Nirmal Kumar R - Free yourself</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="/poems.html">Poems</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Free yourself <span class="date">[2023-01-26]</span></div>
<div class="content">
<p>
If you free your thinking mind,<br />
your thoughts eventually will go away;
</p>
<p>
If you practice patience,<br />
you eventually will see time,<br />
as a great teacher in your life;
</p>
<p>
If you practice patience,<br />
you eventually will see time,<br />
as a great teacher in your life;
</p>
<p>
If you free yourself, my friend;<br />
you see life as life itself.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -59,5 +52,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/life-is-preciously-short.html
+20 -23
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=2">
@@ -8,48 +7,46 @@
<title>Nirmal Kumar R - Life is preciously short</title>
<link rel="stylesheet" href="/style.css">
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Life is preciously short <span class="date">[2021-08-12]</span></div>
<div class="content">
<p>Life is preciously short<br>
With the dreams that you hope for;</p>
With the dreams that you hope for;
</p>
<p>Life is preciously short<br>
The things you would conjure for;</p>
The things you would conjure for;
</p>
<p>Life is preciously short<br>
The feeling of the absence of your knit to heal;</p>
The feeling of the absence of your knit to heal;
</p>
<p>Life is preciously short<br>
For you to immaculate everything;</p>
For you to immaculate everything;
</p>
<p>Life is preciously short<br>
Hence and henceforth, feel the frail of time and embrace the present.</p>
Hence and henceforth, feel the frail of time and embrace the present.
</p>
</div>
</section>
<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 <a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
<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
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/love-for-a-stranger.html
+5 -14
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,30 +7,27 @@
<title>Nirmal Kumar R - Love for a stranger</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Love for a stranger <span class="date">[2022-12-10]</span></div>
<div class="content">
<p>
My dear strange love<br />
I wanted to go wherever you go now;
</p>
<p>
Sounds a bit haphazard ask, right?<br />
Yeah!, but you know, those unmade paths<br />
@@ -39,17 +35,14 @@
the whistling moments that gets me<br />
out of this sluggish reality;
</p>
<p>
Is that the life that puts me on thorn foots or I'm on<br />
a phase where me going nowhere, I'm no sure of either;
</p>
<p>
All I can feel now is the beats that gets me on you,<br />
is right on with you as well;
</p>
<p>
My dear strange love,<br />
don't you get it? I'm meant to this strange moment<br />
@@ -57,7 +50,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -66,5 +58,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/musical-play.html
+5 -11
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,38 +7,34 @@
<title>Nirmal Kumar R - Musical play</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Musical play <span class="date">[2025-10-12]</span></div>
<div class="content">
<p>
Body is like a musical instrument;<br />
It's there to play music while we can,<br />
in this world.
</p>
<p>
When we can't; silence is the music,<br />
God plays for us.<br />
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -48,5 +43,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/my-life-is-not-shrinking.html
+5 -12
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,39 +7,34 @@
<title>Nirmal Kumar R - My life is not shrinking</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<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>
<p>
My life is expanding in the way<br />
of smallest way possible;
</p>
<p>
It teaches how it can be done<br />
with the tiniest amount of tools and resources.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -49,5 +43,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/path-and-love.html
+5 -10
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Path and Love</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Path and Love <span class="date">[2022-09-29]</span></div>
<div class="content">
<p>
How can I lose my path;<br />
@@ -33,7 +30,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -42,5 +38,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/polar-bliss.html
+5 -12
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Polar bliss</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Polar bliss <span class="date">[2023-04-09]</span></div>
<div class="content">
<p>
With the polar fire on;<br />
@@ -34,14 +31,12 @@
with no intention of showing my whiz;<br />
just to enjoy the moments’ chills.
</p>
<p>
When it spirals downwards the stairways;<br />
Mother kinds me with lulls.<br />
Is it necessary that I need to do this fuss?<br />
Ain’t I became the normies lulz?!
</p>
<p>
I just lit my wills, my mind thinks;<br />
Juices flowing on the paper has no more stirs.<br />
@@ -49,7 +44,6 @@
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -58,5 +52,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/questioning-of-silence.html
+19 -27
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,57 +7,51 @@
<title>Nirmal Kumar R - Questioning of silence</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<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 />
within; We say, we read and we are maybe!</p>
within; We say, we read and we are maybe!
</p>
<p>But my confession is to sit and write this to free up my questioning self;<br />
What sort of silence is that;</p>
What sort of silence is that;
</p>
<p>My mind can acquire the questioning in two different ways whilst I write;<br />
And I let the God be questioning my questions with what I write here to lead me to the path of silence.</p>
And I let the God be questioning my questions with what I write here to lead me to the path of silence.
</p>
<p>Although, the question comes to me as paradoxical;<br />
I’m keeping my sanity intact;<br />
to not let myself to be succumbed to the crisis of my own questions.</p>
to not let myself to be succumbed to the crisis of my own questions.
</p>
<p>Thus, that courage of mine, lead me to these two:<br />
Is it silencing the mind or is it the silence of the mind?</p>
Is it silencing the mind or is it the silence of the mind?
</p>
<p>My unbearable nature of sensitivity does neither nor comprehend my own question;<br />
So I contemplate; What is that silence;</p>
So I contemplate; What is that silence;
</p>
<p>Silencing the mind is a pitiful question of mine; where I put that in-lieu of finding no better terms in order to explain this question as a way of doing the silence. That is doing the doing. Or to say in more spiritually nuanced format: Witnessing the thoughts.</p>
<p>When we come to silence of the mind; that implies the true nature of the mind.
Thus, what it takes for one to be in the true nature of the mind. There are two ways that I can do this; does it require a transition to go from anywhere to here; or is just here;</p>
Thus, what it takes for one to be in the true nature of the mind. There are two ways that I can do this; does it require a transition to go from anywhere to here; or is just here;
</p>
<p>If it is from anywhere to here; there is causation and effect and that becomes the point of silencing the mind which is doing the doing to act as a co-existence to the silence of the mind.</p>
<p>And when we say; it is here, is it being here and now?, My question comes further down to what is that lead us to the path of being the here and now? Or can I question again to say that being requires a transition via causation and effect?</p>
<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>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -67,5 +60,4 @@ So I contemplate; What is that silence;</p>
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/seeker.html
+5 -13
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,24 +7,22 @@
<title>Nirmal Kumar R - Seeker</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Seeker <span class="date">[2022-10-14]</span></div>
<div class="content">
<p>
We are a seeking creature<br />
@@ -34,27 +31,23 @@
break yourself apart from this outwardly<br />
structure of our society.
</p>
<p>
The soul doesn’t see the mirage, it is your<br />
illusionary mind for which the truth is only<br />
the means of survival.
</p>
<p>
We are the angels in this earthly<br />
kingdom, not alone but belonging together with our<br />
celestial tribes in harmony. By realizing this<br />
we go to the deep roots of our cosmic nature.
</p>
<p>
So, do not hesitate to go beyond the boundaries,<br />
for which your seeking soul wakes up.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -63,5 +56,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/shades-of-status-quo.html
+5 -14
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,41 +7,36 @@
<title>Nirmal Kumar R - Shades of status quo</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Shades of status quo <span class="date">[2024-12-20]</span></div>
<div class="content">
<p>
Status quo is a reminder;<br />
A good remainder that is.
</p>
<p>
That they are boundaries;<br />
which are meant to be broken apart.
</p>
<p>
Apart them to show you;<br />
it is one of the revealing features<br />
of the universe.
</p>
<p>
No stop there;<br />
This kind is particularly special.<br />
@@ -51,14 +45,12 @@
Those are set by our ancestors for the human kind,<br />
To prove that we can go beyond whence they did.
</p>
<p>
And forth goes the goodness;<br />
to make them ancestors proud in the heavens.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -67,5 +59,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/solitude.html
+5 -13
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,48 +7,42 @@
<title>Nirmal Kumar R - Solitude</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">Solitude <span class="date">[2014-09-09]</span></div>
<div class="content">
<p>
It is the essence of serenity;<br />
Where the stone ain’t need to be polished<br />
for the feigned beauty;
</p>
<p>
When the tree doesn’t need to proclaim<br />
it’s aboriginal right;
</p>
<p>
And the wind comes in and swirls around<br />
without expecting for a barricade;
</p>
<p>
The loneliness spirited with enlightenment<br />
And the tranquility stands the truth.
</p>
</div>
</section>
<footer>
<hr />
© Nirmal Kumar R. All original text, is licensed under a
@@ -58,5 +51,4 @@
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
poems/you-not-be-me.html
+7 -15
View File
@@ -1,6 +1,5 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -8,38 +7,34 @@
<title>Nirmal Kumar R - Seeker</title>
<link rel="stylesheet" href="/style.css" />
</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="90px" />
<img src="/img/garden.png" width="70px" />
</div>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
<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:tildezero@gmail.com">Contact</a>
<a href="mailto:hi@nirm.al">Contact</a>
</nav>
<section class="content-wrapper">
<div class="title">You not be me <span class="date">[2025-01-30]</span></div>
<div class="content">
<p>
The path seeking I went is not<br />
what I want you to seek.<br />
You not be me;
</p>
<p>
The walk of the walk truly<br />
belongs to the person whose walk<br />
is what the heart craves for.<br />
You not be me;
</p>
<p>
For the senses and the experiences<br />
I taught you is just a mere mirror of<br />
@@ -47,7 +42,6 @@
myself to find what is mine and not yours.<br />
You not be me;
</p>
<p>
Find your path, walk the walk with<br />
love in your heart, that holy light will lit<br />
@@ -56,14 +50,12 @@
</p>
</div>
</section>
<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
<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
<a href="https://github.com/mysticmode/mysticmode.github.io">here</a>.
</footer>
</body>
</html>
style.css
+33 -17
View File
@@ -8,11 +8,6 @@
box-sizing: border-box;
}
@font-face {
font-family: "Neue Haas Grotesk Display Pro";
src: url(font/6e2df30bac10d3b6a0e5.woff2) format("woff2");
}
html,
body {
margin: 0;
@@ -20,10 +15,10 @@ body {
}
body {
font-family: "Neue Haas Grotesk Display Pro", serif;
font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
font-size: 24px;
font-size: 16px;
font-weight: var(--font-weight-normal);
line-height: 1.5;
text-decoration: none;
@@ -35,7 +30,7 @@ body {
a {
display: inline-block;
color: #15C;
color: #000;
text-decoration: underline;
text-decoration-thickness: 2px;
}
@@ -91,12 +86,13 @@ pre {
nav {
display: block;
margin: 2em 0;
margin: 1em 0;
}
nav a {
margin-right: 1em;
font-size: 21px;
font-size: 14px;
font-weight: var(--font-weight-medium);
color: #333;
text-transform: uppercase;
}
@@ -109,23 +105,38 @@ nav a:last-child {
width: 100%;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
list-style-type: square;
text-transform: uppercase;
margin-bottom: 1em;
}
.content-wrapper .title {
font-size: 2rem;
font-size: 1rem;
font-weight: var(--font-weight-bold);
text-transform: uppercase;
font-family: "Neue Haas Grotesk Display Pro", serif;
}
ul li a {
font-size: 14px;
font-weight: var(--font-weight-bold);
color: #333;
}
ul li span {
display: block;
}
.content-wrapper .title span,
main ul li span {
font-size: 22px;
font-size: 14px;
color: #555;
font-weight: normal;
font-weight: var(--font-weight-bold);
}
.content-wrapper .title span {
@@ -136,7 +147,7 @@ hr {
position: relative;
display: block;
height: 1.20rem;
margin: calc(1.20rem * 1.5) 0;
margin: 1em 0;
border: none;
color: #000;
}
@@ -153,10 +164,15 @@ hr::after {
}
footer {
font-size: 16px;
font-size: 12px;
color: #666;
margin-bottom: 3em;
}
footer a {
color: #666;
}
@media only screen and (max-width: 700px) {
body {
width: 100%;