Verified Commit 5efb9561 authored by Jake Jarvis's avatar Jake Jarvis 馃惣

sensible padding (aka wtf was I thinking)

parent 288b3aee
......@@ -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"
+++
......@@ -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 @@
</head>
<body>
<div id="container">
<h1>Powncer App on <em>"The Lab with Leo Laporte"</em></h1>
<h1>Facebook App on <em>"The Lab with Leo Laporte"</em></h1>
<video id="player" poster="https://jarv.is/leo/thumb.png" controls crossorigin playsinline>
<!-- Video files -->
......@@ -88,7 +96,20 @@
Your browser doesn't support HTML5 video. <a href="https://jarv.is/leo/leo.mp4">Click here to view the raw .mp4 video.</a>
</video>
<p id="logo"><a href="https://jarv.is/"><img src="https://jarv.is/favicon-128.png" id="logo" alt="Return home" title="Return home"></a></p>
<p id="logo">
<a href="https://jarv.is/">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
<title>Jake Jarvis</title>
<polygon fill="#6fbc4e" points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0"/>
<polygon fill="#6fbc4e" points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5"/>
<polygon fill="#6fbc4e" points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7"/>
<polygon fill="#ffb900" points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1"/>
<polygon fill="#ffb900" points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9"/>
<polygon fill="#009cdf" points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2"/>
<polygon fill="#009cdf" points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9"/>
</svg>
</a>
</p>
<p id="copyright">Video is property of <a href="https://leolaporte.com/" target="_blank" rel="noopener noreferrer nofollow">Leo Laporte</a> and <strong>G4techTV</strong> / <strong>HOW TO Channel</strong>. &copy; 2007.</p>
</div>
......
......@@ -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 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment