From 8b8005ec1df115739e5f80afac8b7a7b5ad25e3e Mon Sep 17 00:00:00 2001 From: Jake Jarvis Date: Sun, 11 Aug 2019 13:56:48 -0400 Subject: [PATCH] sensible padding (aka wtf was I thinking) --- content/_index.md | 2 +- static/leo/index.html | 43 ++++++++++++++++++++++++++++++++----------- static/style.css | 15 ++++++--------- 3 files changed, 39 insertions(+), 21 deletions(-) diff --git a/content/_index.md b/content/_index.md index 88dcd070..39ef987a 100644 --- a/content/_index.md +++ b/content/_index.md @@ -2,5 +2,5 @@ title = "Jake Jarvis – Web & Mobile Developer in Boston, MA" description = "I'm a full-stack web engineer and mobile developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and iOS apps." type = "home" -date = "2019-08-04" +date = "2019-08-10" +++ diff --git a/static/leo/index.html b/static/leo/index.html index 8e23ec8f..45d6a78e 100644 --- a/static/leo/index.html +++ b/static/leo/index.html @@ -27,41 +27,49 @@ "Droid Sans", "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } + div#container { display: table-cell; vertical-align: middle; margin: 0 auto; + padding: 20px; width: 100%; height: 100%; text-align: center; } - p#logo img { + + p#logo { + margin-top: 16px; + margin-bottom: 8px; + } + p#logo svg { height: 48px; width: 48px; - margin-top: 6px; + padding: 4px; } + p#copyright { + padding: 0 10px; + margin: 0; font-size: 0.85em; line-height: 1.5em; color: #666; - padding: 0 10px; } p#copyright a { - text-decoration: none; font-weight: bold; + text-decoration: none; color: #666; } /* Responsive embed: */ + video, .plyr { width: 640px; margin: 0 auto; - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", - "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", - "Droid Sans", "Helvetica Neue", sans-serif, - "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: inherit; } - @media screen and (max-width: 640px) { + + @media screen and (max-width: 680px) { video, .plyr { width: 100%; } @@ -74,7 +82,7 @@
-

Powncer App on "The Lab with Leo Laporte"

+

Facebook App on "The Lab with Leo Laporte"

- +
diff --git a/static/style.css b/static/style.css index b3851297..2b8439d9 100644 --- a/static/style.css +++ b/static/style.css @@ -30,8 +30,8 @@ a { /*! Home Styles */ body#home { - max-width: 1450px; - padding: 6% 8%; + max-width: 1070px; + padding: 60px; } body#home img#me { @@ -432,8 +432,7 @@ body#home footer div#info a#source { @media screen and (max-width: 800px) { body#home { font-size: 16px; - margin-top: 10px; - margin-bottom: 10px; + padding: 30px; } body#home img#me { @@ -508,8 +507,8 @@ body#home h1 span#wave { body#notes { font-size: 18px; font-weight: 400; - max-width: 1350px; - padding: 20px 10%; + max-width: 1010px; + padding: 20px 50px; } body#notes a { @@ -795,13 +794,12 @@ body#notes main#archive section.year div.title { @media screen and (max-width: 800px) { body#notes { - padding: 20px; + padding: 30px; } body#notes, body#notes main#single article { width: 100%; max-width: 100%; - box-sizing: border-box; } body#notes header { @@ -824,7 +822,6 @@ body#notes main#archive section.year div.title { body#notes footer div#copyright, body#notes footer div#poweredby { width: 50%; - line-height: 20px; font-size: 14px; line-height: 1.8em; }