all repos — site @ 4ef313b49f0723133ca8abaabcf76b95d7b725f3

source for my site, found at icyphox.sh 

refactor: a lot of things
Anirudh icyph0x@pm.me
Fri, 17 Aug 2018 01:27:32 +0530
commit

4ef313b49f0723133ca8abaabcf76b95d7b725f3

parent

95c820104608c4c0c4fd67c3099387411087129e

7 files changed, 107 insertions(+), 49 deletions(-)

jump to
M build/index.html → build/index.html 
@@ -26,14 +26,22 @@ 
 </header>
 
 <body> 
-  <div class="centered">
+  <div class="centered inline animated">
   	<h1 align="center">
-  <img src="/static/icynobg.svg" width="250px">
+  <img src="/static/icynobg.svg">
 </h1>
 
+<p><br></p>
+
 <p><em>linux, infosec, open source.</em></p>
 
-<p><a href="https://github.com/icyphox">github</a> &nbsp; &bull; &nbsp; <a href="https://twitter.com/icyphox">twitter</a>  &nbsp; &bull; &nbsp; <a href="https://linkedin.com/in/icyphox">linkedin</a> &nbsp; &bull; &nbsp; <a href="https://xix.ph0x.me/resume.pdf">résumé</a> &nbsp; &bull; &nbsp; <a href="/gpg.txt">gpg</a> &nbsp; &bull; &nbsp; <a href="mailto:icyph0x@pm.me">email</a></p>
+<p><a href="https://github.com/icyphox">github</a> &nbsp; &nbsp; <a href="https://twitter.com/icyphox">twitter</a>  &nbsp; &nbsp; <a href="https://xix.ph0x.me/resume.pdf">résumé</a></p>
 
   </div>
 </body>
+
+<footer>
+  <div class="footer inline animated">
+    &copy; 2018 — <a href="mailto:icyph0x@pm.me">icyph0x@pm.me</a>
+  </div>
+</footer>
D build/static/fonts/SecularOne-Regular.ttf 

          

          

        
          

            

            
            
            
            M
            
          
          build/static/style.css
          
            → 
            build/static/style.css
          
          
            
@@ -14,24 +14,11 @@ font-weight: normal;
   font-style: italic;
 }
 
