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

Initial revamp of design

Browse Source
This commit is contained in:
Nirmal Kumar R
2024-08-04 00:04:55 +05:30
parent dff6ee84cb
commit 296dd6c707
31 changed files with 323 additions and 508 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+5 -4
View File
@@ -9,11 +9,12 @@
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<section class="content-wrapper">
<div class="content-title">
blog.html
+9 -10
View File
@@ -4,24 +4,23 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<link rel="icon" type="image/png" href="/img/favicon.png">
<title>Nirmal Kumar R - blog</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<main>
blog/50-years.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - 50 Years</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/creativity.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Creativity</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/hello-from-mysticmode.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Hello from mysticmode</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/in-praise-of-silent-voice.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - In praise of silent voice</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/interview-with-annamalai-swami-by-jim-lemkin.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Interview with Annamalai Swami by Jim Lemkin</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/is-it-really-smart-work.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Is it really smart work?</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/mid-of-the-crisis.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Mid of the crisis</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/my-admiration-and-respect-for-bruce-lee.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - My admiration and respect for Bruce Lee</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/nothing-can-beat-this.html
+10 -11
View File
@@ -3,23 +3,22 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<link rel="icon" type="image/png" href="/img/favicon.png">
<title>Nirmal Kumar R - Nothing can beat this</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/occurrence-and-non-occurrence.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Occurrence and non-occurrence</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
blog/time-goes-by-and-does-life-grow-in-you.html
+10 -15
View File
@@ -6,28 +6,23 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Time goes by and does life grow in you?</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
devlog.html
-44
View File
@@ -1,44 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<title>Nirmal Kumar R - blog</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
</div>
</header>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
</nav>
<main>
Softwares and utilities:
<ul>
<li>
<a href="https://github.com/mysticmode/emptyfm">emptyfm</a>
</li>
</ul>
</main>
<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>.
</footer>
</body>
</html>
font/Rubik-Bold.woff2
BIN
View File
Binary file not shown.
font/Rubik-Regular.woff2
BIN
View File
Binary file not shown.
img/favicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 982 B

img/nklogo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

index.html
+9 -14
View File
@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<link rel="icon" type="image/png" href="/img/favicon.png">
<title>Nirmal Kumar R</title>
<link rel="stylesheet" href="/style.css">
</head>
@@ -12,24 +12,19 @@
<body>
<a rel="me" href="https://mastodon.social/@tildezero" style="display:none;">Mastodon</a>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="home">
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/ashram.jpg" alt="A picture of an ashram garden">
</section>
<section class="content-wrapper">
<div class="content">
<p>This is my personal website. A place where you can read all my public musings. Rest of it is my internal flight
poems.html
+9 -10
View File
@@ -4,24 +4,23 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<link rel="icon" type="image/png" href="/img/favicon.png">
<title>Nirmal Kumar R - blog</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<main>
poems/a-place-in-my-heart.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - A place in my heart</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/dont-just-get-going.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Don't just get going</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/free-yourself.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Free yourself</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/life-is-preciously-short.html
+9 -10
View File
@@ -4,24 +4,23 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=2">
<link rel="icon" type="image/png" href="https://ik.imagekit.io/mysticmode/home/favicon.png">
<link rel="icon" type="image/png" href="/img/favicon.png">
<title>Nirmal Kumar R - Life is preciously short</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<header>
<div>
<img loading="lazy" src="https://ik.imagekit.io/mysticmode/home/name.png" alt="My Full Name - Nirmal Kumar R">
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/love-for-a-stranger.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Love for a stranger</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/my-life-is-not-shrinking.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - My life is not shrinking</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/path-and-love.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Path and Love</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/polar-bliss.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Polar bliss</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/seeker.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Seeker</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
poems/solitude.html
+10 -15
View File
@@ -6,29 +6,24 @@
<link
rel="icon"
type="image/png"
href="https://ik.imagekit.io/mysticmode/home/favicon.png"
href="/img/favicon.png"
/>
<title>Nirmal Kumar R - Solitude</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<header>
<div>
<img
loading="lazy"
src="https://ik.imagekit.io/mysticmode/home/name.png"
alt="My Full Name - Nirmal Kumar R"
/>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
</div>
</header>
<p>NIRMAL KUMAR R</p>
</a>
<nav>
<a href="/">Home</a>
<a href="/blog.html">Blog</a>
<a href="/poems.html">Poems</a>
<a href="/devlog.html">Devlog</a>
<a href="mailto:nirmal@posteo.net">Contact</a>
<a href="/blog.html">[ Blog ]</a>
<a href="/poems.html">[ Poems ]</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a>
</nav>
<section class="content-wrapper">
style.css
+82 -120
View File
@@ -1,137 +1,99 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: sans-serif;
font-size: 14px;
line-height: 1.4;
max-width: 30em;
@font-face {
font-family: 'nkfont';
font-style: normal;
font-weight: normal;
src: url('/font/Rubik-Regular.woff2') format('woff2');
}
header {
@font-face {
font-family: 'nkfont';
font-style: normal;
font-weight: bold;
src: url('/font/Rubik-Bold.woff2') format('woff2');
}
html,
body {
margin: 0;
padding: 0;
}
body {
font-family: 'nkfont', sans-serif;
font-size: 18px;
line-height: 1.5;
color: #444;
width: 670px;
margin: 1em;
}
nav {
a {
display: inline-block;
color: #0060FF;
text-decoration: none;
padding-bottom: 0px;
}
a:hover {
transform:translateY(2px);
}
.header {
display: flex;
align-items: start;
justify-content: center;
margin: 2em 0 3em;
align-items: center;
text-decoration: none;
border: none;
}
.header p {
font-size: 20px;
color: #0061FF;
letter-spacing: 1px;
margin-left: 10px;
}
.logo {
border-radius: 50%;
background: #0061FF;
height: 75px;
width: 75px;
}
.logo > img {
border-radius: 50%;
mix-blend-mode: screen;
}
.header:hover {
transform: none;
}
.header:hover img {
border: none;
mix-blend-mode: normal;
}
.header:hover p {
color: #444;
}
nav {
display: block;
margin: 2em 0;
}
nav a {
background-color: #BF1717;
font-family: sans-serif;
color: white;
font-size: 0.8rem;
text-align: center;
text-shadow: 0px 0px 1px #cccccc;
min-width: 70px;
padding: 0.3em 0.5em 0.2em;
text-decoration: none;
box-shadow: 1px 2px 2px #eba2a2 inset;
border-bottom: 4px solid #992727;
border-right: 2px solid #992727;
border-left: 1px solid #992727;
border-top: 1px solid #ac3e3e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
margin-right: 1em;
}
p {
margin: 1em 0;
nav a:last-child {
margin-right: 0;
}
img {
display: block;
width: 400px;
}
ul {
list-style-type: none;
}
li {
line-height: 1.6;
}
ul li:before {
background-color: #BF1717;
border-radius: 0;
content: "";
display: inline-block;
margin-right: 5px;
margin-bottom: 2px;
height: 6px;
width: 6px;
}
.home {
margin-top: 1em;
}
.home,
main,
.content-wrapper {
margin-left: 1em;
}
.content-wrapper h3 {
color: #663333;
font-weight: bold;
}
.date {
color: #7d7d7d;
}
.contact {
background-color: #ffcc33;
padding: 0.6em;
font-size: 0.8rem;
}
footer {
color: #cccccc;
margin: 3em 0 3em 1em;
font-size: 0.8rem;
}
footer hr {
margin-bottom: 1em;
}
@media screen and (max-width: 425px) {
body {
width: 100%;
max-width: none;
}
img {
width: 284px;
margin: 0 auto;
}
nav {
flex-direction: column;
align-items: center;
}
.home,
main,
.content-wrapper {
margin-left: 0;
width: 100%;
padding: 1em;
}
footer {
margin: 0 0 2em 0;
padding: 1em;
width: 100%;
}
}
.home img {
width: 100%;
}