feat: add site menu, update styles

This commit is contained in:
Joshua Seigler 2017-02-11 20:44:09 -05:00
parent 5703c1ebee
commit ce68ce48ee
22 changed files with 187 additions and 207 deletions

View file

@ -0,0 +1,9 @@
+++
title = ""
description = ""
date = ""
categories = []
tags = []
thumbnail = ""
draft = true
+++

View file

@ -1,6 +1,14 @@
languageCode = "en-us"
title = "My New Hugo Site"
baseurl = "http://example.org/"
title = "joshua.seigler.net"
baseurl = "https://joshua.seigler.net/"
source = "src/"
publishDir = "../dest"
publishDir = "../dist"
theme = "eos"
[[menu.main]]
name = "Home"
url = "/"
weight = -1
[[menu.main]]
name = "Posts"
url = "/posts"

19
src/content/about.md Normal file
View file

@ -0,0 +1,19 @@
---
title: "About"
date: "2017-02-11"
menu: "main"
---
Hi, I'm Joshua Seigler. I'm a:
## Web developer
I like to make websites. Since 2013 I work at XPO Logistics. Front-end web technology like CSS and SVG comes most easily, but I'm also learning to solve problems with Javascript, JS libraries, and C Sharp. See some of my personal projects on GitHub.
## Cryptocurrency enthusiast
Bitcoin, and Dash, and other blockchain applications are just starting to change the world. Sound money is key to personal liberty.
## Boardgamer
I play a lot of boardgames. You can see my game collection if you like. My favorite games tend towards low-chance high-strategy, with indirect competition and interesting choices.
## Artist
I make ink sketches sometimes, for fun and to improve my skill.

View file

@ -0,0 +1,6 @@
+++
date = "2017-02-11T16:15:16-05:00"
title = "First impressions of Hugo"
+++
It's pretty great!

View file

@ -1,2 +1,2 @@
+++
+++
---
---

View file

@ -0,0 +1,3 @@
---
draft: true
---

View file

@ -0,0 +1,11 @@
{{ define "title" }}
404 Not Found - {{ .Site.Title }}
{{ end }}
{{ define "main" }}
<h1>Page Not Found</h1>
<pre> _ _ ___ _ _
| || | / _ \| || |
| || |_| | | | || |_
|__ _| |_| |__ _|
|_| \___/ |_|</pre>
{{ end }}

View file

@ -3,10 +3,10 @@
<head>
<meta charset="UTF-8">
<title>{{ block "title" }}
{{ .Site.Title }}
<title>{{ block "title" . }}
{{ .Title }} - {{ .Site.Title }}
{{ end }}</title>
<link rel="stylesheet" href="bundle.css">
<link rel="stylesheet" href="/css/bundle.css">
</head>
<body>

View file

@ -0,0 +1,10 @@
{{ define "main" }}
<h1>Posts</h1>
{{ range .Data.Pages }}
<article>
<h2>{{ .Title }}</h2>
{{ .Summary }}
{{ .More }}
</article>
{{ end }}
{{ end }}

View file

@ -0,0 +1,6 @@
{{ define "main" }}
<article>
<h1>{{ .Title }}</h1>
{{ .Content }}
</article>
{{ end }}

View file

@ -1,39 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ .Site.Title }}</title>
<link rel="stylesheet" href="css/bundle.css">
</head>
<body>
<div class="wrapper">
{{ partial "header" . }}
<main>
<pre style="font-size: 2.2vmin">
dP dP dP dP dP
88 88 88 88 88
88 .8P .8P .d8888b. 88 .d8888b. .d8888b. 88d8b.d8b. .d8888b. 88
88 d8' d8' 88ooood8 88 88' `"" 88' `88 88'`88'`88 88ooood8 dP
88.d8P8.d8P 88. ... 88 88. ... 88. .88 88 88 88 88. ...
8888' Y88' `88888P' dP `88888P' `88888P' dP dP dP `88888P' oo
</pre>
<p>Hi, I'm Joshua Seigler. I'm a:</p>
<h2>Web developer</h2>
<p>I like to make websites. Since 2013 I work at XPO Logistics. Front-end web technology like CSS and SVG comes most easily, but I'm also learning to solve problems with Javascript, JS libraries, and C Sharp. See some of my personal projects on GitHub.</p>
<h2>Cryptocurrency enthusiast</h2>
<p>Bitcoin, and Dash, and other blockchain applications are just starting to change the world. Sound money is key to personal liberty.</p>
<h2>Boardgamer</h2>
<p>I play a lot of boardgames. You can see my game collection if you like. My favorite games tend towards low-chance high-strategy, with indirect competition and interesting choices.</p>
<h2>Artist</h2>
<p>I make ink sketches sometimes, for fun and to improve my skill.</p>
</main>
{{ partial "footer" . }}
</div>
</body>
</html>
{{ define "main" }}
<h2>Posts</h2>
<section class="posts">
{{ range where .Data.Pages "Section" "posts" }}
<a href="{{ .URL }}">{{ .Title }}</a>
{{ end }}
</section>
<ul>
</ul>
{{ end }}

View file

@ -1,6 +1,8 @@
<header>
<nav>
<a href="/">Home</a>
<a href="/blog">Blog</a>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<a {{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} class="active"{{end}} href="{{.URL}}">{{ .Name }}</a>
{{ end }}
</nav>
</header>

View file

@ -39,6 +39,25 @@ h4 {
border-bottom: 0.1em dotted;
margin-top: 1em;
}
header {
background-color: white;
color: #20282a;
}
header nav a {
text-decoration: none;
}
header nav a:hover {
text-decoration: underline;
}
header nav a:before {
content: '[';
}
header nav a:after {
content: ']';
}
footer {
border-top: 0.1em dotted;
}
/*layout*/
html {
font-size: calc(2em);
@ -46,9 +65,10 @@ html {
}
body {
background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);
background-size: 100% auto, auto 133.3vh;
background-size: 100% auto, auto 133.3vmin;
background-position: 100% 0%;
background-repeat: no-repeat, repeat-x;
background-color: white;
height: 100%;
font-family: monospace;
perspective: 68vw;
@ -105,8 +125,5 @@ main {
-ms-flex-positive: 1;
flex-grow: 1;
}
footer {
padding-top: 1em;
}
/*# sourceMappingURL=bundle.css.map */

File diff suppressed because one or more lines are too long

View file

@ -34,3 +34,22 @@ h1, h2, h3, h4 {
border-bottom: 0.1em dotted;
margin-top: 1em;
}
header {
background-color: @color-text;
color: #20282a;
nav a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
&:before {
content: '[';
}
&:after {
content: ']';
}
}
}
footer {
border-top: 0.1em dotted;
}

View file

@ -6,9 +6,10 @@ html {
body {
background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);
background-size: 100% auto, auto 133.3vh;
background-size: 100% auto, auto 133.3vmin;
background-position: 100% 0%;
background-repeat: no-repeat, repeat-x;
background-color: white;
height: 100%;
font-family: monospace;
perspective: 68vw;
@ -64,5 +65,4 @@ main {
}
footer {
padding-top: 1em;
}

View file

@ -3,19 +3,15 @@
name = "Eos"
license = "MIT"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE.md"
licenselink = "https://mit-license.org/"
description = ""
homepage = "http://siteforthistheme.com/"
homepage = ""
tags = ["", ""]
features = ["", ""]
min_version = 0.18
[author]
name = ""
homepage = ""
name = "Joshua Seigler"
homepage = "https://joshua.seigler.net/"
# If porting an existing theme
[original]
name = ""
homepage = ""
repo = ""
# Original theme from scratch