all repos — site @ 35a9ac8731628d69e7b1ab66d53602eca47bdfe0

source for my site, found at icyphox.sh 

feat: add header links

Signed-off-by: Anirudh <icyph0x@pm.me>
Anirudh icyph0x@pm.me
Wed, 05 Sep 2018 15:47:21 +0530
commit

35a9ac8731628d69e7b1ab66d53602eca47bdfe0

parent

997a9ac912cd950ffc095ed93b272d2ac1c731fb

6 files changed, 53 insertions(+), 7 deletions(-)

jump to
M build/index.html → build/index.html 
@@ -21,12 +21,14 @@ <title>
   	Anirudh Oppiliappan	
   </title>
 
+<div class="container">
   <header>
-  	
+    <div class="right header">
+    <a href="/" target="_blank">home</a> <a href="/blog" target="_blank">blog</a> <a href="/about" target="_blank">about</a>
+    </div>
   </header>
 
   <body> 
-    <div class="container">
       <div class="introduction">
     	<h1 align="center">
   <img src="/static/icynobg.svg" class="logo">
M build/static/style.css → build/static/style.css 
@@ -104,6 +104,26 @@ .footer a:hover {
 	color: white;
 }
 
+.header {
+	color: #666;
+	top: 20px;
+	font-size: 14px;
+	position: absolute;
+	width: 100%;
+	text-align: center;
+	margin-top: 20px;
+}
+
+.header a {
+	color: #666;
+	margin: 0;
+	transition: all 200ms;
+}
+
+.header a:hover {
+	color: white;
+}
+
 .left {
 	display: inline-block;
 	margin-bottom: 30px;
M config.py → config.py 
@@ -2,8 +2,7 @@ # config.py - Vite's configuration script
 
 title = 'Anirudh Oppiliappan'
 author = ''
-# header = '<a href="/">home</a> <a href="/projects">projects</a> <a href="/info">info</a> <a href="/gpg.txt">gpg</a>'
-header = ''
+header = '<a href="/" target="_blank">Home</a> <a href="/blog" target="_blank">Blog</a> <a href="/about" target="_blank">About</a>' 
 footer = '&copy; 2018 — <a href="mailto:icyph0x@pm.me">icyph0x@pm.me</a>'
 template = 'index.html'  # default is index.html
M static/style.css → static/style.css 
@@ -104,6 +104,26 @@ .footer a:hover {
 	color: white;
 }
 
+.header {
+	color: #666;
+	top: 20px;
+	font-size: 14px;
+	position: absolute;
+	width: 100%;
+	text-align: center;
+	margin-top: 20px;
+}
+
+.header a {
+	color: #666;
+	margin: 0;
+	transition: all 200ms;
+}
+
+.header a:hover {
+	color: white;
+}
+
 .left {
 	display: inline-block;
 	margin-bottom: 30px;
M templates/blog.html → templates/blog.html 
@@ -21,8 +21,11 @@ <title>
   	{{ title }}	
   </title>
 
+<div class="container">
   <header>
-  	{{ header }}
+    <div class="right header">
+    {{ header }}
+    </div>
   </header>
 
   <body>
M templates/index.html → templates/index.html 
@@ -21,12 +21,14 @@ <title>
   	{{ title }}	
   </title>
 
+<div class="container">
   <header>
-  	{{ header }}
+    <div class="right header">
+    {{ header }}
+    </div>
   </header>
 
   <body> 
-    <div class="container">
       <div class="introduction">
     	{{ body }}
     </div>