- This is my personal website. A place where you can read all my public musings. Rest of it is my internal flight diff --git a/poems.html b/poems.html index 8ef17c1..5864d91 100644 --- a/poems.html +++ b/poems.html @@ -4,24 +4,23 @@
- +
- 
+
+
diff --git a/poems/a-place-in-my-heart.html b/poems/a-place-in-my-heart.html
index 91da7c0..90fc6fb 100644
--- a/poems/a-place-in-my-heart.html
+++ b/poems/a-place-in-my-heart.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - A place in my heart
-
-
+
+
+ 
-
+
NIRMAL KUMAR R
+
-
+
+
diff --git a/poems/dont-just-get-going.html b/poems/dont-just-get-going.html
index 399a3cc..136e43a 100644
--- a/poems/dont-just-get-going.html
+++ b/poems/dont-just-get-going.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Don't just get going
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/free-yourself.html b/poems/free-yourself.html
index 9973a64..5828004 100644
--- a/poems/free-yourself.html
+++ b/poems/free-yourself.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Free yourself
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/life-is-preciously-short.html b/poems/life-is-preciously-short.html
index 6ff702d..e8e2513 100644
--- a/poems/life-is-preciously-short.html
+++ b/poems/life-is-preciously-short.html
@@ -4,24 +4,23 @@
-
+
Nirmal Kumar R - Life is preciously short
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/love-for-a-stranger.html b/poems/love-for-a-stranger.html
index 9701aa3..bc9bab5 100644
--- a/poems/love-for-a-stranger.html
+++ b/poems/love-for-a-stranger.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Love for a stranger
-
-
+
+
+
-
+
NIRMAL KUMAR R
+
-
+
+
diff --git a/poems/my-life-is-not-shrinking.html b/poems/my-life-is-not-shrinking.html
index 80c438c..1845051 100644
--- a/poems/my-life-is-not-shrinking.html
+++ b/poems/my-life-is-not-shrinking.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - My life is not shrinking
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/path-and-love.html b/poems/path-and-love.html
index 393ec6f..f534ff9 100644
--- a/poems/path-and-love.html
+++ b/poems/path-and-love.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Path and Love
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/polar-bliss.html b/poems/polar-bliss.html
index 33a1e86..bec1d33 100644
--- a/poems/polar-bliss.html
+++ b/poems/polar-bliss.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Polar bliss
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/seeker.html b/poems/seeker.html
index 0734d60..21cb90f 100644
--- a/poems/seeker.html
+++ b/poems/seeker.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Seeker
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/poems/solitude.html b/poems/solitude.html
index 43c5ea2..e244cbe 100644
--- a/poems/solitude.html
+++ b/poems/solitude.html
@@ -6,29 +6,24 @@
Nirmal Kumar R - Solitude
-
-
+
+
+
-
-
+
NIRMAL KUMAR R
+ +
-
+
+
diff --git a/style.css b/style.css
index 72c3b68..5133d3e 100644
--- a/style.css
+++ b/style.css
@@ -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%;
+}
\ No newline at end of file
+
+
+
-
-
+
NIRMAL KUMAR R
+ +