diff --git a/src/content/posts/first-impressions-of-hugo.md b/src/content/posts/first-impressions-of-hugo.md index 5b732ba..5b995cc 100644 --- a/src/content/posts/first-impressions-of-hugo.md +++ b/src/content/posts/first-impressions-of-hugo.md @@ -1,6 +1,6 @@ -+++ -date = "2017-02-11T16:15:16-05:00" -title = "First impressions of Hugo" -+++ - -It's pretty great! +--- +date: "2017-02-11T16:15:16-05:00" +title: "Site redesign!" +--- +I rebuilt the site with a from-scratch Hugo theme. Styles are assembled from LESS with a Gulp task runner. +Afterwards, static assets are revision-hashed, and markup is reformatted. diff --git a/src/content/presentations/blockchain.md b/src/content/presentations/blockchain.md new file mode 100644 index 0000000..e69de29 diff --git a/src/themes/eos/layouts/_default/single.html b/src/themes/eos/layouts/_default/single.html index 49151c4..d70d299 100644 --- a/src/themes/eos/layouts/_default/single.html +++ b/src/themes/eos/layouts/_default/single.html @@ -1,6 +1,6 @@ {{ define "main" }}
-

{{ .Title }}

+

{{ .Title }}

{{ .Content }}
{{ end }} diff --git a/src/themes/eos/static/css/bundle.css b/src/themes/eos/static/css/bundle.css index 35859d0..87191eb 100644 --- a/src/themes/eos/static/css/bundle.css +++ b/src/themes/eos/static/css/bundle.css @@ -14,6 +14,7 @@ html { overflow: hidden; color: white; text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5); + line-height: 1.2; } a { color: inherit; @@ -37,8 +38,16 @@ h4 { font-size: inherit; font-weight: bold; border-bottom: 0.1em dotted; + margin-bottom: -0.1em; margin-top: 1em; } +h1 { + text-align: center; +} +h3 { + border-bottom: none; + margin-bottom: 0; +} header { background-color: white; color: #20282a; @@ -46,8 +55,11 @@ header { header nav a { text-decoration: none; } -header nav a:hover { - text-decoration: underline; +header nav a:hover, +header nav a:focus { + color: white; + background-color: #20282a; + outline: none; } header nav a:before { content: '['; diff --git a/src/themes/eos/static/css/bundle.css.map b/src/themes/eos/static/css/bundle.css.map index 4efad2f..3c065a4 100644 --- a/src/themes/eos/static/css/bundle.css.map +++ b/src/themes/eos/static/css/bundle.css.map @@ -1 +1 @@ -{"version":3,"sources":["bundle.css","basics.less","layout.less"],"names":[],"mappings":"AAAA,wBAAwB;ACCxB;;;EACE,oBAAA;EACA,UAAA;EACA,WAAA;EACA,6BAAA;EACA,qBAAA;CDGD;ACGD;EACE,uBAAA;EACA,aAAA;EACA,iBAAA;EACA,aAAA;EACA,gDAAA;CDDD;ACGD;EACE,eAAA;CDDD;ACEC;EACE,wBAAA;EACA,eAAA;CDAH;ACGD;EACE,wBAAA;EACA,eAAA;CDDD;ACDD;EACE,wBAAA;EACA,eAAA;CDDD;ACGD;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,gBAAA;CDED;ACAD;EACE,wBAAA;EACA,eAAA;CDED;ACJD;EAII,sBAAA;CDGH;ACFG;EACE,2BAAA;CDIL;ACFG;EACE,aAAA;CDIL;ACFG;EACE,aAAA;CDIL;ACAD;EACE,yBAAA;CDED;AACD,UAAU;AEvDV;EACE,qBAAA;EACA,aAAA;CFyDD;AEtDD;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFwDD;AEtDD;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFwDD;AEjED;EAWI,aAAA;EACA,+BAAA;CFyDH;AEtDD;EACE;IACE,qBAAA;GFwDD;EEtDD;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFwDD;EEtDD;IACA,6GAAA;IACE,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFwDD;CACF;AErDD;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFuDD;AEpDD;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFsDD","file":"bundle.css","sourcesContent":["/* micro styles reset */\n*,\n:before,\n:after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: white;\n text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);\n}\na {\n color: inherit;\n}\na:hover {\n background-color: white;\n color: #20282a;\n}\n::selection {\n background-color: white;\n color: #20282a;\n}\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-top: 1em;\n}\nheader {\n background-color: white;\n color: #20282a;\n}\nheader nav a {\n text-decoration: none;\n}\nheader nav a:hover {\n text-decoration: underline;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\n/*layout*/\nhtml {\n font-size: calc(2em);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n}\n.wrapper > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(2em);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: calc(100vw - 31vh) 45vh;\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n","/* micro styles reset */\n*, :before, :after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\n\n//@color-text: #DA0;\n@color-text: white;\n\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: @color-text;\n text-shadow: 0 0 0.1em fade(@color-text, 50%);\n}\na {\n color: inherit;\n &:hover {\n background-color: @color-text;\n color: #20282a;\n }\n}\n::selection {\n background-color: @color-text;\n color: #20282a;\n}\nh1, h2, h3, h4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-top: 1em;\n}\nheader {\n background-color: @color-text;\n color: #20282a;\n nav a {\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n","/*layout*/\nhtml {\n font-size: calc(0.7em + 1.3vw);\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(0.7em + 1.3vh);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: ~'calc(100vw - 31vh) 45vh';\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\n\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n\nfooter {\n}\n"]} \ No newline at end of file +{"version":3,"sources":["bundle.css","basics.less","layout.less"],"names":[],"mappings":"AAAA,wBAAwB;ACCxB;;;EACE,oBAAA;EACA,UAAA;EACA,WAAA;EACA,6BAAA;EACA,qBAAA;CDGD;ACGD;EACE,uBAAA;EACA,aAAA;EACA,iBAAA;EACA,aAAA;EACA,gDAAA;EACA,iBAAA;CDDD;ACGD;EACE,eAAA;CDDD;ACEC;EACE,wBAAA;EACA,eAAA;CDAH;ACGD;EACE,wBAAA;EACA,eAAA;CDDD;ACDD;EACE,wBAAA;EACA,eAAA;CDDD;ACGD;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDED;ACAD;EACE,mBAAA;CDED;ACAD;EACE,oBAAA;EACA,iBAAA;CDED;ACCD;EACE,wBAAA;EACA,eAAA;CDCD;ACHD;EAII,sBAAA;CDEH;ACDG;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;CDIL;ACFG;EACE,aAAA;CDIL;ACFG;EACE,aAAA;CDIL;ACAD;EACE,yBAAA;CDED;AACD,UAAU;AEnEV;EACE,qBAAA;EACA,aAAA;CFqED;AElED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFoED;AElED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFoED;AE7ED;EAWI,aAAA;EACA,+BAAA;CFqEH;AElED;EACE;IACE,qBAAA;GFoED;EElED;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFoED;EElED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFoED;CACF;AEjED;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFmED;AEhED;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFkED","file":"bundle.css","sourcesContent":["/* micro styles reset */\n*,\n:before,\n:after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: white;\n text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);\n line-height: 1.2;\n}\na {\n color: inherit;\n}\na:hover {\n background-color: white;\n color: #20282a;\n}\n::selection {\n background-color: white;\n color: #20282a;\n}\nh1,\nh2,\nh3,\nh4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh1 {\n text-align: center;\n}\nh3 {\n border-bottom: none;\n margin-bottom: 0;\n}\nheader {\n background-color: white;\n color: #20282a;\n}\nheader nav a {\n text-decoration: none;\n}\nheader nav a:hover,\nheader nav a:focus {\n color: white;\n background-color: #20282a;\n outline: none;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\n/*layout*/\nhtml {\n font-size: calc(2em);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n}\n.wrapper > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(2em);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: calc(100vw - 31vh) 45vh;\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n","/* micro styles reset */\n*, :before, :after {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n transform-style: preserve-3d;\n font-family: inherit;\n}\n\n//@color-text: #DA0;\n@color-text: white;\n\nhtml {\n box-sizing: border-box;\n height: 100%;\n overflow: hidden;\n color: @color-text;\n text-shadow: 0 0 0.1em fade(@color-text, 50%);\n line-height: 1.2;\n}\na {\n color: inherit;\n &:hover {\n background-color: @color-text;\n color: #20282a;\n }\n}\n::selection {\n background-color: @color-text;\n color: #20282a;\n}\nh1, h2, h3, h4 {\n font-size: inherit;\n font-weight: bold;\n border-bottom: 0.1em dotted;\n margin-bottom: -0.1em;\n margin-top: 1em;\n}\nh1 {\n text-align: center;\n}\nh3 {\n border-bottom: none;\n margin-bottom: 0;\n}\n\nheader {\n background-color: @color-text;\n color: #20282a;\n nav a {\n text-decoration: none;\n &:hover, &:focus {\n color: @color-text;\n background-color: #20282a;\n outline: none;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n","/*layout*/\nhtml {\n font-size: calc(0.7em + 1.3vw);\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: 100% auto, auto 133.3vmin;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n background-color: white;\n height: 100%;\n font-family: monospace;\n perspective: 68vw;\n perspective-origin: 69vw 45vw;\n}\n.wrapper {\n position: relative;\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\n perspective: none;\n > * {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n html {\n font-size: calc(0.7em + 1.3vh);\n }\n body {\n background-image: url(../img/workstation.jpg), url(../img/gradient.jpg);\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\n font-family: monospace;\n perspective: 68vh;\n perspective-origin: ~'calc(100vw - 31vh) 45vh';\n }\n .wrapper {\n transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh);\n transform-origin: top right;\n padding: 1vh;\n width: 100vh;\n height: 75vh;\n }\n}\n\n.wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n}\n\nmain {\n margin: 1em 0;\n flex-grow: 1;\n}\n\nfooter {\n}\n"]} \ No newline at end of file diff --git a/src/themes/eos/styles/basics.less b/src/themes/eos/styles/basics.less index 7db7190..e8e7fcf 100644 --- a/src/themes/eos/styles/basics.less +++ b/src/themes/eos/styles/basics.less @@ -16,6 +16,7 @@ html { overflow: hidden; color: @color-text; text-shadow: 0 0 0.1em fade(@color-text, 50%); + line-height: 1.2; } a { color: inherit; @@ -32,15 +33,26 @@ h1, h2, h3, h4 { font-size: inherit; font-weight: bold; border-bottom: 0.1em dotted; + margin-bottom: -0.1em; margin-top: 1em; } +h1 { + text-align: center; +} +h3 { + border-bottom: none; + margin-bottom: 0; +} + header { background-color: @color-text; color: #20282a; nav a { text-decoration: none; - &:hover { - text-decoration: underline; + &:hover, &:focus { + color: @color-text; + background-color: #20282a; + outline: none; } &:before { content: '['; diff --git a/src/themes/eos/styles/layout.less b/src/themes/eos/styles/layout.less index 5264ad9..171b9a2 100644 --- a/src/themes/eos/styles/layout.less +++ b/src/themes/eos/styles/layout.less @@ -44,7 +44,7 @@ body { perspective-origin: ~'calc(100vw - 31vh) 45vh'; } .wrapper { - transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh); + transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vh, 86.1vh, 46.3vh); transform-origin: top right; padding: 1vh; width: 100vh;