all repos — site @ 00bf4ce789f831fb41ae9db2fb5e453e989b0b68

source for my site, found at icyphox.sh 

refactor: move responsive code to static/responsive.css
Anirudh icyph0x@pm.me
Fri, 22 Jun 2018 12:53:50 +0530
commit

00bf4ce789f831fb41ae9db2fb5e453e989b0b68

parent

9b03dcda3248062dadd1d7c738367ae5f7d10a66

7 files changed, 33 insertions(+), 71 deletions(-)

jump to
M build/about/index.html → build/about/index.html 
@@ -2,25 +2,10 @@ <!DOCTYPE html>
 <html>
 <header>
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
+  <link rel="stylesheet" href="/static/responsive.css" type="text/css">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="HandheldFriendly" content="true">
-<style>
-@media screen and (max-width: 1200px) {
-    #primary { width:67%; }
-    #secondary { width:30%; margin-left:3%;}  
-}
-/* Tabled Portrait */
-@media screen and () {
-    #primary { width:100%; }
-    #secondary { width:100%; margin:0; border:none; }
-}
-html { font-size: 100% }
-@media (min-width: 640px) { body {font-size:1rem;} } 
-@media (min-width:960px) { body {font-size:1.2rem;} } 
-@media (min-width:1100px) { body {font-size:1.5rem;} }
-</style>
-
 	<a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a>
 	<title>
 		icyphox
M build/contact/index.html → build/contact/index.html 
@@ -2,6 +2,7 @@ <!DOCTYPE html>
 <html>
 <header>
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
+  <link rel="stylesheet" href="/static/responsive.css" type="text/css">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="HandheldFriendly" content="true">

@@ -9,19 +10,6 @@ <style>
 body {
   margin-top: 10%;
 }
-@media screen and (max-width: 1200px) {
-    #primary { width:67%; }
-    #secondary { width:30%; margin-left:3%;}  
-}
-/* Tabled Portrait */
-@media screen and (max-width: 768px) {
-    #primary { width:100%; }
-    #secondary { width:100%; margin:0; border:none; }
-}
-html { font-size: 100% }
-@media (min-width: 640px) { body {font-size:1rem;} } 
-@media (min-width:960px) { body {font-size:1.2rem;} } 
-@media (min-width:1100px) { body {font-size:1.5rem;} }
 </style>
 	<a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a>
 	<title>
M build/index.html → build/index.html 
@@ -2,6 +2,7 @@ <!DOCTYPE html>
 <html>
 <header>
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
+  <link rel="stylesheet" href="/static/responsive.css" type="text/css">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="HandheldFriendly" content="true">

@@ -9,19 +10,6 @@ <style>
 body {
   margin-top: 10%;
 }
-@media screen and (max-width: 1200px) {
-    #primary { width:67%; }
-    #secondary { width:30%; margin-left:3%;}  
-}
-/* Tabled Portrait */
-@media screen and (max-width: 768px) {
-    #primary { width:100%; }
-    #secondary { width:100%; margin:0; border:none; }
-}
-html { font-size: 100% }
-@media (min-width: 640px) { body {font-size:1rem;} } 
-@media (min-width:960px) { body {font-size:1.2rem;} } 
-@media (min-width:1100px) { body {font-size:1.5rem;} }
 </style>
 	<a href="/">home</a> <a href="/gpg.txt">gpg</a> <a href="/about">about</a> <a href="/contact">contact</a>
 	<title>
A build/static/responsive.css 
@@ -0,0 +1,14 @@
+@media screen and (max-width: 1200px) {
+    #primary { width:67%; }
+    #secondary { width:30%; margin-left:3%;}  
+}
+/* Tabled Portrait */
+@media screen and (max-width: 768px) {
+    #primary { width:100%; }
+    #secondary { width:100%; margin:0; border:none; }
+}
+html { font-size: 100% }
+@media (min-width: 640px) { body {font-size:1rem;} } 
+@media (min-width:960px) { body {font-size:1.2rem;} } 
+@media (min-width:1100px) { body {font-size:1.5rem;} }
+
A static/responsive.css 
@@ -0,0 +1,14 @@
+@media screen and (max-width: 1200px) {
+    #primary { width:67%; }
+    #secondary { width:30%; margin-left:3%;}  
+}
+/* Tabled Portrait */
+@media screen and (max-width: 768px) {
+    #primary { width:100%; }
+    #secondary { width:100%; margin:0; border:none; }
+}
+html { font-size: 100% }
+@media (min-width: 640px) { body {font-size:1rem;} } 
+@media (min-width:960px) { body {font-size:1.2rem;} } 
+@media (min-width:1100px) { body {font-size:1.5rem;} }
+
M templates/index.html → templates/index.html 
@@ -2,6 +2,7 @@ <!DOCTYPE html>
 <html>
 <header>
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
+  <link rel="stylesheet" href="/static/responsive.css" type="text/css">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="HandheldFriendly" content="true">

@@ -9,19 +10,6 @@ <style>
 body {
   margin-top: 10%;
 }
-@media screen and (max-width: 1200px) {
-    #primary { width:67%; }
-    #secondary { width:30%; margin-left:3%;}  
-}
-/* Tabled Portrait */
-@media screen and (max-width: 768px) {
-    #primary { width:100%; }
-    #secondary { width:100%; margin:0; border:none; }
-}
-html { font-size: 100% }
-@media (min-width: 640px) { body {font-size:1rem;} } 
-@media (min-width:960px) { body {font-size:1.2rem;} } 
-@media (min-width:1100px) { body {font-size:1.5rem;} }
 </style>
 	{{ header }}
 	<title>
M templates/normal.html → templates/normal.html 
@@ -2,25 +2,10 @@ <!DOCTYPE html>
 <html>
 <header>
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura.css" type="text/css">
+  <link rel="stylesheet" href="/static/responsive.css" type="text/css">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <meta name="HandheldFriendly" content="true">
-<style>
-@media screen and (max-width: 1200px) {
-    #primary { width:67%; }
-    #secondary { width:30%; margin-left:3%;}  
-}
-/* Tabled Portrait */
-@media screen and () {
-    #primary { width:100%; }
-    #secondary { width:100%; margin:0; border:none; }
-}
-html { font-size: 100% }
-@media (min-width: 640px) { body {font-size:1rem;} } 
-@media (min-width:960px) { body {font-size:1.2rem;} } 
-@media (min-width:1100px) { body {font-size:1.5rem;} }
-</style>
-
 	{{ header }}
 	<title>
 		{{ title }}