mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 12:56:21 -04:00
switch everything from messy hCards/microdata to JSON-LD
This commit is contained in:
parent
cf3e2ca5cf
commit
1ea90613c9
GPG Key ID:
2B0C9CF251E69A39
@ -21,13 +21,16 @@ disableAliases = true
|
||||
|
||||
[author]
|
||||
name = "Jake Jarvis"
|
||||
jobTitle = "Front-End Web Developer"
|
||||
email = "jake@jarv.is"
|
||||
twitter = "@jakejarvis"
|
||||
twitter = "jakejarvis"
|
||||
github = "jakejarvis"
|
||||
facebook = "jakejarvis"
|
||||
facebook_id = "1329090853"
|
||||
linkedin = "jakejarvis"
|
||||
|
||||
[params]
|
||||
description = "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
|
||||
domain = "jarv.is"
|
||||
facebook_app_id = "3357248167622283"
|
||||
gitRepo = "https://github.com/jakejarvis/jarv.is"
|
||||
|
||||
@ -1,14 +1,13 @@
|
||||
---
|
||||
title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
|
||||
date: 2019-11-09 16:26:21-0400
|
||||
description: "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
|
||||
date: 2019-11-22 16:26:21-0400
|
||||
type: home
|
||||
---
|
||||
|
||||
<header>
|
||||
<img itemprop="image" id="me" class="u-photo" src="/me.jpg" height="160" width="160" alt="Photo of Jake Jarvis" title="Photo of Jake Jarvis">
|
||||
<h1>Hi! I'm <a itemprop="url" rel="me author" class="u-url no-underline" href="/" title="Jake Jarvis"><span itemprop="name" class="p-name">Jake Jarvis</span></a>. <span id="wave">👋<!--🏻--></span></h1>
|
||||
<h2 itemprop="description">I'm a <span itemprop="jobTitle">frontend web developer</span> based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3" title=""Boston Accent Trailer - Late Night with Seth Meyers" on YouTube" id="boston" target="_blank" rel="noopener noreferrer nofollow"><span itemprop="homeLocation">Boston</span></a>.</h2>
|
||||
<img id="me" src="/me.jpg" height="160" width="160" alt="Photo of Jake Jarvis" title="Photo of Jake Jarvis">
|
||||
<h1>Hi! I'm <a class="no-underline" rel="me author" href="/" title="Jake Jarvis">Jake Jarvis</a>. <span id="wave">👋<!--🏻--></span></h1>
|
||||
<h2>I'm a frontend web developer based in <a href="https://www.youtube-nocookie.com/embed/rLwbzGyC6t4?hl=en&fs=1&showinfo=1&rel=0&iv_load_policy=3" title=""Boston Accent Trailer - Late Night with Seth Meyers" on YouTube" id="boston" target="_blank" rel="noopener noreferrer nofollow">Boston</a>.</h2>
|
||||
</header>
|
||||
<p>My recent focus has been on <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title=""The Brutal Lifecycle of JavaScript Frameworks" by Ian Allen" id="javascript" target="_blank" rel="noopener noreferrer nofollow">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener noreferrer nofollow">React</a>, <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener noreferrer nofollow">Angular</a>, and <a href="https://vuejs.org/" title="Vue.js Official Website" id="vue" target="_blank" rel="noopener noreferrer nofollow">Vue</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener noreferrer nofollow">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener noreferrer nofollow">Go</a> backends...</p>
|
||||
<p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title=""PHP in 2019" by Brent Roose" id="php" target="_blank" rel="noopener noreferrer nofollow">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener noreferrer nofollow">Ruby</a>, <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener noreferrer nofollow">Java</a>, <a href="https://isocpp.org/" title="Standard C++ Official Website" id="cpp" target="_blank" rel="noopener noreferrer nofollow">C++</a>, and <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener noreferrer nofollow">Python</a> as well.</p>
|
||||
@ -24,4 +23,4 @@ type: home
|
||||
<a href="https://gigaom.com/2009/10/06/fresh-faces-in-tech-10-kid-entrepreneurs-to-watch/6/" title=""Fresh Faces in Tech: 10 Kid Entrepreneurs to Watch" on Gigaom" id="news-7" target="_blank" rel="noopener noreferrer nofollow">outlets</a>.
|
||||
</p>
|
||||
<p>You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="me noopener noreferrer">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener noreferrer">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener noreferrer">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener noreferrer">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener noreferrer">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener noreferrer">Mastodon</a>, and my standard <a href="/resume.pdf" title="View PDF Resume" id="resume" target="_blank" rel="noopener">PDF resume here</a>.</p>
|
||||
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a itemprop="email" class="u-email" href="mailto:jake@jarv.is" title="Send Email" id="email">email</a><sup> <a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis's Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!</p>
|
||||
<p>If any of this fits with what you're looking for, I'd love to hear from you via <a href="mailto:jake@jarv.is" title="Send Email" id="email">email</a><sup> <a class="no-underline" href="https://keybase.io/jakejarvis/pgp_keys.asc?fingerprint=87fb4b6006dd1beb3ed47fabd36cb66f4002b25b" title="Jake Jarvis's Public Key on Keybase" id="pgp" target="_blank" rel="noopener noreferrer nofollow">D36C B66F 4002 B25B</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener noreferrer nofollow">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!</p>
|
||||
|
||||
@ -13,7 +13,8 @@
|
||||
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
|
||||
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<meta name="author" content="{{ .Site.Author.name }}">
|
||||
{{ partial "open-graph.html" . }}
|
||||
{{ partial "open-graph.html" . }}
|
||||
|
||||
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
|
||||
<style amp-custom>
|
||||
body {
|
||||
@ -147,21 +148,23 @@
|
||||
div.highlight span.ge { font-style: italic; }
|
||||
div.highlight span.gs { font-weight: bold; }
|
||||
</style>
|
||||
|
||||
<link rel="icon" href="{{ "favicon-192.png" | absURL }}" sizes="192x192">
|
||||
<link rel="icon" href="{{ "favicon-48.png" | absURL }}" sizes="48x48">
|
||||
<link rel="icon" href="{{ "favicon-32.png" | absURL }}" sizes="32x32">
|
||||
<link rel="icon" href="{{ "favicon-16.png" | absURL }}" sizes="16x16">
|
||||
<link rel="shortcut icon" href="{{ "favicon.ico" | absURL }}">
|
||||
<link rel="alternate" type="application/rss+xml" href="{{ "index.xml" | absURL }}" title="{{ .Site.Title }} (RSS)">
|
||||
{{ partial "schema.html" . }}
|
||||
{{ partial "schema-article.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<a id="logo" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
|
||||
{{ partial "logo.html" . }}
|
||||
{{ partial "logo.html" . }}
|
||||
<span id="name">{{ .Site.Title }}</span>
|
||||
</a>
|
||||
|
||||
<ul>
|
||||
<li><a href="{{ .Site.BaseURL }}" title="Home">🏠</a></li>
|
||||
<li><a href="{{ "notes/" | absURL }}" title="Notes">📝</a></li>
|
||||
@ -169,14 +172,16 @@
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<article>
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p class="meta">
|
||||
by <a class="author" href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>
|
||||
by <a class="author" href="{{ .Site.BaseURL }}" rel="me author">{{ .Site.Author.name }}</a>
|
||||
on <a class="date" href="{{ (.OutputFormats.Get "html").Permalink }}">{{ .Date.Format "January 2, 2006" }}</a>
|
||||
</p>
|
||||
{{ .Content }}
|
||||
{{ .Content }}
|
||||
</article>
|
||||
|
||||
<footer>
|
||||
<div class="left">Content by <a href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>, licensed under <a href="https://creativecommons.org/licenses/by/4.0/" title="Creative Commons Attribution 4.0 International" target="_blank" rel="noopener noreferrer nofollow">CC-BY-4.0</a>.</div>
|
||||
<div class="right"><a class="back-to-top" href="#top">↑ Back to top.</a></div>
|
||||
|
||||
@ -1,22 +1,22 @@
|
||||
{{ partial "header.html" . }}
|
||||
{{ partial "blog-header.html" . }}
|
||||
<main id="single">
|
||||
<article itemscope itemtype="http://schema.org/BlogPosting" class="h-entry">
|
||||
<article>
|
||||
<div id="info">
|
||||
<h1 itemprop="name headline" class="p-name"><a href="{{ .Permalink }}" itemprop="url" class="u-url no-underline">{{ .Title }}</a></h1>
|
||||
<h1><a href="{{ .Permalink }}" class="no-underline">{{ .Title }}</a></h1>
|
||||
<div id="meta">
|
||||
by <span itemprop="author" itemscope itemtype="http://schema.org/Person" class="p-author"><a itemprop="url" rel="me author" href="{{ .Site.BaseURL }}" title="{{ .Site.Author.name }}" class="h-card no-underline"><span itemprop="name" class="p-name">{{ .Site.Author.name }}</span></a></span>
|
||||
· <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}"><time itemprop="datePublished" content="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}" class="dt-published">{{ .Date.Format "January 2, 2006" }}</time></a>
|
||||
by <a class="no-underline" href="{{ .Site.BaseURL }}" rel="me author">{{ .Site.Author.name }}</a>
|
||||
· <a class="no-underline" href="{{ .Permalink }}" title="{{ .Date.Format "Mon, Jan 2 2006 3:04:05 PM MST" }}">{{ .Date.Format "January 2, 2006" }}</a>
|
||||
· <a class="no-underline" href="{{ .Site.Params.gitRepo }}/blob/master/content/{{ .File.Path }}" title="Edit this page on GitHub" target="_blank" rel="noopener nofollow noreferrer">Improve Post</a>
|
||||
<div id="tags">
|
||||
{{- range .Params.tags }}
|
||||
<span itemprop="keywords" class="tag p-category">{{ . }}</span>
|
||||
<span class="tag">{{ . }}</span>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="content" itemprop="articleBody" class="e-content">
|
||||
{{ .Content }}
|
||||
<div id="content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{{ partial "header.html" . }}
|
||||
<main itemscope itemtype="http://schema.org/Person" class="h-card">
|
||||
<main>
|
||||
{{ .Content }}
|
||||
<footer>
|
||||
<div id="blog"><a href="{{ "notes/" | absURL }}" title="{{ .Site.Author.name }}'s Blog" rel="me"><span>📝</span> Read more at my blog...</a></div>
|
||||
@ -7,4 +7,4 @@
|
||||
<div id="info"><span id="copyright"><a class="no-underline" href="{{ .Site.Params.wayback }}" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">© {{ .Site.Params.copyrightFirstYear }} –</a> {{ now.Format "2006" }} <a class="no-underline" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title }}</a>.</span> <a class="no-underline" href="{{ .Site.Params.gitRepo }}" title="View Source on GitHub" id="source" target="_blank" rel="noopener noreferrer">View source.</a></div>
|
||||
</footer>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ partial "footer.html" . }}
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
{{ hugo.Generator }}
|
||||
<title>{{ .Title }}{{ if not .IsHome }} – {{ .Site.Title }}{{ end }} 👨‍💻</title>
|
||||
<title>{{ .Title }}{{ if not .IsHome }} – {{ .Site.Title }}{{ else }} 👨‍💻{{ end }}</title>
|
||||
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<meta name="author" content="{{ .Site.Author.name }}">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
@ -23,10 +23,15 @@
|
||||
<link rel="icon" href="{{ "favicon-16.png" | absURL }}" sizes="16x16">
|
||||
<link rel="shortcut icon" href="{{ "favicon.ico" | absURL }}">
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
{{- if and (eq .Type "notes") (eq .Kind "page") }}{{ with .OutputFormats.Get "amp" }}
|
||||
<link rel="amphtml" href="{{ .Permalink }}">
|
||||
{{- end }}{{ end }}
|
||||
<link rel="alternate" type="application/rss+xml" href="{{ "index.xml" | absURL }}" title="{{ .Site.Title }} (RSS)">
|
||||
<link rel="author" href="{{ "humans.txt" | absURL }}">
|
||||
{{ if and (eq .Type "notes") (eq .Kind "page") }}
|
||||
{{ with .OutputFormats.Get "amp" }}
|
||||
<link rel="amphtml" href="{{ .Permalink }}">
|
||||
{{ end }}
|
||||
{{ partial "schema-article.html" . }}
|
||||
{{ else }}
|
||||
{{ partial "schema-person.html" . }}
|
||||
{{ end }}
|
||||
</head>
|
||||
<body id="{{ .Type }}">
|
||||
|
||||
@ -4,12 +4,14 @@
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:url" content="{{ .Permalink }}">
|
||||
<meta property="og:description" content="{{ if .Description }}{{ .Description }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<meta property="og:image" content="{{ if .Params.image }}{{ (printf "%s%s%s" (.OutputFormats.Get "html").Permalink "images/" .Params.image ) }}{{ else }}{{ "me_lg.jpg" | absURL }}{{ end }}">
|
||||
<meta property="og:image" content="{{ if .Params.image }}{{ (printf "%s%s%s" (.OutputFormats.Get "html").Permalink "images/" .Params.image ) }}{{ else }}{{ "me_lg.jpg" | absURL }}{{ end }}">
|
||||
{{- if .IsPage }}
|
||||
{{- if not .PublishDate.IsZero }}
|
||||
<meta property="article:published_time" content="{{ .PublishDate.Format "2006-01-02T15:04:05-07:00" | safeHTMLAttr }}">
|
||||
<meta property="article:modified_time" content="{{ .PublishDate.Format "2006-01-02T15:04:05-07:00" | safeHTMLAttr }}">
|
||||
{{- else if not .Date.IsZero }}
|
||||
<meta property="article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTMLAttr }}">
|
||||
<meta property="article:modified_time" content="{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTMLAttr }}">
|
||||
{{- end }}
|
||||
{{- with .Site.Author.facebook }}
|
||||
<meta property="article:author" content="https://www.facebook.com/{{ . }}">{{ end }}
|
||||
@ -20,7 +22,7 @@
|
||||
<meta property="fb:app_id" content="{{ .Site.Params.facebook_app_id }}">
|
||||
<meta name="twitter:card" content="summary">
|
||||
<meta name="twitter:domain" content="{{ .Site.Params.domain }}">
|
||||
<meta name="twitter:site" content="{{ .Site.Author.twitter }}">
|
||||
<meta name="twitter:creator" content="{{ .Site.Author.twitter }}">
|
||||
<meta name="twitter:site" content="{{ printf "%s%s" "@" .Site.Author.twitter }}">
|
||||
<meta name="twitter:creator" content="{{ printf "%s%s" "@" .Site.Author.twitter }}">
|
||||
<meta name="twitter:dnt" content="on">
|
||||
<meta name="twitter:widgets:csp" content="on">
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "BlogPosting",
|
||||
"url": {{ with .OutputFormats.Get "html" }}{{ .Permalink }}{{ end }},
|
||||
"mainEntityOfPage": {{ with .OutputFormats.Get "html" }}{{ .Permalink }}{{ end }},
|
||||
"name": {{ .Title }},
|
||||
"headline": {{ .Title }},
|
||||
"datePublished": {{ .PublishDate.Format "2006-01-02T15:04:05-07:00" }},
|
||||
"dateModified": {{ .PublishDate.Format "2006-01-02T15:04:05-07:00" }},
|
||||
@ -32,7 +34,7 @@
|
||||
},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"url": {{ if .Params.image }}{{ (printf "%s%s%s" (.OutputFormats.Get "html").Permalink "images/" .Params.image ) }}{{ else }}{{ "me_lg.jpg" | absURL }}{{ end }}
|
||||
"url": {{ if .Params.image }}{{ (printf "%s%s%s" (.OutputFormats.Get "html").Permalink "images/" .Params.image ) }}{{ else }}{{ "me_lg.jpg" | absURL }}{{ end }}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
23
layouts/partials/schema-person.html
Normal file
23
layouts/partials/schema-person.html
Normal file
@ -0,0 +1,23 @@
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "Person",
|
||||
"name": {{ .Site.Author.name }},
|
||||
"url": {{ .Site.BaseURL }},
|
||||
"description": {{ .Site.Params.description }},
|
||||
"jobTitle": {{ .Site.Author.jobtitle }},
|
||||
"image": {
|
||||
"@type": "ImageObject",
|
||||
"url": {{ "me_lg.jpg" | absURL }},
|
||||
"width": 920,
|
||||
"height": 920
|
||||
},
|
||||
"sameAs": [
|
||||
{{ .Site.BaseURL }},
|
||||
"https://github.com/{{ .Site.Author.github }}",
|
||||
"https://twitter.com/{{ .Site.Author.twitter }}",
|
||||
"https://www.facebook.com/{{ .Site.Author.facebook }}",
|
||||
"https://www.linkedin.com/in/{{ .Site.Author.linkedin }}/"
|
||||
]
|
||||
}
|
||||
</script>
|
||||
Loading…
x
Reference in New Issue
Block a user