all repos — site @ 1c03e66fa395666fd20f94d4da45b16ca319088b

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

1c03e66fa395666fd20f94d4da45b16ca319088b

parent

22d3593f7a94f74246439faa11f06f171122b663

3 files changed, 53 insertions(+), 24 deletions(-)

jump to
M index.html → 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 static/fonts/SecularOne-Regular.ttf 

          

          

        
          

            

            
            
            
            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;