-@font-face {
-  font-family: 'secular';
-  src: url('/static/fonts/SecularOne-Regular.ttf');
-}
-
-html { 
-  color: #fff;
+html { color: #fff;
   background: #021012;
 }
 
 @media screen and (min-width: 200px) and (max-width: 1000px) {
-  h1 {
-	font-family: 'secular', sans-serif;
-  font-size: 50px;
-  line-height: 0.3;
-  text-align: center;
-}
-
   em {
   	font-family: 'operator', italic;
     font-size: 22px;

@@ -44,16 +31,27 @@ font-size: 18px;
     color: #fff;
     line-height: 2;
   } 
+
+  img {
+    width: 150px;
+  }
+
+  .footer {
+    font-family: 'operator', monospace;
+ 	  bottom: 20px;
+    font-size: 16px;
+  	position: absolute;
+  	width: 100%;
+  	text-align: center;
+  	margin-bottom: 20px;
+  }
+
+  .footer a {
+    font-size: 16px;
+  }
 }
 
 @media screen and (min-width: 1000px) {
-  h1 {
-  	font-family: 'secular', sans-serif;
-    font-size: 100px;
-    line-height: 0.3;
-    text-align: center;
-  }
-  
   em {
   	font-family: 'operator', italic;
     font-size: 30px;

@@ -66,8 +64,29 @@ font-size: 22px;
     color: #fff;
     line-height: 2;
   }
+
+  img {
+    width: 250px;
+  }
+
+  .footer {
+    font-family: 'operator', monospace;
+  	bottom: 20px;
+    font-size: 18px;
+  	position: fixed;
+  	width: 100%;
+  	text-align: center;
+  	margin-bottom: 20px;
+  }
+  
+  .footer a {
+    font-size: 18px;
+  }
 }
 
+.inline {
+  display: inline-block;
+}
 
 .centered {
   text-align: center;

@@ -76,7 +95,9 @@ position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+}
 
+.animated {
   -webkit-animation: fadein 2s;
   -moz-animation: fadein 2s;
   -ms-animation: fadein 2s;


          

          

        
          

            

            
            
            
            M
            
          
          config.py
          
            → 
            config.py
          
          
            
@@ -4,5 +4,6 @@ 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 = ''
-footer = ''
+footer = '&copy; 2018 — <a href="mailto:icyph0x@pm.me">icyph0x@pm.me</a>'
 template = 'index.html'  # default is index.html
+


          

          

        
          

            

            
            
            
            M
            
          
          pages/_index.md
          
            → 
            pages/_index.md
          
          
            
@@ -1,8 +1,10 @@ 
 <h1 align="center">
-  <img src="/static/icynobg.svg" width="250px">
+  <img src="/static/icynobg.svg">
 </h1>
 
+<br>
+
 *linux, infosec, open source.*
 
-[github](https://github.com/icyphox) &nbsp; &bull; &nbsp; [twitter](https://twitter.com/icyphox)  &nbsp; &bull; &nbsp; [linkedin](https://linkedin.com/in/icyphox) &nbsp; &bull; &nbsp; [résumé](https://xix.ph0x.me/resume.pdf) &nbsp; &bull; &nbsp; [gpg](/gpg.txt) &nbsp; &bull; &nbsp; [email](mailto:icyph0x@pm.me)
+[github](https://github.com/icyphox) &nbsp; &nbsp; [twitter](https://twitter.com/icyphox)  &nbsp; &nbsp; [résumé](https://xix.ph0x.me/resume.pdf)
 


          

          

        
          

            

            
            
            
            M
            
          
          static/style.css
          
            → 
            static/style.css
          
          
            
@@ -14,24 +14,11 @@ font-weight: normal;
   font-style: italic;
 }
 
-@font-face {
-  font-family: 'secular';
-  src: url('/static/fonts/SecularOne-Regular.ttf');
-}
-
-html { 
-  color: #fff;
+html { color: #fff;
   background: #021012;
 }
 
 @media screen and (min-width: 200px) and (max-width: 1000px) {
-  h1 {
-	font-family: 'secular', sans-serif;
-  font-size: 50px;
-  line-height: 0.3;
-  text-align: center;
-}
-
   em {
   	font-family: 'operator', italic;
     font-size: 22px;

@@ -44,16 +31,27 @@ font-size: 18px;
     color: #fff;
     line-height: 2;
   } 
+
+  img {
+    width: 150px;
+  }
+
+  .footer {
+    font-family: 'operator', monospace;
+ 	  bottom: 20px;
+    font-size: 16px;
+  	position: absolute;
+  	width: 100%;
+  	text-align: center;
+  	margin-bottom: 20px;
+  }
+
+  .footer a {
+    font-size: 16px;
+  }
 }
 
 @media screen and (min-width: 1000px) {
-  h1 {
-  	font-family: 'secular', sans-serif;
-    font-size: 100px;
-    line-height: 0.3;
-    text-align: center;
-  }
-  
   em {
   	font-family: 'operator', italic;
     font-size: 30px;

@@ -66,8 +64,29 @@ font-size: 22px;
     color: #fff;
     line-height: 2;
   }
+
+  img {
+    width: 250px;
+  }
+
+  .footer {
+    font-family: 'operator', monospace;
+  	bottom: 20px;
+    font-size: 18px;
+  	position: fixed;
+  	width: 100%;
+  	text-align: center;
+  	margin-bottom: 20px;
+  }
+  
+  .footer a {
+    font-size: 18px;
+  }
 }
 
+.inline {
+  display: inline-block;
+}
 
 .centered {
   text-align: center;

@@ -76,7 +95,9 @@ position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+}
 
+.animated {
   -webkit-animation: fadein 2s;
   -moz-animation: fadein 2s;
   -ms-animation: fadein 2s;


          

          

        
          

            

            
            
            
            M
            
          
          templates/index.html
          
            → 
            templates/index.html
          
          
            
@@ -26,8 +26,13 @@ {{ header }}
 </header>
 
 <body> 
-  <div class="centered">
+  <div class="centered inline animated">
   	{{ body }}
   </div>
 </body>
 
+<footer>
+  <div class="footer inline animated">
+    {{ footer }}
+  </div>
+</footer>