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

@ -12,16 +12,16 @@
// Include Gulp plugins // Include Gulp plugins
var gulp = require('gulp'), var gulp = require('gulp'),
gutil = require('gulp-util'), // useful Gulp tools, used here for color text on console gutil = require('gulp-util'), // useful Gulp tools, used here for color text on console
rename = require('gulp-rename'), // rename files clean = require('gulp-clean'), // deletes files and directories
less = require('gulp-less'), // compile LESS into CSS rename = require('gulp-rename'), // renames files
watch = require('gulp-watch'), // monitors files for changes less = require('gulp-less'), // compiles LESS CSS
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
sourcemaps = require('gulp-sourcemaps'), // helps browsers show the original source location of code 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 svgstore = require('gulp-svgstore'), // combines SVGs into a sprite sheet
svgmin = require('gulp-svgmin'), // minifies SVGs to save filesize 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'), path = require('path'),
spawn = require('child_process').spawn, spawn = require('child_process').spawn,
// Define source and destination paths // Define source and destination paths
@ -119,7 +119,7 @@ gulp.task('clean:site', function () {
// Run `hugo` build command in a child process // Run `hugo` build command in a child process
gulp.task('build:site', ['clean:site', 'build:less', 'build:icons'], function () { 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 = '', stdout = '',
stderr = ''; stderr = '';

View file

@ -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>

View file

@ -13,6 +13,7 @@
"gulp-notify": "^3.0.0", "gulp-notify": "^3.0.0",
"gulp-plumber": "^1.1.0", "gulp-plumber": "^1.1.0",
"gulp-rename": "^1.2.2", "gulp-rename": "^1.2.2",
"gulp-rev-all": "^0.9.7",
"gulp-sourcemaps": "^2.4.1", "gulp-sourcemaps": "^2.4.1",
"gulp-svgmin": "^1.2.3", "gulp-svgmin": "^1.2.3",
"gulp-svgstore": "^6.1.0", "gulp-svgstore": "^6.1.0",

View file

@ -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;
}
}

View file

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

View file

@ -1,6 +1,14 @@
languageCode = "en-us" languageCode = "en-us"
title = "My New Hugo Site" title = "joshua.seigler.net"
baseurl = "http://example.org/" baseurl = "https://joshua.seigler.net/"
source = "src/" source = "src/"
publishDir = "../dest" publishDir = "../dist"
theme = "eos" 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> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{{ block "title" }} <title>{{ block "title" . }}
{{ .Site.Title }} {{ .Title }} - {{ .Site.Title }}
{{ end }}</title> {{ end }}</title>
<link rel="stylesheet" href="bundle.css"> <link rel="stylesheet" href="/css/bundle.css">
</head> </head>
<body> <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> {{ define "main" }}
<html lang="en"> <h2>Posts</h2>
<section class="posts">
<head> {{ range where .Data.Pages "Section" "posts" }}
<meta charset="UTF-8"> <a href="{{ .URL }}">{{ .Title }}</a>
<title>{{ .Site.Title }}</title> {{ end }}
<link rel="stylesheet" href="css/bundle.css"> </section>
</head> <ul>
</ul>
<body> {{ end }}
<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>

View file

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

View file

@ -39,6 +39,25 @@ h4 {
border-bottom: 0.1em dotted; border-bottom: 0.1em dotted;
margin-top: 1em; 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*/ /*layout*/
html { html {
font-size: calc(2em); font-size: calc(2em);
@ -46,9 +65,10 @@ html {
} }
body { body {
background-image: url(../img/workstation.jpg), url(../img/gradient.jpg); 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-position: 100% 0%;
background-repeat: no-repeat, repeat-x; background-repeat: no-repeat, repeat-x;
background-color: white;
height: 100%; height: 100%;
font-family: monospace; font-family: monospace;
perspective: 68vw; perspective: 68vw;
@ -105,8 +125,5 @@ main {
-ms-flex-positive: 1; -ms-flex-positive: 1;
flex-grow: 1; flex-grow: 1;
} }
footer {
padding-top: 1em;
}
/*# sourceMappingURL=bundle.css.map */ /*# 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; border-bottom: 0.1em dotted;
margin-top: 1em; 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 { body {
background-image: url(../img/workstation.jpg), url(../img/gradient.jpg); 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-position: 100% 0%;
background-repeat: no-repeat, repeat-x; background-repeat: no-repeat, repeat-x;
background-color: white;
height: 100%; height: 100%;
font-family: monospace; font-family: monospace;
perspective: 68vw; perspective: 68vw;
@ -64,5 +65,4 @@ main {
} }
footer { footer {
padding-top: 1em;
} }

View file

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

View file

@ -57,6 +57,10 @@ ansi-styles@^2.2.1:
version "2.2.1" version "2.2.1"
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" 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: anymatch@^1.3.0:
version "1.3.0" version "1.3.0"
resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.0.tgz#a3e52fa39168c825ff57b0248126ce5a8ff95507" 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" strip-ansi "^3.0.0"
supports-color "^2.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.*: cheerio@0.*:
version "0.22.0" version "0.22.0"
resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.22.0.tgz#a9baa860a3f9b595a6b81b1a86873121ed3a269e" 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" version "1.2.2"
resolved "https://registry.yarnpkg.com/gulp-rename/-/gulp-rename-1.2.2.tgz#3ad4428763f05e2764dec1c67d868db275687817" 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: gulp-sourcemaps@^2.4.1:
version "2.4.1" version "2.4.1"
resolved "https://registry.yarnpkg.com/gulp-sourcemaps/-/gulp-sourcemaps-2.4.1.tgz#8f65dc5c0d07b2fd5c88bc60ec7f13e56716bf74" 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.*" cheerio "0.*"
gulp-util "^3.0.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" version "2.2.20"
resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-2.2.20.tgz#d7146e5728910bd8f047a6b0b1e549bc22dbd64c" resolved "https://registry.yarnpkg.com/gulp-util/-/gulp-util-2.2.20.tgz#d7146e5728910bd8f047a6b0b1e549bc22dbd64c"
dependencies: dependencies:
@ -1062,6 +1083,10 @@ has-ansi@^2.0.0:
dependencies: dependencies:
ansi-regex "^2.0.0" 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: has-flag@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa" 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" redent "^1.0.0"
trim-newlines "^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: micromatch@^2.1.5, micromatch@^2.3.7:
version "2.3.11" version "2.3.11"
resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565" 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" for-own "^0.1.4"
is-extendable "^0.1.1" is-extendable "^0.1.1"
once@^1.3.0: once@^1.3.0, once@~1.3.0, once@~1.3.3:
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:
version "1.3.3" version "1.3.3"
resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20" resolved "https://registry.yarnpkg.com/once/-/once-1.3.3.tgz#b2e261557ce4c314ec8304f3fa82663e4297ca20"
dependencies: dependencies:
@ -2355,6 +2378,10 @@ strip-ansi@^3.0.0, strip-ansi@^3.0.1:
dependencies: dependencies:
ansi-regex "^2.0.0" 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: strip-bom-stream@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/strip-bom-stream/-/strip-bom-stream-2.0.0.tgz#f87db5ef2613f6968aa545abfe1ec728b6a829ca" 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" readable-stream "^2.1.5"
xtend "~4.0.1" xtend "~4.0.1"
through2@^0.4.2: through2@^0.4.2, through2@~0.4.0:
version "0.4.2" version "0.4.2"
resolved "https://registry.yarnpkg.com/through2/-/through2-0.4.2.tgz#dbf5866031151ec8352bb6c4db64a2292a840b9b" resolved "https://registry.yarnpkg.com/through2/-/through2-0.4.2.tgz#dbf5866031151ec8352bb6c4db64a2292a840b9b"
dependencies: dependencies: