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

Major style update including the logo

Browse Source
This commit is contained in:
Nirmal Kumar R
2024-10-18 10:22:37 +00:00
parent e7a07bbf69
commit 64b058fd04
31 changed files with 99 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<section class="content-wrapper">
@@ -39,7 +39,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -97,7 +97,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/50-years.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -55,7 +55,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/a-bite-of-unconscious-way.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -81,7 +81,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/creativity.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -87,7 +87,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/hello-from-mysticmode.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -54,7 +54,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/in-praise-of-silent-voice.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -76,7 +76,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/interview-with-annamalai-swami-by-jim-lemkin.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -97,7 +97,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/is-it-really-smart-work.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -52,7 +52,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/mid-of-the-crisis.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -50,7 +50,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/my-admiration-and-respect-for-bruce-lee.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -95,7 +95,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/nothing-can-beat-this.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -36,7 +36,7 @@
<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>.
© 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://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/occurrence-and-non-occurrence.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -44,7 +44,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
blog/time-goes-by-and-does-life-grow-in-you.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -43,7 +43,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
devlog.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -38,7 +38,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
devlog/how-to-install-arch-linux.html
+3 -3
View File
@@ -10,9 +10,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -86,7 +86,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
font/Bookerly.ttf
BIN
View File
Binary file not shown.
img/nirmal-banner.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

index.html
+6 -4
View File
@@ -14,9 +14,9 @@
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -34,7 +34,9 @@
cannot put it into words although I try my best.
</p>
<p>
<a href="https://git.sr.ht/~mysticmode">Oh, I write computer programs too!</a>
<a href="https://git.sr.ht/~mysticmode">I write computer programs too!</a>
And you can find my <a href="/devlog.html">devlog</a> section on this website
for tech articles.
</p>
<p class="contact">
You can connect with me on
@@ -49,7 +51,7 @@
© 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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
poems.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -78,7 +78,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/a-place-in-my-heart.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -66,7 +66,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/dont-just-get-going.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -51,7 +51,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/free-yourself.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -57,7 +57,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/life-is-preciously-short.html
+3 -3
View File
@@ -12,9 +12,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -50,7 +50,7 @@
<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>.
Source code of this website can be found <a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
poems/love-for-a-stranger.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -64,7 +64,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/my-life-is-not-shrinking.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -47,7 +47,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/path-and-love.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -40,7 +40,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/polar-bliss.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -56,7 +56,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/seeker.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -61,7 +61,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
poems/solitude.html
+3 -3
View File
@@ -11,9 +11,9 @@
<body>
<a href="/" class="header">
<div class="logo">
<img src="/img/nklogo.png" width="75px" />
<img src="/img/nklogo.png" width="90px" />
</div>
<p>NIRMAL KUMAR R</p>
<p><img src="/img/nirmal-banner.png" height="70px"></p>
</a>
<nav>
@@ -56,7 +56,7 @@
<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>.
<a href="https://git.sr.ht/~mysticmode/nirm.al">here</a>.
</footer>
</body>
</html>
style.css
+12 -1
View File
@@ -78,6 +78,7 @@ pre {
.header {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
border: none;
@@ -91,7 +92,6 @@ pre {
font-size: 20px;
font-family: "JetBrains Mono Bold", monospace;
color: #333;
margin-left: 10px;
}
.logo {
@@ -165,6 +165,10 @@ hr::after {
height: 0;
}
footer {
margin-bottom: 3em;
}
@media only screen and (max-width: 700px) {
body {
width: 100%;
@@ -172,3 +176,10 @@ hr::after {
padding: 1em;
}
}
@media only screen and (max-width: 540px) {
.header p img {
width: 100%;
height: auto;
}
}