commit 64b058fd044aa0889f258f60f4d449dab3dd64f8 parent e7a07bbf69ea3bc981e4662513fb3e2d2283f789 Author: Nirmal Kumar R <tildezero@gmail.com> Date: Fri, 18 Oct 2024 10:22:37 +0000 Major style update including the logo Diffstat:
31 files changed, 99 insertions(+), 86 deletions(-)
diff --git a/404.html b/404.html @@ -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> diff --git a/blog.html b/blog.html @@ -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> diff --git a/blog/50-years.html b/blog/50-years.html @@ -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> diff --git a/blog/a-bite-of-unconscious-way.html b/blog/a-bite-of-unconscious-way.html @@ -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> diff --git a/blog/creativity.html b/blog/creativity.html @@ -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> diff --git a/blog/hello-from-mysticmode.html b/blog/hello-from-mysticmode.html @@ -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> diff --git a/blog/in-praise-of-silent-voice.html b/blog/in-praise-of-silent-voice.html @@ -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> diff --git a/blog/interview-with-annamalai-swami-by-jim-lemkin.html b/blog/interview-with-annamalai-swami-by-jim-lemkin.html @@ -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> diff --git a/blog/is-it-really-smart-work.html b/blog/is-it-really-smart-work.html @@ -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> diff --git a/blog/mid-of-the-crisis.html b/blog/mid-of-the-crisis.html @@ -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> diff --git a/blog/my-admiration-and-respect-for-bruce-lee.html b/blog/my-admiration-and-respect-for-bruce-lee.html @@ -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> diff --git a/blog/nothing-can-beat-this.html b/blog/nothing-can-beat-this.html @@ -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> diff --git a/blog/occurrence-and-non-occurrence.html b/blog/occurrence-and-non-occurrence.html @@ -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> diff --git a/blog/time-goes-by-and-does-life-grow-in-you.html b/blog/time-goes-by-and-does-life-grow-in-you.html @@ -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> diff --git a/devlog.html b/devlog.html @@ -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> diff --git a/devlog/how-to-install-arch-linux.html b/devlog/how-to-install-arch-linux.html @@ -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> diff --git a/font/Bookerly.ttf b/font/Bookerly.ttf Binary files differ. diff --git a/img/nirmal-banner.png b/img/nirmal-banner.png Binary files differ. diff --git a/index.html b/index.html @@ -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> diff --git a/poems.html b/poems.html @@ -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> diff --git a/poems/a-place-in-my-heart.html b/poems/a-place-in-my-heart.html @@ -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> diff --git a/poems/dont-just-get-going.html b/poems/dont-just-get-going.html @@ -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> diff --git a/poems/free-yourself.html b/poems/free-yourself.html @@ -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> diff --git a/poems/life-is-preciously-short.html b/poems/life-is-preciously-short.html @@ -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> diff --git a/poems/love-for-a-stranger.html b/poems/love-for-a-stranger.html @@ -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> diff --git a/poems/my-life-is-not-shrinking.html b/poems/my-life-is-not-shrinking.html @@ -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> diff --git a/poems/path-and-love.html b/poems/path-and-love.html @@ -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> diff --git a/poems/polar-bliss.html b/poems/polar-bliss.html @@ -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> diff --git a/poems/seeker.html b/poems/seeker.html @@ -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> diff --git a/poems/solitude.html b/poems/solitude.html @@ -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> diff --git a/style.css b/style.css @@ -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; + } +}
