jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 14:56:21 -04:00
Code Issues

small changes to AMP CSS

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/stats.md
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>

42
layouts/_default/single.amp.html
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>

30
static/403.html
View File

@ -1,41 +1,40 @@
<!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> <style>
body { body {
background: #4f4f4f; background: #7a7a7a;
color: #d9d9d9; color: #f1f1f1;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
text-align: center; text-align: center;
margin-top: 50px; margin-top: 2rem;
} }
a { a {
color: #d9d9d9; color: inherit;
} }
a:hover { a:hover {
color: #a5a5a5; color: #c9c9c9;
} }
h1, h2, svg { h1, h2, svg {
margin: 1.5rem 0; margin: 1.25rem 0;
} }
h1 { h1 {
font-size: 2.5rem; font-size: 2.2rem;
} }
h2 { h2 {
font-size: 1.25rem; font-size: 1.2rem;
} }
</style> </style>
<link rel="shortcut icon" href="https://jarv.is/img/favicon.ico" sizes="16x16 32x32 48x48"> </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"/>
@ -69,7 +68,8 @@
<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>