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

Style and font update

Browse Source
This commit is contained in:
Nirmal Kumar R
2024-08-12 23:42:11 +05:30
parent df6b452fdf
commit 9420c67750
29 changed files with 92 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blog.html
+3 -3
View File
@@ -18,9 +18,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<main> <main>
blog/50-years.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/a-bite-of-unconscious-way.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/creativity.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/hello-from-mysticmode.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/in-praise-of-silent-voice.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/interview-with-annamalai-swami-by-jim-lemkin.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/is-it-really-smart-work.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/mid-of-the-crisis.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/my-admiration-and-respect-for-bruce-lee.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/nothing-can-beat-this.html
+3 -3
View File
@@ -16,9 +16,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/occurrence-and-non-occurrence.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
blog/time-goes-by-and-does-life-grow-in-you.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
font/Bookerly.ttf
Executable
BIN
View File
Binary file not shown.
font/Rubik-Bold.woff2
BIN
View File
Binary file not shown.
font/Rubik-Regular.woff2
BIN
View File
Binary file not shown.
index.html
+3 -3
View File
@@ -20,9 +20,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems.html
+3 -3
View File
@@ -18,9 +18,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<main> <main>
poems/a-place-in-my-heart.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/dont-just-get-going.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/free-yourself.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/life-is-preciously-short.html
+3 -3
View File
@@ -18,9 +18,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/love-for-a-stranger.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/my-life-is-not-shrinking.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/path-and-love.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/polar-bliss.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/seeker.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
poems/solitude.html
+3 -3
View File
@@ -21,9 +21,9 @@
</a> </a>
<nav> <nav>
<a href="/blog.html">[ Blog ]</a> <a href="/blog.html">Blog</a>
<a href="/poems.html">[ Poems ]</a> <a href="/poems.html">Poems</a>
<a href="mailto:nirmal@posteo.net">[ Contact ]</a> <a href="mailto:nirmal@posteo.net">Contact</a>
</nav> </nav>
<section class="content-wrapper"> <section class="content-wrapper">
style.css
+17 -26
View File
@@ -3,17 +3,10 @@
} }
@font-face { @font-face {
font-family: 'nkfont'; font-family: "Bookerly";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
src: url('/font/Rubik-Regular.woff2') format('woff2'); src: url("/font/Bookerly.ttf") format("woff2");
}
@font-face {
font-family: 'nkfont';
font-style: normal;
font-weight: bold;
src: url('/font/Rubik-Bold.woff2') format('woff2');
} }
html, html,
@@ -23,12 +16,16 @@ body {
} }
body { body {
font-family: 'nkfont', sans-serif; font-family: "Bookerly", Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-size: 18px; font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
font-size: 20px;
line-height: 1.5; line-height: 1.5;
font-weight: 400;
text-decoration: none;
color: #444; color: #444;
width: 670px; width: 670px;
margin: 1em; margin: 1em auto;
} }
a { a {
@@ -36,10 +33,12 @@ a {
color: #0060FF; color: #0060FF;
text-decoration: none; text-decoration: none;
padding-bottom: 0px; padding-bottom: 0px;
border-bottom: 2px solid #0060FF;
} }
a:hover { a:hover {
transform:translateY(2px); color: black;
border-bottom: 2px solid black;
} }
.header { .header {
@@ -49,35 +48,27 @@ a:hover {
border: none; border: none;
} }
.header:hover {
border-bottom: none;
}
.header p { .header p {
font-size: 20px; font-size: 20px;
color: #0061FF; color: #0061FF;
letter-spacing: 1px;
margin-left: 10px; margin-left: 10px;
} }
.logo { .logo {
border-radius: 50%; border-radius: 50%;
background: #0061FF;
height: 75px; height: 75px;
width: 75px; width: 75px;
} }
.logo > img { .logo > img {
border-radius: 50%; border-radius: 50%;
mix-blend-mode: screen;
} }
.header:hover { .header p {
transform: none;
}
.header:hover img {
border: none;
mix-blend-mode: normal;
}
.header:hover p {
color: #444; color: #444;
} }