commit 9420c6775074af0884643e7f272d5f2165fd83a1 parent df6b452fdfe42aa7b2f5fb1bfec0d305fc72ea33 Author: Nirmal Kumar R <tildezero@gmail.com> Date: Mon, 12 Aug 2024 23:42:11 +0530 Style and font update Diffstat:
29 files changed, 92 insertions(+), 101 deletions(-)
diff --git a/blog.html b/blog.html @@ -18,9 +18,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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> diff --git a/blog/50-years.html b/blog/50-years.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/a-bite-of-unconscious-way.html b/blog/a-bite-of-unconscious-way.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/creativity.html b/blog/creativity.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/hello-from-mysticmode.html b/blog/hello-from-mysticmode.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/in-praise-of-silent-voice.html b/blog/in-praise-of-silent-voice.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/interview-with-annamalai-swami-by-jim-lemkin.html b/blog/interview-with-annamalai-swami-by-jim-lemkin.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/is-it-really-smart-work.html b/blog/is-it-really-smart-work.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/mid-of-the-crisis.html b/blog/mid-of-the-crisis.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/my-admiration-and-respect-for-bruce-lee.html b/blog/my-admiration-and-respect-for-bruce-lee.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/nothing-can-beat-this.html b/blog/nothing-can-beat-this.html @@ -16,9 +16,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/blog/occurrence-and-non-occurrence.html b/blog/occurrence-and-non-occurrence.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> 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 @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/font/Bookerly.ttf b/font/Bookerly.ttf Binary files differ. diff --git a/font/Rubik-Bold.woff2 b/font/Rubik-Bold.woff2 Binary files differ. diff --git a/font/Rubik-Regular.woff2 b/font/Rubik-Regular.woff2 Binary files differ. diff --git a/index.html b/index.html @@ -20,9 +20,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems.html b/poems.html @@ -18,9 +18,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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> diff --git a/poems/a-place-in-my-heart.html b/poems/a-place-in-my-heart.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/dont-just-get-going.html b/poems/dont-just-get-going.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/free-yourself.html b/poems/free-yourself.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/life-is-preciously-short.html b/poems/life-is-preciously-short.html @@ -18,9 +18,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/love-for-a-stranger.html b/poems/love-for-a-stranger.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/my-life-is-not-shrinking.html b/poems/my-life-is-not-shrinking.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/path-and-love.html b/poems/path-and-love.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/polar-bliss.html b/poems/polar-bliss.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/seeker.html b/poems/seeker.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/poems/solitude.html b/poems/solitude.html @@ -21,9 +21,9 @@ </a> <nav> - <a href="/blog.html">[ Blog ]</a> - <a href="/poems.html">[ Poems ]</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"> diff --git a/style.css b/style.css @@ -3,17 +3,10 @@ } @font-face { - font-family: 'nkfont'; + font-family: "Bookerly"; font-style: normal; font-weight: normal; - src: url('/font/Rubik-Regular.woff2') format('woff2'); -} - -@font-face { - font-family: 'nkfont'; - font-style: normal; - font-weight: bold; - src: url('/font/Rubik-Bold.woff2') format('woff2'); + src: url("/font/Bookerly.ttf") format("woff2"); } html, @@ -23,12 +16,16 @@ body { } body { - font-family: 'nkfont', sans-serif; - font-size: 18px; + font-family: "Bookerly", Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; + font-feature-settings: "tnum"; + font-variant-numeric: tabular-nums; + font-size: 20px; line-height: 1.5; + font-weight: 400; + text-decoration: none; color: #444; width: 670px; - margin: 1em; + margin: 1em auto; } a { @@ -36,10 +33,12 @@ a { color: #0060FF; text-decoration: none; padding-bottom: 0px; + border-bottom: 2px solid #0060FF; } a:hover { - transform:translateY(2px); + color: black; + border-bottom: 2px solid black; } .header { @@ -49,35 +48,27 @@ a:hover { border: none; } +.header:hover { + border-bottom: 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 { +.header p { color: #444; }