mirror of
https://github.com/seigler/seigler.github.io
synced 2025-07-27 07:16:09 +00:00
feat: add site menu, update styles
This commit is contained in:
parent
5703c1ebee
commit
ce68ce48ee
22 changed files with 187 additions and 207 deletions
16
gulpfile.js
16
gulpfile.js
|
@ -12,16 +12,16 @@
|
|||
// Include Gulp plugins
|
||||
var gulp = require('gulp'),
|
||||
gutil = require('gulp-util'), // useful Gulp tools, used here for color text on console
|
||||
rename = require('gulp-rename'), // rename files
|
||||
less = require('gulp-less'), // compile LESS into CSS
|
||||
watch = require('gulp-watch'), // monitors files for changes
|
||||
notify = require('gulp-notify'), // pops up OS notifications
|
||||
autoprefix = require('gulp-autoprefixer'), // applies browser prefixes based on data from caniuse.com
|
||||
plumber = require('gulp-plumber'), // allows gulp to continue despite an error
|
||||
clean = require('gulp-clean'), // deletes files and directories
|
||||
rename = require('gulp-rename'), // renames files
|
||||
less = require('gulp-less'), // compiles LESS CSS
|
||||
sourcemaps = require('gulp-sourcemaps'), // helps browsers show the original source location of code
|
||||
watch = require('gulp-watch'), // monitors files for changes
|
||||
plumber = require('gulp-plumber'), // lets gulp-watch recover from errors
|
||||
autoprefix = require('gulp-autoprefixer'), // applies browser prefixes based on data from caniuse.com
|
||||
svgstore = require('gulp-svgstore'), // combines SVGs into a sprite sheet
|
||||
svgmin = require('gulp-svgmin'), // minifies SVGs to save filesize
|
||||
clean = require('gulp-clean'), // for deleting files and directories
|
||||
notify = require('gulp-notify'), // pops up OS notifications
|
||||
path = require('path'),
|
||||
spawn = require('child_process').spawn,
|
||||
// Define source and destination paths
|
||||
|
@ -119,7 +119,7 @@ gulp.task('clean:site', function () {
|
|||
|
||||
// Run `hugo` build command in a child process
|
||||
gulp.task('build:site', ['clean:site', 'build:less', 'build:icons'], function () {
|
||||
var child = spawn("hugo", ["-s", "./src", "-d", "./build"], {cwd: process.cwd()}),
|
||||
var child = spawn("hugo", ["-s", "./src", "-d", "../dist"], {cwd: process.cwd()}),
|
||||
stdout = '',
|
||||
stderr = '';
|
||||
|
||||
|
|
72
index.html
72
index.html
|
@ -1,72 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Home - joshua.seigler.net</title>
|
||||
<link rel="stylesheet" href="site.css"> </head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header>
|
||||
<nav></nav>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Homepage</h1>
|
||||
<section>
|
||||
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora nam pariatur perferendis. Alias, reprehenderit accusantium veniam fugit, iure odio saepe cumque illo architecto rerum blanditiis non delectus ipsum nemo facere?</div>
|
||||
<div>Similique animi vel officia repellat est autem quod, omnis incidunt et, explicabo neque quos? Sit enim sequi ea in iste perferendis asperiores, vero aliquid dicta modi eos quaerat nihil nobis.</div>
|
||||
<div>Amet, dolor assumenda cumque architecto impedit. Assumenda minus fugiat eum atque maiores magni excepturi quia quis, quaerat praesentium incidunt laudantium dolorum. Cupiditate odit deleniti iste ipsam vel, itaque obcaecati assumenda.</div>
|
||||
<div>Non magnam, dolorum. Sequi quia natus repellat consectetur voluptatibus, dolorem tenetur sed facilis possimus. Perferendis possimus error ex dicta vitae molestias quas accusantium eos impedit a eius, fugiat officia nulla.</div>
|
||||
<div>Incidunt odio consequuntur ratione iste odit in quam. Pariatur dolore saepe, ducimus aliquid accusantium vero a dolor possimus error, veniam temporibus doloremque accusamus numquam laborum tempore atque culpa soluta autem.</div>
|
||||
<div>In maxime illo totam quis mollitia quia culpa natus, molestiae, distinctio temporibus architecto beatae accusamus, repellat nulla at ea odit reprehenderit tempora incidunt consectetur dolor deserunt harum corrupti. Nostrum, nihil.</div>
|
||||
<div>Odio, aliquam rerum aliquid provident, ad fugiat libero. Natus laudantium eius recusandae, ea nobis enim illo. Blanditiis repellendus, distinctio quibusdam quisquam sint quo repellat at, cum dicta doloremque hic, inventore?</div>
|
||||
<div>Distinctio ipsa dolorem alias quod a rem ad amet deleniti illo expedita corporis modi quo delectus nemo, atque, eveniet aliquam? Qui nesciunt odio quod commodi fugiat veritatis voluptate, quidem minima?</div>
|
||||
<div>Itaque quod dolorem ab! Accusamus voluptatem fugiat ullam assumenda rem eum obcaecati itaque eveniet harum repudiandae, delectus tempora perspiciatis aut ut sed eius nobis aspernatur ipsum libero iusto. Odit, voluptates?</div>
|
||||
<div>Eum animi omnis est numquam hic nemo, autem dolores, aliquam, cupiditate architecto, a dicta vel quidem necessitatibus ipsum eius. Possimus saepe, consectetur! Eius, placeat nostrum unde minima similique praesentium, quibusdam.</div>
|
||||
<div>Magnam mollitia dicta odit deserunt recusandae officia, magni, quae quasi placeat, animi aspernatur consectetur esse. Voluptas asperiores, iste quia quibusdam porro ipsa, facere nemo ullam voluptate id magnam quam minima?</div>
|
||||
<div>Temporibus nesciunt dicta tempora, rerum quibusdam reprehenderit doloremque unde accusantium. Deleniti, cum, eveniet quidem aspernatur placeat reprehenderit aliquid laborum similique nisi aperiam fugit officia assumenda reiciendis suscipit ad magni totam!</div>
|
||||
<div>Assumenda ipsum, odit iusto explicabo ad quos error, repudiandae est odio, numquam enim, consequatur nemo exercitationem. Assumenda, dolorem aperiam nemo illo earum culpa ut adipisci aliquam quos corporis officiis doloribus.</div>
|
||||
<div>Laudantium, ducimus dolorum commodi cumque, quod blanditiis ut asperiores natus fugiat, placeat, voluptates voluptatum nobis. Sequi dolore commodi odio hic, iste, harum labore repellat quos omnis nihil porro voluptate adipisci.</div>
|
||||
<div>Voluptas deserunt perferendis ex magni tempora voluptatibus quibusdam, commodi ipsa alias laborum aperiam minus, iusto dolore esse obcaecati repellendus facere ratione nobis beatae tenetur? Maxime perferendis nisi ex, iusto cumque.</div>
|
||||
<div>At obcaecati, nemo totam magnam voluptatum harum, sint asperiores quod ullam quae recusandae perspiciatis consectetur possimus. Odit distinctio repudiandae sapiente sunt omnis tempora inventore, ad temporibus tempore vero at libero.</div>
|
||||
<div>Numquam, quia tempora corporis doloribus quasi porro tenetur! Cumque hic molestiae laudantium accusamus explicabo eum repellendus a molestias laboriosam, eos architecto harum quia blanditiis nisi esse fugit iste atque vitae.</div>
|
||||
<div>A quasi impedit, saepe corporis vero. Incidunt harum odit quod molestias maxime, adipisci perspiciatis qui. Harum voluptatibus unde cum delectus adipisci praesentium pariatur, porro modi iusto ipsam quibusdam error ex?</div>
|
||||
<div>Ipsa veritatis repudiandae distinctio impedit voluptas maxime itaque recusandae totam deserunt deleniti ex nisi, inventore error consequatur debitis optio vero quo at praesentium. Veritatis suscipit aliquid, iusto dolore architecto in.</div>
|
||||
<div>Suscipit, nemo, illum! Illum animi, voluptates, incidunt pariatur harum quas ratione tenetur inventore ducimus repellat veniam omnis ipsa asperiores facere earum quo debitis beatae sit totam nisi, saepe voluptate! Tempora.</div>
|
||||
<div>Quae, neque. Ipsam quia eum, hic magni ad incidunt, culpa sapiente dolor architecto perferendis doloremque itaque quasi at magnam facilis expedita aspernatur repudiandae eligendi dolores laudantium est in enim non.</div>
|
||||
<div>Beatae explicabo ad enim voluptatum facilis repellendus reprehenderit debitis possimus totam inventore magnam velit voluptas, doloribus accusantium quo minus dolores optio ab nulla. Officia, aut laboriosam tempore numquam, excepturi unde!</div>
|
||||
<div>Aliquid amet aspernatur minima fugiat molestias libero. Vitae sequi saepe dignissimos adipisci animi rem eum, totam nisi, nam cum fugiat culpa asperiores modi sunt ut distinctio optio fuga? Facere, quaerat!</div>
|
||||
<div>Suscipit tempora quae, laudantium delectus magni. Laudantium vitae expedita blanditiis deleniti aut! Officia ipsum, omnis minus maxime, libero expedita laboriosam iste totam, ratione quo maiores atque consequuntur obcaecati voluptates esse.</div>
|
||||
<div>Consectetur quaerat aliquid inventore, blanditiis, quasi illum sapiente ipsam dolorum debitis alias enim iusto sunt, ducimus non culpa unde hic consequuntur sit eius tenetur, mollitia laborum quis! Culpa, possimus illum!</div>
|
||||
<div>Perferendis in tempore necessitatibus facere quia nesciunt eveniet quas accusantium voluptates. Quae accusantium sequi dolores, quidem a quis, soluta eveniet, culpa pariatur autem quisquam distinctio assumenda debitis sapiente illum repellendus?</div>
|
||||
<div>Ad eum dicta earum maxime necessitatibus blanditiis nam veritatis, excepturi deleniti asperiores aspernatur suscipit, dolores iste sunt libero mollitia quam atque sed laudantium quibusdam incidunt vel dignissimos assumenda aut maiores.</div>
|
||||
<div>Facere saepe accusamus similique exercitationem eius minima laborum dolorum, tempore officia iste, dolore! Cumque distinctio enim nemo asperiores, ex qui tenetur, non sequi odit animi illo facilis id quaerat accusantium.</div>
|
||||
<div>Ipsa minus dolorem sequi, ducimus aut doloremque, excepturi est esse facilis ipsam assumenda recusandae animi, sapiente quae necessitatibus maiores molestias perspiciatis blanditiis officia aliquid eaque error sint temporibus. Amet, eius.</div>
|
||||
<div>Consectetur quae quaerat deleniti maiores, molestias minima molestiae aspernatur commodi possimus. Laborum perspiciatis, obcaecati maxime quisquam quibusdam sapiente velit mollitia, minus vero quae incidunt facere, recusandae quasi repudiandae nihil cum.</div>
|
||||
<div>Est molestiae dolore quas voluptas. Impedit ullam adipisci eius! Officia nobis, tempora nesciunt est quibusdam. Quod quibusdam ea voluptatem necessitatibus, quo, voluptatum nulla corporis doloribus, repudiandae asperiores exercitationem est et.</div>
|
||||
<div>Consectetur sed optio illum et autem quo, veniam ex saepe consequuntur in accusamus quam non tenetur impedit quidem enim, quasi! Illum facere consequatur consectetur eum. Assumenda minima ducimus, ipsum laborum!</div>
|
||||
<div>Non dolor dignissimos accusantium quaerat, dicta ex ducimus deserunt consectetur, earum eveniet quos cum sapiente ipsam quibusdam. Aspernatur aperiam placeat omnis, rem tempore, nam optio, explicabo, molestiae consequatur quia fugiat?</div>
|
||||
<div>Optio dolorem et illo non quidem sint veritatis at delectus dolorum repellendus. Aspernatur animi cum est vero. Obcaecati numquam fuga veniam adipisci odit, quidem. Error necessitatibus nemo, modi iste autem?</div>
|
||||
<div>Illum excepturi nihil magni odio, error architecto omnis nisi voluptas inventore saepe iure temporibus qui commodi soluta autem non, pariatur nostrum et repudiandae officiis vitae suscipit minus alias tempora cupiditate.</div>
|
||||
<div>Eligendi quibusdam excepturi totam, in nam ducimus harum iste et quae ex officiis vel debitis assumenda dicta repudiandae labore, tenetur, accusamus consectetur dolor qui quas velit architecto minima! Asperiores, eum.</div>
|
||||
<div>Facilis delectus veritatis in adipisci temporibus ipsa officiis, ipsum, eius architecto cum itaque, aliquid amet minima sapiente rerum recusandae ratione eveniet voluptates odit! Adipisci eligendi esse, possimus dignissimos, impedit ducimus?</div>
|
||||
<div>Vero similique fugit voluptatem obcaecati nostrum veniam velit consectetur at ipsam quidem! Ipsum quo sit minima fugit adipisci quasi autem facere molestiae ex, totam animi id, nemo debitis corporis. Veniam.</div>
|
||||
<div>Autem iure, magni debitis minus qui quam modi atque, animi reprehenderit laudantium, dolore eius at. Eligendi itaque necessitatibus distinctio nam consectetur. Sapiente animi sit laborum nobis quo voluptate eaque nulla.</div>
|
||||
<div>Nobis pariatur consequatur libero dolorem alias minima fuga, distinctio nostrum molestias rem voluptate quasi dolor aliquam illo in porro blanditiis neque odit quas totam error! Nihil, praesentium aspernatur dolores saepe.</div>
|
||||
<div>Esse molestias repellat magni iure ea iste aliquam laborum tenetur. Ut doloribus iusto ducimus quae id provident veritatis nam dolor animi sit reiciendis libero ipsam eius, perferendis praesentium possimus. Ducimus.</div>
|
||||
<div>Quis accusamus rem, quas vitae eaque, ipsum labore saepe placeat quam, odio ad asperiores neque beatae? Assumenda ea, cupiditate eum molestiae sequi at non aut, illum. Ipsa cum, provident quae.</div>
|
||||
<div>Eius tenetur debitis veritatis, vel. Esse, veniam, quo voluptas distinctio numquam corporis necessitatibus odio beatae facilis obcaecati optio voluptates voluptatem cupiditate molestias tempora voluptate minus sunt eius tempore iusto! Aperiam.</div>
|
||||
<div>Laudantium illo neque alias ipsam laborum eum. Doloremque fuga quibusdam praesentium, nostrum tempora eum quos magni corporis modi aperiam reiciendis, consequuntur velit numquam adipisci quae cumque error non, dolorem odit.</div>
|
||||
<div>Eligendi in sapiente deleniti perferendis eius quidem quae doloribus delectus, laudantium debitis obcaecati veritatis, iure cum. Quibusdam magnam, aspernatur commodi adipisci, sequi, impedit voluptate inventore, veritatis necessitatibus quasi officiis enim?</div>
|
||||
<div>Natus facilis, nostrum distinctio? At dolore labore obcaecati deleniti asperiores minus laudantium libero placeat nobis ipsam ipsa consectetur impedit, ad, laborum pariatur odio eligendi quia natus reprehenderit quo quas tenetur!</div>
|
||||
<div>Quibusdam, eligendi omnis quas aspernatur sequi rerum voluptas, est, iure exercitationem in repudiandae deserunt molestiae dolore eos nesciunt eius magnam. Repellendus nemo nam eos dolor molestias voluptate, sint nihil. Inventore.</div>
|
||||
<div>Sint, earum, nisi? Dolorum hic, quam vero adipisci quasi. Reiciendis nobis alias cumque error asperiores voluptas odio omnis quas amet voluptate, iste dolores doloremque est. Ad assumenda obcaecati, illo unde.</div>
|
||||
<div>Minima, molestias nam saepe exercitationem quaerat commodi at delectus, corrupti praesentium voluptas optio, soluta! Sapiente minus, eveniet quaerat ex eaque distinctio hic, nulla, molestiae nisi voluptates cumque sunt sed, obcaecati.</div>
|
||||
<div>Corrupti consequuntur reiciendis nostrum deserunt doloremque. Ad porro nostrum enim quaerat itaque voluptatum amet laboriosam numquam iste ipsam esse in culpa doloribus consequatur, quo temporibus qui est commodi vel consequuntur.</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -13,6 +13,7 @@
|
|||
"gulp-notify": "^3.0.0",
|
||||
"gulp-plumber": "^1.1.0",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-rev-all": "^0.9.7",
|
||||
"gulp-sourcemaps": "^2.4.1",
|
||||
"gulp-svgmin": "^1.2.3",
|
||||
"gulp-svgstore": "^6.1.0",
|
||||
|
|
53
site.css
53
site.css
|
@ -1,53 +0,0 @@
|
|||
/* micro styles reset */
|
||||
*, :before, :after {
|
||||
box-sizing: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
transform-style: preserve-3d;
|
||||
font-family: inherit;
|
||||
}
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*layout*/
|
||||
body {
|
||||
background-image: url(workstation.jpg);
|
||||
background-size: 100% auto;
|
||||
background-position: 50% 0%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100%;
|
||||
font-size: calc(1em + 1vw);
|
||||
font-family: monospace;
|
||||
perspective: 68vw;
|
||||
perspective-origin: 69vw 45vw;
|
||||
}
|
||||
.wrapper {
|
||||
position: relative;
|
||||
transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vw, 5.3vw, -27.4vw);
|
||||
transform-origin: top right;
|
||||
color: #DA0;
|
||||
padding: 1vw;
|
||||
height: 75vw;
|
||||
width: 100vw;
|
||||
margin: 0 auto;
|
||||
overflow: auto;
|
||||
}
|
||||
@media (min-width: 100vh) {
|
||||
body {
|
||||
background-size: 100vh auto;
|
||||
font-size: calc(1em + 1vh);
|
||||
font-family: monospace;
|
||||
perspective: 68vh;
|
||||
perspective-origin: calc(50vw + 19vh) 45vh;
|
||||
}
|
||||
.wrapper {
|
||||
transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vh, 5.3vh, -27.4vh);
|
||||
transform-origin: top right;
|
||||
color: #DA0;
|
||||
padding: 1vh;
|
||||
width: 100vh;
|
||||
height: 75vh;
|
||||
}
|
||||
}
|
9
src/archetypes/default.md
Normal file
9
src/archetypes/default.md
Normal file
|
@ -0,0 +1,9 @@
|
|||
+++
|
||||
title = ""
|
||||
description = ""
|
||||
date = ""
|
||||
categories = []
|
||||
tags = []
|
||||
thumbnail = ""
|
||||
draft = true
|
||||
+++
|
|
@ -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
19
src/content/about.md
Normal 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.
|
6
src/content/posts/first-impressions-of-hugo.md
Normal file
6
src/content/posts/first-impressions-of-hugo.md
Normal file
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
date = "2017-02-11T16:15:16-05:00"
|
||||
title = "First impressions of Hugo"
|
||||
+++
|
||||
|
||||
It's pretty great!
|
|
@ -1,2 +1,2 @@
|
|||
+++
|
||||
+++
|
||||
---
|
||||
---
|
||||
|
|
3
src/themes/eos/archetypes/posts.md
Normal file
3
src/themes/eos/archetypes/posts.md
Normal file
|
@ -0,0 +1,3 @@
|
|||
---
|
||||
draft: true
|
||||
---
|
|
@ -0,0 +1,11 @@
|
|||
{{ define "title" }}
|
||||
404 Not Found - {{ .Site.Title }}
|
||||
{{ end }}
|
||||
{{ define "main" }}
|
||||
<h1>Page Not Found</h1>
|
||||
<pre> _ _ ___ _ _
|
||||
| || | / _ \| || |
|
||||
| || |_| | | | || |_
|
||||
|__ _| |_| |__ _|
|
||||
|_| \___/ |_|</pre>
|
||||
{{ end }}
|
|
@ -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>
|
|
@ -0,0 +1,10 @@
|
|||
{{ define "main" }}
|
||||
<h1>Posts</h1>
|
||||
{{ range .Data.Pages }}
|
||||
<article>
|
||||
<h2>{{ .Title }}</h2>
|
||||
{{ .Summary }}
|
||||
{{ .More }}
|
||||
</article>
|
||||
{{ end }}
|
||||
{{ end }}
|
|
@ -0,0 +1,6 @@
|
|||
{{ define "main" }}
|
||||
<article>
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</article>
|
||||
{{ end }}
|
|
@ -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 }}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
45
yarn.lock
45
yarn.lock
|
@ -57,6 +57,10 @@ ansi-styles@^2.2.1:
|
|||
version "2.2.1"
|
||||
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
|
||||
|
||||
ansi-styles@~1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-1.0.0.tgz#cb102df1c56f5123eab8b67cd7b98027a0279178"
|
||||
|
||||
anymatch@^1.3.0:
|
||||
version "1.3.0"
|
||||
resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507"
|
||||
|
@ -280,6 +284,14 @@ chalk@^1.0.0, chalk@^1.1.1, chalk@^1.1.3:
|
|||
strip-ansi "^3.0.0"
|
||||
supports-color "^2.0.0"
|
||||
|
||||
chalk@~0.4.0:
|
||||
version "0.4.0"
|
||||
resolved "https://registry.yarnpkg.com/chalk/-/chalk-0.4.0.tgz#5199a3ddcd0c1efe23bc08c1b027b06176e0c64f"
|
||||
dependencies:
|
||||
ansi-styles "~1.0.0"
|
||||
has-color "~0.1.0"
|
||||
strip-ansi "~0.1.0"
|
||||
|
||||
cheerio@0.*:
|
||||
version "0.22.0"
|
||||
resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.22.0.tgz#a9baa860a3f9b595a6b81b1a86873121ed3a269e"
|
||||
|
@ -937,6 +949,15 @@ gulp-rename@^1.2.2:
|
|||
version "1.2.2"
|
||||
resolved "https://registry.yarnpkg.com/gulp-rename/-/gulp-rename-1.2.2.tgz#3ad4428763f05e2764dec1c67d868db275687817"
|
||||
|
||||
gulp-rev-all@^0.9.7:
|
||||
version "0.9.7"
|
||||
resolved "https://registry.yarnpkg.com/gulp-rev-all/-/gulp-rev-all-0.9.7.tgz#e037e8148238bd51471516de17451b556db4d67c"
|
||||
dependencies:
|
||||
chalk "~0.4.0"
|
||||
gulp-util "~2.2.14"
|
||||
merge "^1.2.0"
|
||||
through2 "~0.4.0"
|
||||
|
||||
gulp-sourcemaps@^2.4.1:
|
||||
version "2.4.1"
|
||||
resolved "https://registry.yarnpkg.com/gulp-sourcemaps/-/gulp-sourcemaps-2.4.1.tgz#8f65dc5c0d07b2fd5c88bc60ec7f13e56716bf74"
|
||||
|
@ -966,7 +987,7 @@ gulp-svgstore@^6.1.0:
|
|||
cheerio "0.*"
|
||||
gulp-util "^3.0.0"
|
||||
|
||||
gulp-util@^2.2.14:
|
||||
gulp-util@^2.2.14, gulp-util@~2.2.14:
|
||||
version "2.2.20"
|
||||
resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-2.2.20.tgz#d7146e5728910bd8f047a6b0b1e549bc22dbd64c"
|
||||
dependencies:
|
||||
|
@ -1062,6 +1083,10 @@ has-ansi@^2.0.0:
|
|||
dependencies:
|
||||
ansi-regex "^2.0.0"
|
||||
|
||||
has-color@~0.1.0:
|
||||
version "0.1.7"
|
||||
resolved "https://registry.yarnpkg.com/has-color/-/has-color-0.1.7.tgz#67144a5260c34fc3cca677d041daf52fe7b78b2f"
|
||||
|
||||
has-flag@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
|
||||
|
@ -1708,6 +1733,10 @@ meow@^3.3.0:
|
|||
redent "^1.0.0"
|
||||
trim-newlines "^1.0.0"
|
||||
|
||||
merge@^1.2.0:
|
||||
version "1.2.0"
|
||||
resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.0.tgz#7531e39d4949c281a66b8c5a6e0265e8b05894da"
|
||||
|
||||
micromatch@^2.1.5, micromatch@^2.3.7:
|
||||
version "2.3.11"
|
||||
resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
|
||||
|
@ -1897,13 +1926,7 @@ object.omit@^2.0.0:
|
|||
for-own "^0.1.4"
|
||||
is-extendable "^0.1.1"
|
||||
|
||||
once@^1.3.0:
|
||||
version "1.4.0"
|
||||
resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
|
||||
dependencies:
|
||||
wrappy "1"
|
||||
|
||||
once@~1.3.0, once@~1.3.3:
|
||||
once@^1.3.0, once@~1.3.0, once@~1.3.3:
|
||||
version "1.3.3"
|
||||
resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20"
|
||||
dependencies:
|
||||
|
@ -2355,6 +2378,10 @@ strip-ansi@^3.0.0, strip-ansi@^3.0.1:
|
|||
dependencies:
|
||||
ansi-regex "^2.0.0"
|
||||
|
||||
strip-ansi@~0.1.0:
|
||||
version "0.1.1"
|
||||
resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-0.1.1.tgz#39e8a98d044d150660abe4a6808acf70bb7bc991"
|
||||
|
||||
strip-bom-stream@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/strip-bom-stream/-/strip-bom-stream-2.0.0.tgz#f87db5ef2613f6968aa545abfe1ec728b6a829ca"
|
||||
|
@ -2443,7 +2470,7 @@ through2@2.X, through2@^2, through2@^2.0.0, through2@^2.0.3:
|
|||
readable-stream "^2.1.5"
|
||||
xtend "~4.0.1"
|
||||
|
||||
through2@^0.4.2:
|
||||
through2@^0.4.2, through2@~0.4.0:
|
||||
version "0.4.2"
|
||||
resolved "https://registry.yarnpkg.com/through2/-/through2-0.4.2.tgz#dbf5866031151ec8352bb6c4db64a2292a840b9b"
|
||||
dependencies:
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue