1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 06:18:27 -04:00

small changes to AMP CSS

This commit is contained in:
Jake Jarvis 2020-06-19 11:19:32 -04:00
parent f29033f383
commit b97f7a00de
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
3 changed files with 99 additions and 91 deletions

View File

@ -18,10 +18,10 @@ sitemap:
--- ---
<!-- markdownlint-disable MD033 --> <!-- markdownlint-disable MD033 -->
<p class="center"><a class="no-underline" href="https://simpleanalytics.com/jarv.is?utm_source=jarv.is&amp;utm_content=badge" target="_blank" rel="noopener"><img src="https://simpleanalyticsbadge.com/jarv.is?counter=true" alt="Powered by Simple Analytics" referrerpolicy="no-referrer" crossorigin="anonymous"></a></p> <p class="center"><a class="no-underline" href="https://simpleanalytics.com/jarv.is?utm_source=jarv.is&amp;utm_content=badge" target="_blank" rel="noopener"><img src="https://simpleanalyticsbadge.com/jarv.is?counter=true" width="210" height="50" alt="Powered by Simple Analytics" referrerpolicy="no-referrer" crossorigin="anonymous"></a></p>
This website uses [**Simple Analytics**](https://simpleanalytics.com/?ref=jarv.is) to track pageviews **without collecting any personally identifiable information,** including IP addresses, cookies, and browser fingerprints. This website uses [**Simple Analytics**](https://simpleanalytics.com/?ref=jarv.is) to track pageviews **without collecting any personally identifiable information,** including IP addresses, cookies, and browser fingerprints.
In that case, why not share them? 😊 Pageviews for the past month are graphed below and more information (top pages, referrers, etc.) can be found [on a publicly-accessible dashboard.](https://simpleanalytics.com/jarv.is?utm_source=jarv.is&utm_content=badge) In that case, why not share them? 😊 Pageviews for the past month are graphed below and more information (top pages, referrers, etc.) can be found [on a publicly-accessible dashboard.](https://simpleanalytics.com/jarv.is?utm_source=jarv.is&utm_content=badge)
<iframe id="sa-graph" src="https://simpleanalytics.com/jarv.is?color=FF4F64&amp;embed=true&amp;graph_id=1" scrolling="no" title="Simple Analytics graph"></iframe> <iframe id="sa-graph" src="https://simpleanalytics.com/jarv.is?color=FF4F64&amp;embed=true" scrolling="no" title="Simple Analytics graph"></iframe>

View File

@ -73,6 +73,7 @@
} }
a { a {
color: #0e6dc2; color: #0e6dc2;
text-decoration: none;
} }
hr { hr {
margin: 1.25em auto; margin: 1.25em auto;
@ -92,10 +93,17 @@
max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }}; max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
margin: 0 auto; margin: 0 auto;
padding: 0 15px; padding: 0 15px;
line-height: 1.8; line-height: 1.75;
}
div#content {
font-size: 1.025em;
letter-spacing: -0.008em;
}
div#content a:hover {
text-decoration: underline;
} }
h1.title { h1.title {
font-size: 2em; font-size: 2.1em;
line-height: 1.3; line-height: 1.3;
margin-top: 0.4em; margin-top: 0.4em;
margin-bottom: 0.4em; margin-bottom: 0.4em;
@ -103,10 +111,9 @@
} }
h1.title a { h1.title a {
color: inherit; color: inherit;
text-decoration: none;
} }
div#meta { div#meta {
font-size: 0.9em; font-size: 0.925em;
line-height: 1.3; line-height: 1.3;
letter-spacing: 0.04em; letter-spacing: 0.04em;
margin-top: 1.5em; margin-top: 1.5em;
@ -124,18 +131,21 @@
} }
p.caption { p.caption {
margin-top: -1em; margin-top: -1em;
font-size: 0.9em; font-size: 0.95em;
color: #5e5e5e; color: #5e5e5e;
} }
h2 { h2 {
padding-bottom: 0.25em; padding-bottom: 0.1em;
border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
} }
header { header {
width: 100%; width: 100%;
background-color: #fbfbfb; background-color: #fcfcfc;
border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;
} }
header a {
text-decoration: none;
}
nav { nav {
max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }}; max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
margin: 0 auto; margin: 0 auto;
@ -144,22 +154,19 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
nav a {
text-decoration: none;
}
nav a#logo { nav a#logo {
display: flex; display: flex;
align-items: center; align-items: center;
color: #333333; color: #515151;
padding: 15px 0; padding: 16px 0;
} }
nav a#logo svg { nav a#logo svg {
height: 45px; height: 40px;
width: 30px; width: 28px;
} }
nav a#logo span { nav a#logo span {
margin-left: 16px; margin-left: 14px;
font-size: 1.35em; font-size: 1.45em;
font-weight: 500; font-weight: 500;
} }
nav ul { nav ul {
@ -177,6 +184,7 @@
} }
footer { footer {
padding: 20px 15px; padding: 20px 15px;
background-color: #fcfcfc;
border-top: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3;
color: #555; color: #555;
line-height: 1.8; line-height: 1.8;
@ -257,7 +265,7 @@
<ul> <ul>
<li><a href="{{ .Site.BaseURL }}" title="Home">&#x1F3E0;</a></li> <li><a href="{{ .Site.BaseURL }}" title="Home">&#x1F3E0;</a></li>
<li><a href="{{ "notes/" | absURL }}" title="Notes">&#x1F4DD;</a></li> <li><a href="{{ "notes/" | absURL }}" title="Notes">&#x1F4DD;</a></li>
<li><a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F48C;</a></li> <li><a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Email Me">&#x1F4EC;</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>

View File

@ -1,75 +1,75 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>403 Forbidden</title> <title>403 Forbidden</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex"> <meta name="robots" content="noindex">
<style>
body { <style>
background: #4f4f4f; body {
color: #d9d9d9; background: #7a7a7a;
font-family: Helvetica, Arial, sans-serif; color: #f1f1f1;
text-align: center; font-family: Helvetica, Arial, sans-serif;
margin-top: 50px; text-align: center;
} margin-top: 2rem;
a { }
color: #d9d9d9; a {
} color: inherit;
a:hover { }
color: #a5a5a5; a:hover {
} color: #c9c9c9;
h1, h2, svg { }
margin: 1.5rem 0; h1, h2, svg {
} margin: 1.25rem 0;
h1 { }
font-size: 2.5rem; h1 {
} font-size: 2.2rem;
h2 { }
font-size: 1.25rem; h2 {
} font-size: 1.2rem;
</style> }
<link rel="shortcut icon" href="https://jarv.is/img/favicon.ico" sizes="16x16 32x32 48x48"> </style>
</head> </head>
<body> <body>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229 232" width="229" height="232"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229 232" width="229" height="232">
<!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch --> <!-- Generator: Sketch 49.3 (51167) - http://www.bohemiancoding.com/sketch -->
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path fill="#FDDA24" d="M229 115a114 114 0 11-229 0 114 114 0 01229 0"/> <path fill="#161515" d="M36 144c2-19 51-45 84-41s63 25 71 41-3 74-3 74H49s-18-40-13-74"/>
<path fill="#161515" d="M36 144c2-19 51-45 84-41s63 25 71 41-3 74-3 74H49s-18-40-13-74"/> <path fill="#161515" d="M63 102s-4-7 5-18 53-21 76-4c23 16 26 17 24 22-1 5-35 28-38 38-2 10-14 27-15 27 0 0-10-20-18-30-7-10-34-35-34-35"/>
<path fill="#161515" d="M63 102s-4-7 5-18 53-21 76-4c23 16 26 17 24 22-1 5-35 28-38 38-2 10-14 27-15 27 0 0-10-20-18-30-7-10-34-35-34-35"/> <path fill="#FFB18F" d="M80 75c-1 7 6 30 13 40s18 16 24 16c6 1 16-6 23-19 6-14 12-38 12-38l-72 1"/>
<path fill="#FFB18F" d="M80 75c-1 7 6 30 13 40s18 16 24 16c6 1 16-6 23-19 6-14 12-38 12-38l-72 1"/> <path fill="#DB826A" d="M151 77l-2-3-69 1c-1 6 3 20 8 31l21-7c4-2 2-6 6-7s3 6 6 7l21 8 9-30"/>
<path fill="#DB826A" d="M151 77l-2-3-69 1c-1 6 3 20 8 31l21-7c4-2 2-6 6-7s3 6 6 7l21 8 9-30"/> <path fill="#90CED6" d="M64 100s12-15 48-14c35 0 53 14 53 14s-31-12-56-11c-20 1-45 11-45 11"/>
<path fill="#90CED6" d="M64 100s12-15 48-14c35 0 53 14 53 14s-31-12-56-11c-20 1-45 11-45 11"/> <path fill="#353535" d="M59 102c-1 0 15-54 37-69 12-9 34-8 46 1 14 12 30 67 29 69 0 2-19-14-56-15-39-1-53 15-56 14"/>
<path fill="#353535" d="M59 102c-1 0 15-54 37-69 12-9 34-8 46 1 14 12 30 67 29 69 0 2-19-14-56-15-39-1-53 15-56 14"/> <path fill="#353535" d="M59 102s2-4 4-3c14 6 45 35 50 50 6 21 3 32 3 32s-9-26-24-44c-11-14-33-35-33-35"/>
<path fill="#353535" d="M59 102s2-4 4-3c14 6 45 35 50 50 6 21 3 32 3 32s-9-26-24-44c-11-14-33-35-33-35"/> <path fill="#353535" d="M171 103s-2-5-4-4c-13 7-45 35-49 51-6 20-2 31-2 31s8-25 22-43c11-14 33-35 33-35"/>
<path fill="#353535" d="M171 103s-2-5-4-4c-13 7-45 35-49 51-6 20-2 31-2 31s8-25 22-43c11-14 33-35 33-35"/> <path fill="#DB826A" d="M109 104l5-2 6 3c-1 1-11 0-11-1"/>
<path fill="#DB826A" d="M109 104l5-2 6 3c-1 1-11 0-11-1"/> <path fill="#7C4639" d="M106 116c-1-1 4-2 10-2h7l-7 1c-3 0-10 3-10 1"/>
<path fill="#7C4639" d="M106 116c-1-1 4-2 10-2h7l-7 1c-3 0-10 3-10 1"/> <path fill="#DB826A" d="M105 113c1 1-2 3-1 4l4 2s-3 1-5-2c-1-1 1-5 2-4"/>
<path fill="#DB826A" d="M105 113c1 1-2 3-1 4l4 2s-3 1-5-2c-1-1 1-5 2-4"/> <path fill="#444444" d="M118 32c-14 0-25 43-28 58a112 112 0 0151 1c-2-15-5-59-23-59"/>
<path fill="#444444" d="M118 32c-14 0-25 43-28 58a112 112 0 0151 1c-2-15-5-59-23-59"/> <path fill="#90CED6" d="M115 179c-1-12-5-29-20-44-8-9-16-15-22-19a186 186 0 0142 63"/>
<path fill="#90CED6" d="M115 179c-1-12-5-29-20-44-8-9-16-15-22-19a186 186 0 0142 63"/> <path fill="#353535" d="M45 130c-17 13-37 63-40 79-3 17 53 22 63 17s-6-73-12-81c-5-8-8-18-11-15"/>
<path fill="#353535" d="M45 130c-17 13-37 63-40 79-3 17 53 22 63 17s-6-73-12-81c-5-8-8-18-11-15"/> <path fill="#474747" d="M138 138l18-20c-6 4-12 10-19 17a78 78 0 00-19 43c2-8 9-26 20-40"/>
<path fill="#474747" d="M138 138l18-20c-6 4-12 10-19 17a78 78 0 00-19 43c2-8 9-26 20-40"/> <path fill="#232323" d="M50 159s-7 17-11 21c-3 4-11 1-15 4s-5 13-5 13 10-7 19-4c10 4 17-3 17-3l-5-31"/>
<path fill="#232323" d="M50 159s-7 17-11 21c-3 4-11 1-15 4s-5 13-5 13 10-7 19-4c10 4 17-3 17-3l-5-31"/> <path fill="#2B2B2B" d="M51 198s-15-4-20 1c-4 4-4 8-4 8s3-4 7-5c7-2 21 7 15-1l2-3"/>
<path fill="#2B2B2B" d="M51 198s-15-4-20 1c-4 4-4 8-4 8s3-4 7-5c7-2 21 7 15-1l2-3"/> <path fill="#353535" d="M180 130c16 13 36 63 39 79 3 17-53 22-63 17s6-73 12-81 8-18 12-15"/>
<path fill="#353535" d="M180 130c16 13 36 63 39 79 3 17-53 22-63 17s6-73 12-81 8-18 12-15"/> <path fill="#232323" d="M175 159s6 17 10 21 11 1 16 4c4 3 5 13 5 13s-10-7-20-4c-10 4-17-3-17-3l6-31"/>
<path fill="#232323" d="M175 159s6 17 10 21 11 1 16 4c4 3 5 13 5 13s-10-7-20-4c-10 4-17-3-17-3l6-31"/> <path fill="#2B2B2B" d="M174 198s14-4 20 1c4 4 4 8 4 8s-4-4-8-5c-6-2-21 7-15-1l-1-3"/>
<path fill="#2B2B2B" d="M174 198s14-4 20 1c4 4 4 8 4 8s-4-4-8-5c-6-2-21 7-15-1l-1-3"/> <path fill="#2B2B2B" d="M199 179s-2-7-7-8l-11-7s3 12 5 13c6 2 13 2 13 2"/>
<path fill="#2B2B2B" d="M199 179s-2-7-7-8l-11-7s3 12 5 13c6 2 13 2 13 2"/> <path fill="#2B2B2B" d="M26 179s2-7 6-8l11-7s-2 12-5 13c-5 2-12 2-12 2"/>
<path fill="#2B2B2B" d="M26 179s2-7 6-8l11-7s-2 12-5 13c-5 2-12 2-12 2"/> <polygon fill="#AAAAAA" points="48.105165 228.092039 187.147495 228.092039 187.147495 147.475417 48.105165 147.475417"/>
<polygon fill="#AAAAAA" points="48.105165 228.092039 187.147495 228.092039 187.147495 147.475417 48.105165 147.475417"/> <polygon fill="#8C8C8C" points="48.105165 231.972971 187.147495 231.972971 187.147495 228.004194 48.105165 228.004194"/>
<polygon fill="#8C8C8C" points="48.105165 231.972971 187.147495 231.972971 187.147495 228.004194 48.105165 228.004194"/> <polygon fill="#CECECE" points="73.055301 228.303767 87.8447379 228.303767 87.8447379 226.927534 73.055301 226.927534"/>
<polygon fill="#CECECE" points="73.055301 228.303767 87.8447379 228.303767 87.8447379 226.927534 73.055301 226.927534"/> <polygon fill="#CECECE" points="147.40567 228.303767 162.199612 228.303767 162.199612 226.927534 147.40567 226.927534"/>
<polygon fill="#CECECE" points="147.40567 228.303767 162.199612 228.303767 162.199612 226.927534 147.40567 226.927534"/> <polygon fill="#CECECE" points="48.105165 149.540893 187.147495 149.540893 187.147495 147.666874 48.105165 147.666874"/>
<polygon fill="#CECECE" points="48.105165 149.540893 187.147495 149.540893 187.147495 147.666874 48.105165 147.666874"/> <polyline fill="#474747" points="114.936932 176.946175 108.936466 176.946175 108.936466 182.674097 110.702369 182.674097 110.702369 178.531883 114.936932 178.531883 114.936932 176.946175"/>
<polyline fill="#474747" points="114.936932 176.946175 108.936466 176.946175 108.936466 182.674097 110.702369 182.674097 110.702369 178.531883 114.936932 178.531883 114.936932 176.946175"/> <polyline fill="#474747" points="120.317981 176.946175 126.318447 176.946175 126.318447 182.674097 124.554796 182.674097 124.554796 178.531883 120.317981 178.531883 120.317981 176.946175"/>
<polyline fill="#474747" points="120.317981 176.946175 126.318447 176.946175 126.318447 182.674097 124.554796 182.674097 124.554796 178.531883 120.317981 178.531883 120.317981 176.946175"/> <polyline fill="#474747" points="120.317981 193.251495 126.318447 193.251495 126.318447 187.525825 124.554796 187.525825 124.554796 191.668039 120.317981 191.668039 120.317981 193.251495"/>
<polyline fill="#474747" points="120.317981 193.251495 126.318447 193.251495 126.318447 187.525825 124.554796 187.525825 124.554796 191.668039 120.317981 191.668039 120.317981 193.251495"/> <polyline fill="#474747" points="114.936932 193.251495 108.936466 193.251495 108.936466 187.525825 110.702369 187.525825 110.702369 191.668039 114.936932 191.668039 114.936932 193.251495"/>
<polyline fill="#474747" points="114.936932 193.251495 108.936466 193.251495 108.936466 187.525825 110.702369 187.525825 110.702369 191.668039 114.936932 191.668039 114.936932 193.251495"/> </g>
</g> </svg>
</svg>
<h1>Fancy meeting you here...</h1> <h1>Fancy meeting you here...</h1>
<h2>Nice try, though! <a href="https://jarv.is/">Shall we go back home?</a> 😊</h2> <h2>Nice try, though! <a href="/">Shall we head back home?</a> 👮</h2>
</body> </body>
</html> </html>