jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-23 02:21:16 -04:00
Code Issues Activity

sensible padding (aka wtf was I thinking)

Browse Source
This commit is contained in:
Jake Jarvis
2019-08-11 13:56:48 -04:00
parent 4559011bcc
commit 8b8005ec1d
3 changed files with 39 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
static/leo/index.html
View File

@@ -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>