refactor: sizes zzz
Anirudh icyph0x@pm.me
Thu, 05 Jul 2018 20:21:07 +0530
2 files changed,
14 insertions(+),
15 deletions(-)
M
index.html
→
index.html
@@ -2,7 +2,7 @@ <!DOCTYPE html>
<html lang=en> <link rel="stylesheet" href="/static/style.css" type="text/css"> <meta content="Anirudh Oppiliappan" name=description> -<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> +<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="true">@@ -20,7 +20,7 @@ <h1>Anirudh</h1>
<h1>Oppiliappan</h1> -<p><em>linux, infosec, open source</em></p> +<p><em>linux, infosec, open source.</em></p> <p><a href="https://github.com/icyphox">github</a> • <a href="https://twitter.com/icyphox">twitter</a> • <a href="https://keybase.io/icyphox">keybase</a> • <a href="https://xix.ph0x.me/resume.pdf">résumé</a> • <a href="mailto:icyph0x@pm.me">email</a></p>
M
static/style.css
→
static/style.css
@@ -19,40 +19,39 @@ font-family: 'secular';
src: url('/static/fonts/SecularOne-Regular.ttf'); } -/*@media screen and (max-width: 1200px) { - #primary { width:67%; } - #secondary { width:30%; margin-left:3%;} +@media screen and (max-width: 1200px) { + html { + font-size: 100%; + } } @media screen and (max-width: 768px) { - #primary { width:100%; } - #secondary { width:100%; margin:0; border:none; } + html { + font-size: 300%; + } } -@media (min-width: 640px) { body {font-size:80%;} } -@media (min-width:960px) { body {font-size:100%;} } -@media (min-width:1100px) { body {font-size:120%;} } */ - html { color: #333; - line-height: 50px; } h1 { font-family: 'secular', sans-serif; - font-size: 5.5em; + font-size: 5vw; line-height: 0.3; } em { font-family: 'operator', italic; - font-size: 1.6em; + font-size: 1.5vw; + line-height: 0.6; } a { font-family: 'operator', monospace; - font-size: 1.2em; + font-size: 1vw; color: #444; + line-height: 2; } .centered {