Refined design
This commit is contained in:
parent
b2bde846e0
commit
4987144ea1
@ -45,6 +45,9 @@ enableGitInfo = false
|
|||||||
|
|
||||||
location = "Orcas Island, WA"
|
location = "Orcas Island, WA"
|
||||||
|
|
||||||
|
custom_css = ["customizations.css"]
|
||||||
|
|
||||||
|
|
||||||
# Discussion link (e.g. link to a forum, mailing list, or chat).
|
# Discussion link (e.g. link to a forum, mailing list, or chat).
|
||||||
# Uncomment line below to use.
|
# Uncomment line below to use.
|
||||||
# discussion = { name = "Discuss", url = "https://discourse.gohugo.io" }
|
# discussion = { name = "Discuss", url = "https://discourse.gohugo.io" }
|
||||||
@ -87,7 +90,7 @@ enableGitInfo = false
|
|||||||
text = "Github"
|
text = "Github"
|
||||||
|
|
||||||
[[params.social]]
|
[[params.social]]
|
||||||
icon = "key"
|
icon = "keybase"
|
||||||
icon_pack = "fa"
|
icon_pack = "fa"
|
||||||
link = "//keybase.io/tgrosinger"
|
link = "//keybase.io/tgrosinger"
|
||||||
text = "Keybase"
|
text = "Keybase"
|
||||||
|
|||||||
@ -9,7 +9,17 @@ nocomments: true
|
|||||||
|
|
||||||
I am a
|
I am a
|
||||||
|
|
||||||
* Software Engineer with <a href="https://extrahop.com/">ExtraHop Networks</a>.
|
<ul class="fa-ul">
|
||||||
* Hobbyist woodworker, maker, and tinkerer.
|
<li><span class="fa-li">
|
||||||
* Life-long learner, currently learning small-scale food farming and sustainable
|
<i class="fas fa-chevron-right"></i></span>
|
||||||
living.
|
Hobbyist woodworker, maker, and tinkerer.
|
||||||
|
</li>
|
||||||
|
<li><span class="fa-li">
|
||||||
|
<i class="fas fa-chevron-right"></i></span>
|
||||||
|
Software Engineer with <a href="https://extrahop.com/">ExtraHop Networks</a>
|
||||||
|
</li>
|
||||||
|
<li><span class="fa-li">
|
||||||
|
<i class="fas fa-chevron-right"></i></span>
|
||||||
|
Life-long learner, currently learning small-scale food farming and sustainable living.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
---
|
---
|
||||||
|
order: 3
|
||||||
title: "3D Printing and CNC"
|
title: "3D Printing and CNC"
|
||||||
hero_image: "hero.jpg"
|
hero_image: "hero.jpg"
|
||||||
nometadata: true
|
nometadata: true
|
||||||
notags: true
|
notags: true
|
||||||
noshare: true
|
noshare: true
|
||||||
nocomments: true
|
nocomments: true
|
||||||
carouselimage: "/img/shapeoko.jpg"
|
images: ["shapeoko.jpg"]
|
||||||
carouselimagealt: "This is a test 2"
|
|
||||||
---
|
---
|
||||||
|
|
||||||
CNC machines and 3D printers have historically been inaccessible to the general
|
CNC machines and 3D printers have historically been inaccessible to the general
|
||||||
public because of their cost. Over the last several years however, the price has
|
public because of their cost. However, over the last several years the
|
||||||
been dropping quickly. I have wanted to explore these technologies for a long
|
price has been dropping quickly. I have wanted to explore these technologies for
|
||||||
time and finally have the opportunity to do so.
|
a long time and finally have the opportunity to do so.
|
||||||
|
|||||||
@ -1,15 +1,15 @@
|
|||||||
---
|
---
|
||||||
|
order: 1
|
||||||
title: "Evelyn Farmstead"
|
title: "Evelyn Farmstead"
|
||||||
hero_image: "hero.jpg"
|
hero_image: "hero.jpg"
|
||||||
nometadata: true
|
nometadata: true
|
||||||
notags: true
|
notags: true
|
||||||
noshare: true
|
noshare: true
|
||||||
nocomments: true
|
nocomments: true
|
||||||
carouselimage: "/img/evelynfarmstead.jpg"
|
images: ["evelynfarmstead.jpg", "barn.jpg", "pasture.jpg"]
|
||||||
carouselimagealt: "This is a test 2"
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Over the summer of 2018, Zoë and I moved to Orcas Island. Here we are learning
|
Over the summer of 2018, Zoë and I moved to Orcas Island. Here we are learning
|
||||||
about small-scale farming and sustainable living. In the future we hope to
|
about small-scale farming and sustainable living. In the future we hope to
|
||||||
create a community space to give back to the community that welcomed us so
|
create a community space where we give back to the community that welcomed and
|
||||||
wonderfully.
|
supported us.
|
||||||
|
|||||||
@ -1,12 +1,12 @@
|
|||||||
---
|
---
|
||||||
|
order: 2
|
||||||
title: "1983 Honda Shadow"
|
title: "1983 Honda Shadow"
|
||||||
hero_image: "hero.jpg"
|
hero_image: "hero.jpg"
|
||||||
nometadata: true
|
nometadata: true
|
||||||
notags: true
|
notags: true
|
||||||
noshare: true
|
noshare: true
|
||||||
nocomments: true
|
nocomments: true
|
||||||
carouselimage: "test.jpg"
|
images: ["1983hondavt500c.jpg"]
|
||||||
carouselimagealt: "This is a test"
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Though it has fewer wheels than I imagined my project car would have, it accomplishes the goal just the same. A vehicle that is a joy to ride and easy to repair and tinker with.
|
Though it has fewer wheels than I imagined my project car would have, it accomplishes the goal just the same. A vehicle that is a joy to ride and easy to repair and tinker with.
|
||||||
|
|||||||
75
layouts/partials/header.html
Normal file
75
layouts/partials/header.html
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en-us">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<!-- <meta name="theme" content="hugo-academic"> -->
|
||||||
|
{{ .Hugo.Generator }}
|
||||||
|
{{ with .Site.Params.name }}<meta name="author" content="{{ . }}">{{ end }}
|
||||||
|
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="{{ printf "//fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:400,400italic,700|Roboto+Mono|PT+Sans+Narrow:400,700" . }}">
|
||||||
|
<link rel="stylesheet" href="{{ "styles.css" | relLangURL }}">
|
||||||
|
{{ range .Site.Params.custom_css }}
|
||||||
|
<link rel="stylesheet" href="{{ "/css/" | relURL }}{{ . }}">
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if .Site.GoogleAnalytics }}
|
||||||
|
<script>
|
||||||
|
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
||||||
|
ga('create', '{{ .Site.GoogleAnalytics }}', 'auto');
|
||||||
|
{{ if .Site.Params.privacy_pack }}ga('set', 'anonymizeIp', true);{{ end }}
|
||||||
|
ga('require', 'eventTracker');
|
||||||
|
ga('require', 'outboundLinkTracker');
|
||||||
|
ga('require', 'urlChangeTracker');
|
||||||
|
ga('send', 'pageview');
|
||||||
|
</script>
|
||||||
|
<script async src="//www.google-analytics.com/analytics.js"></script>
|
||||||
|
<script async src="//cdnjs.cloudflare.com/ajax/libs/autotrack/2.4.1/autotrack.js"></script>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if or .Site.RSSLink .RSSLink }}
|
||||||
|
<link rel="alternate" href="{{ .RSSLink | default .Site.RSSLink }}" type="application/rss+xml" title="{{ .Site.Title }}">
|
||||||
|
<link rel="feed" href="{{ .RSSLink | default .Site.RSSLink }}" type="application/rss+xml" title="{{ .Site.Title }}">
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
|
||||||
|
<link rel="manifest" href="/img/favicon/site.webmanifest">
|
||||||
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||||||
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
|
<meta name="theme-color" content="#ffffff">
|
||||||
|
|
||||||
|
<link rel="manifest" href="{{ "site.webmanifest" | relURL }}">
|
||||||
|
<link rel="icon" type="image/png" href="{{ "/img/icon.png" | relURL }}">
|
||||||
|
<link rel="apple-touch-icon" type="image/png" href="{{ "/img/icon-192.png" | relURL }}">
|
||||||
|
|
||||||
|
<link rel="canonical" href="{{ .Permalink }}">
|
||||||
|
|
||||||
|
<meta property="twitter:card" content="summary_large_image">
|
||||||
|
{{ range where $.Site.Params.social ".icon" "twitter" }}
|
||||||
|
<meta property="twitter:site" content="@{{ replaceRE "^//twitter.com/([^/]+)" "$1" .link }}">
|
||||||
|
<meta property="twitter:creator" content="@{{ replaceRE "^//twitter.com/([^/]+)" "$1" .link }}">
|
||||||
|
{{ end }}
|
||||||
|
<meta property="og:site_name" content="{{ .Site.Title }}">
|
||||||
|
<meta property="og:url" content="{{ .Permalink }}">
|
||||||
|
<meta property="og:title" content="{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }}">
|
||||||
|
{{- with .Params.header.image }}<meta property="og:image" content="{{ printf "img/%s" . | absURL }}">{{end}}
|
||||||
|
<meta property="og:locale" content="{{ .Site.LanguageCode | default "en-us" }}">
|
||||||
|
{{ if .IsPage }}
|
||||||
|
{{ if not .PublishDate.IsZero }}<meta property="article:published_time" content="{{ .PublishDate.Format "2006-01-02T15:04:05-07:00" | safeHTML }}">
|
||||||
|
{{ else if not .Date.IsZero }}<meta property="article:published_time" content="{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTML }}">{{ end }}
|
||||||
|
{{ if not .Lastmod.IsZero }}<meta property="article:modified_time" content="{{ .Lastmod.Format "2006-01-02T15:04:05-07:00" | safeHTML }}">{{ end }}
|
||||||
|
{{ else }}
|
||||||
|
{{ if not .Date.IsZero }}<meta property="og:updated_time" content="{{ .Date.Format "2006-01-02T15:04:05-07:00" | safeHTML }}">{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<title>{{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }}</title>
|
||||||
|
|
||||||
|
{{ template "_internal/google_analytics_async.html" . }}
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
@ -6,62 +6,42 @@
|
|||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<div class="post-style" itemprop="articleBody">
|
<div class="post-style" itemprop="articleBody">
|
||||||
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
{{ $paginator := .Paginate (where .Data.Pages "Type" "projects") }}
|
||||||
<div class="carousel-inner" role="listbox">
|
{{ range sort $paginator.Pages "Params.order" }}
|
||||||
{{ $paginator := .Paginate (where .Data.Pages "Type" "projects") }}
|
<div class="row align-items-center">
|
||||||
{{ range first 1 $paginator.Pages }}
|
<div class="col">
|
||||||
<div class="container carousel-item active">
|
<h2>{{ .Title }}</h2>
|
||||||
<div class="row align-items-center">
|
<p>{{ .Content }}</p>
|
||||||
<div class="col">
|
</div>
|
||||||
<h2>{{ .Title }}</h2>
|
|
||||||
<p>{{ .Content }}</p>
|
<div class="col">
|
||||||
</div>
|
{{ if gt (len .Params.images) 1 }}
|
||||||
<div class="col">
|
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
|
||||||
|
<div class="carousel-inner">
|
||||||
|
{{ range $idx, $element := .Params.images }}
|
||||||
|
<div class="carousel-item {{if eq $idx 0 }}active{{ end }}">
|
||||||
<img class="img-fluid rounded"
|
<img class="img-fluid rounded"
|
||||||
src="{{ .Params.carouselimage }}"
|
src="/img/{{ $element }}">
|
||||||
alt="{{ .Params.carouselimagealt }}">
|
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Previous</span>
|
||||||
|
</a>
|
||||||
|
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="sr-only">Next</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ else }}
|
||||||
{{ range after 1 $paginator.Pages }}
|
<img class="img-fluid rounded"
|
||||||
<div class="container carousel-item">
|
src="/img/{{ index .Params.images 0 }}">
|
||||||
<div class="row align-items-center">
|
{{ end }}
|
||||||
<div class="col">
|
</div>
|
||||||
<h2>{{ .Title }}</h2>
|
|
||||||
<p>{{ .Content }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<img class="img-fluid rounded"
|
|
||||||
src="{{ .Params.carouselimage }}"
|
|
||||||
alt="{{ .Params.carouselimagealt }}">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
|
{{ end }}
|
||||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Previous</span>
|
|
||||||
</a>
|
|
||||||
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
|
|
||||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
||||||
<span class="sr-only">Next</span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ if not .Params.notags }}
|
|
||||||
{{ partial "tags.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if not .Params.noshare }}
|
|
||||||
{{ partial "share.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if not .Params.nocomments }}
|
|
||||||
{{ partial "disqus.html" . }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
|
|||||||
26
layouts/partials/sidebar.html
Normal file
26
layouts/partials/sidebar.html
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
<div class="sidebar sticky" itemprop="author" itemscope itemtype="http://schema.org/Person">
|
||||||
|
<div class="author-avatar">
|
||||||
|
<a href="{{ "/" | relURL }}">
|
||||||
|
<img src="{{ (printf "/img/%s" $.Site.Params.avatar) | relURL }}" alt="{{ $.Site.Params.name }}" itemprop="image">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="author-content">
|
||||||
|
<h3 class="author-name" itemprop="name">{{ $.Site.Params.name }}</h3>
|
||||||
|
<p class="author-bio" itemprop="description">{{ $.Site.Params.bio }}</p>
|
||||||
|
</div>
|
||||||
|
<div class="author-urls-wrapper">
|
||||||
|
<ul class="author-urls social-icons" aria-hidden="true">
|
||||||
|
<li itemprop="homeLocation" itemscope itemtype="http://schema.org/Place">
|
||||||
|
<span itemprop="name">{{ $.Site.Params.location }}</span>
|
||||||
|
</li>
|
||||||
|
{{ range $.Site.Params.social }}
|
||||||
|
<li>
|
||||||
|
<a itemprop="sameAs" href="{{ .link | safeURL }}" target="_blank" rel="noopener noreferrer">
|
||||||
|
<i class="fab fa-{{ .icon }}"></i>
|
||||||
|
{{ .text }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
8
static/css/customizations.css
Normal file
8
static/css/customizations.css
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
h1 {
|
||||||
|
font-family: 'PT Sans Narrow', sans-serif;
|
||||||
|
font-weight: 700 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-family: 'PT Sans Narrow', sans-serif;
|
||||||
|
}
|
||||||
BIN
static/img/1983hondavt500c.jpg
Executable file
BIN
static/img/1983hondavt500c.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
BIN
static/img/barn.jpg
Executable file
BIN
static/img/barn.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
BIN
static/img/pasture.jpg
Executable file
BIN
static/img/pasture.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
Loading…
Reference in New Issue
Block a user