diff --git a/about/index.html b/about/index.html
index 45fdc35..f87631f 100644
--- a/about/index.html
+++ b/about/index.html
@@ -6,183 +6,8 @@
diff --git a/css/bundle-print.ab3bdff1.css b/css/bundle-print.ab3bdff1.css
new file mode 100644
index 0000000..d16c6c1
--- /dev/null
+++ b/css/bundle-print.ab3bdff1.css
@@ -0,0 +1,13 @@
+* {
+ font-family: inherit;
+}
+html {
+ font-family: sans-serif;
+}
+code,
+pre,
+kbd {
+ font-family: monospace;
+}
+
+/*# sourceMappingURL=bundle-print.css.4b26a4b5.map */
diff --git a/css/bundle-print.css.4b26a4b5.map b/css/bundle-print.css.4b26a4b5.map
new file mode 100644
index 0000000..0ad8e6f
--- /dev/null
+++ b/css/bundle-print.css.4b26a4b5.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bundle-print.less","bundle-print.ab3bdff1.css"],"names":[],"mappings":"AAAA;EACE,qBAAA;CCCD;ADED;EACE,wBAAA;CCAD;ADGD;;;EACE,uBAAA;CCCD","file":"bundle-print.ab3bdff1.css","sourcesContent":["* {\n font-family: inherit;\n}\n\nhtml {\n font-family: sans-serif;\n}\n\ncode, pre, kbd {\n font-family: monospace;\n}\n","* {\n font-family: inherit;\n}\nhtml {\n font-family: sans-serif;\n}\ncode,\npre,\nkbd {\n font-family: monospace;\n}\n"]}
\ No newline at end of file
diff --git a/css/bundle.dd026dc8.css b/css/bundle-screen.8c0ee715.css
similarity index 92%
rename from css/bundle.dd026dc8.css
rename to css/bundle-screen.8c0ee715.css
index ff88924..bc0028b 100644
--- a/css/bundle.dd026dc8.css
+++ b/css/bundle-screen.8c0ee715.css
@@ -61,6 +61,7 @@ header nav a.active {
color: white;
background-color: #20282a;
outline: none;
+ box-shadow: 0 0 0 1px #20282a;
}
header nav a:before {
content: '[';
@@ -71,6 +72,9 @@ header nav a:after {
footer {
border-top: 0.1em dotted;
}
+code {
+ background-color: rgba(255, 255, 255, 0.15);
+}
/*layout*/
html {
font-size: calc(0.8em + 1.3vmin);
@@ -106,11 +110,8 @@ body {
}
@media (min-width: 100vh) {
body {
- background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.jpg);
background-size: auto 133.3vh, auto 133vh;
background-position: 100% 0%;
- background-repeat: no-repeat, repeat-x;
- font-family: monospace;
perspective: 68vh;
perspective-origin: calc(100vw - 31vh) 45vh;
}
@@ -148,4 +149,4 @@ main {
text-decoration: underline;
}
-/*# sourceMappingURL=bundle.css.9bd347b4.map */
+/*# sourceMappingURL=bundle-screen.css.55746825.map */
diff --git a/css/bundle-screen.css.55746825.map b/css/bundle-screen.css.55746825.map
new file mode 100644
index 0000000..70e65f0
--- /dev/null
+++ b/css/bundle-screen.css.55746825.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bundle-screen.8c0ee715.css","basics.less","layout.less","modules/post-list.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;EACA,sBAAA;EACA,cAAA;CDCH;ACED;EACE,wBAAA;EACA,eAAA;CDAD;ACFD;EACE,wBAAA;EACA,eAAA;CDAD;ACED;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDGD;ACDD;EACE,oBAAA;EACA,iBAAA;CDGD;ACAD;EACE,wBAAA;EACA,eAAA;CDED;ACJD;EAII,sBAAA;CDGH;ACFG;;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;EACA,8BAAA;CDML;ACJG;EACE,aAAA;CDML;ACJG;EACE,aAAA;CDML;ACFD;EACE,yBAAA;CDID;ACDD;EACE,4CAAA;CDGD;AACD,UAAU;AExEV;EACE,iCAAA;EACA,aAAA;CF0ED;AEvED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFyED;AEvED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFyED;AElFD;;;EAWI,aAAA;EACA,+BAAA;CF4EH;AEzED;EACE;IACE,0CAAA;IACA,6BAAA;IACA,kBAAA;IACA,4CAAA;GF2ED;EEzED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GF2ED;CACF;AExED;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CF0ED;AEvED;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFyED;AGlID;EAEI,eAAA;EACA,sBAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CHmIH;AGzID;EASI,2BAAA;CHmIH","file":"bundle-screen.8c0ee715.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,\na:focus {\n background-color: white;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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,\nheader nav a.active {\n color: white;\n background-color: #20282a;\n outline: none;\n box-shadow: 0 0 0 1px #20282a;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\ncode {\n background-color: rgba(255, 255, 255, 0.15);\n}\n/*layout*/\nhtml {\n font-size: calc(0.8em + 1.3vmin);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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.wrapper:before,\n.wrapper:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n body {\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\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.post-list a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-list .title {\n text-decoration: underline;\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, &:focus {\n background-color: @color-text;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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, &.active {\n color: @color-text;\n background-color: #20282a;\n outline: none;\n box-shadow: 0 0 0 1px #20282a;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n\ncode {\n background-color: fade(@color-text, 15%);\n}\n","/*layout*/\nhtml {\n font-size: ~\"calc(0.8em + 1.3vmin)\";\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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 > *, &:before, &:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n body {\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\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",".post-list {\n a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .title {\n text-decoration: underline;\n }\n}\n"]}
\ No newline at end of file
diff --git a/css/bundle.4cdc3090.css b/css/bundle.4cdc3090.css
new file mode 100644
index 0000000..75ec119
--- /dev/null
+++ b/css/bundle.4cdc3090.css
@@ -0,0 +1,152 @@
+/* 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;
+ color: white;
+ text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);
+ line-height: 1.2;
+}
+a {
+ color: inherit;
+}
+a:hover,
+a:focus {
+ background-color: white;
+ color: #20282a;
+ text-decoration: none;
+ outline: none;
+}
+::-moz-selection {
+ background-color: white;
+ color: #20282a;
+}
+::selection {
+ background-color: white;
+ color: #20282a;
+}
+h1,
+h2,
+h3,
+h4 {
+ font-size: inherit;
+ font-weight: bold;
+ border-bottom: 0.1em dotted;
+ margin-bottom: -0.1em;
+ margin-top: 1em;
+}
+h2 {
+ border-bottom: none;
+ margin-bottom: 0;
+}
+header {
+ background-color: white;
+ color: #20282a;
+}
+header nav a {
+ text-decoration: none;
+}
+header nav a:hover,
+header nav a:focus,
+header nav a.active {
+ color: white;
+ background-color: #20282a;
+ outline: none;
+ box-shadow: 0 0 0 1px #20282a;
+}
+header nav a:before {
+ content: '[';
+}
+header nav a:after {
+ content: ']';
+}
+footer {
+ border-top: 0.1em dotted;
+}
+code {
+ background-color: rgba(255, 255, 255, 0.15);
+}
+/*layout*/
+html {
+ font-size: calc(0.8em + 1.3vmin);
+ height: 100%;
+}
+body {
+ background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.jpg);
+ 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;
+ perspective-origin: 69vw 45vw;
+}
+.wrapper {
+ position: relative;
+ transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) scale(0.3) translate3d(-56.2vw, 86.1vw, 46.3vw);
+ transform-origin: top right;
+ padding: 1vw;
+ height: 75vw;
+ width: 100vw;
+ margin: 0 0 0 auto;
+ overflow: auto;
+ perspective: none;
+}
+.wrapper > *,
+.wrapper:before,
+.wrapper:after {
+ opacity: 0.8;
+ transform: translateZ(-50vmin);
+}
+@media (min-width: 100vh) {
+ body {
+ background-size: auto 133.3vh, auto 133vh;
+ background-position: 100% 0%;
+ perspective: 68vh;
+ 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-origin: top right;
+ padding: 1vh;
+ width: 100vh;
+ height: 75vh;
+ }
+}
+.wrapper {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -ms-flex-line-pack: stretch;
+ align-content: stretch;
+}
+main {
+ margin: 1em 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+}
+.post-list a {
+ display: block;
+ text-decoration: none;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.post-list .title {
+ text-decoration: underline;
+}
+
+/*# sourceMappingURL=bundle.css.3c0521af.map */
diff --git a/css/bundle.css.3c0521af.map b/css/bundle.css.3c0521af.map
new file mode 100644
index 0000000..08ddd06
--- /dev/null
+++ b/css/bundle.css.3c0521af.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bundle.4cdc3090.css","basics.less","layout.less","modules/post-list.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;EACA,sBAAA;EACA,cAAA;CDCH;ACED;EACE,wBAAA;EACA,eAAA;CDAD;ACFD;EACE,wBAAA;EACA,eAAA;CDAD;ACED;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDGD;ACDD;EACE,oBAAA;EACA,iBAAA;CDGD;ACAD;EACE,wBAAA;EACA,eAAA;CDED;ACJD;EAII,sBAAA;CDGH;ACFG;;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;EACA,8BAAA;CDML;ACJG;EACE,aAAA;CDML;ACJG;EACE,aAAA;CDML;ACFD;EACE,yBAAA;CDID;ACDD;EACE,4CAAA;CDGD;AACD,UAAU;AExEV;EACE,iCAAA;EACA,aAAA;CF0ED;AEvED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFyED;AEvED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFyED;AElFD;;;EAWI,aAAA;EACA,+BAAA;CF4EH;AEzED;EACE;IACE,0CAAA;IACA,6BAAA;IACA,kBAAA;IACA,4CAAA;GF2ED;EEzED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GF2ED;CACF;AExED;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CF0ED;AEvED;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFyED;AGlID;EAEI,eAAA;EACA,sBAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CHmIH;AGzID;EASI,2BAAA;CHmIH","file":"bundle.4cdc3090.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,\na:focus {\n background-color: white;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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,\nheader nav a.active {\n color: white;\n background-color: #20282a;\n outline: none;\n box-shadow: 0 0 0 1px #20282a;\n}\nheader nav a:before {\n content: '[';\n}\nheader nav a:after {\n content: ']';\n}\nfooter {\n border-top: 0.1em dotted;\n}\ncode {\n background-color: rgba(255, 255, 255, 0.15);\n}\n/*layout*/\nhtml {\n font-size: calc(0.8em + 1.3vmin);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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.wrapper:before,\n.wrapper:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n body {\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\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.post-list a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-list .title {\n text-decoration: underline;\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, &:focus {\n background-color: @color-text;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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, &.active {\n color: @color-text;\n background-color: #20282a;\n outline: none;\n box-shadow: 0 0 0 1px #20282a;\n }\n &:before {\n content: '[';\n }\n &:after {\n content: ']';\n }\n }\n}\nfooter {\n border-top: 0.1em dotted;\n}\n\ncode {\n background-color: fade(@color-text, 15%);\n}\n","/*layout*/\nhtml {\n font-size: ~\"calc(0.8em + 1.3vmin)\";\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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 > *, &:before, &:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n body {\n background-size: auto 133.3vh, auto 133vh;\n background-position: 100% 0%;\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",".post-list {\n a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .title {\n text-decoration: underline;\n }\n}\n"]}
\ No newline at end of file
diff --git a/css/bundle.css.9bd347b4.map b/css/bundle.css.9bd347b4.map
deleted file mode 100644
index 096b386..0000000
--- a/css/bundle.css.9bd347b4.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["bundle.dd026dc8.css","basics.less","layout.less","modules/post-list.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;EACA,sBAAA;EACA,cAAA;CDCH;ACED;EACE,wBAAA;EACA,eAAA;CDAD;ACFD;EACE,wBAAA;EACA,eAAA;CDAD;ACED;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,sBAAA;EACA,gBAAA;CDGD;ACDD;EACE,oBAAA;EACA,iBAAA;CDGD;ACAD;EACE,wBAAA;EACA,eAAA;CDED;ACJD;EAII,sBAAA;CDGH;ACFG;;;EACE,aAAA;EACA,0BAAA;EACA,cAAA;CDML;ACJG;EACE,aAAA;CDML;ACJG;EACE,aAAA;CDML;ACFD;EACE,yBAAA;CDID;AACD,UAAU;AEpEV;EACE,iCAAA;EACA,aAAA;CFsED;AEnED;EACE,wEAAA;EACA,2CAAA;EACA,6BAAA;EACA,uCAAA;EACA,wBAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFqED;AEnED;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFqED;AE9ED;;;EAWI,aAAA;EACA,+BAAA;CFwEH;AErED;EACE;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFuED;EErED;IACE,6GAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFuED;CACF;AEpED;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFsED;AEnED;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFqED;AGjID;EAEI,eAAA;EACA,sBAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;CHkIH;AGxID;EASI,2BAAA;CHkIH","file":"bundle.dd026dc8.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,\na:focus {\n background-color: white;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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,\nheader nav a.active {\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(0.8em + 1.3vmin);\n height: 100%;\n}\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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.wrapper:before,\n.wrapper:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n}\n@media (min-width: 100vh) {\n body {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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.post-list a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.post-list .title {\n text-decoration: underline;\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, &:focus {\n background-color: @color-text;\n color: #20282a;\n text-decoration: none;\n outline: none;\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}\nh2 {\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, &.active {\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.8em + 1.3vmin)\";\n height: 100%;\n}\n\nbody {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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 > *, &:before, &:after {\n opacity: 0.8;\n transform: translateZ(-50vmin);\n }\n}\n@media (min-width: 100vh) {\n body {\n background-image: url(../img/workstation.f5df6d01.jpg), url(../img/gradient.a8837874.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",".post-list {\n a {\n display: block;\n text-decoration: none;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .title {\n text-decoration: underline;\n }\n}\n"]}
\ No newline at end of file
diff --git a/index.html b/index.html
index 068a1f6..ea39913 100644
--- a/index.html
+++ b/index.html
@@ -7,183 +7,8 @@
Home - joshua.seigler.net
-
-
+
+
diff --git a/index.xml b/index.xml
index 46bd1e3..8124507 100644
--- a/index.xml
+++ b/index.xml
@@ -15,8 +15,22 @@
Sat, 11 Feb 2017 16:15:16 -0500
https://seigler.github.io/joshua.seigler.net/posts/site-redesign/
-
<p>I rebuilt the site with a from-scratch Hugo theme. Styles are assembled from LESS with a Gulp task runner.
+
+
+<p>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.</p>
+
+<h2 id="hugo">Hugo</h2>
+
+<p><a href="https://gohugo.io/">Hugo</a> is a super fast, easily installed static site generator. It’s a lot like <a href="https://jekyllrb.com/">Jekyll</a>, GitHub’s Ruby-powered static site generator. But it brings with it a lot of the Golang philosophy, and unlike Jekyll, Hugo doesn’t let you twist its arm into doing a lot of extra stuff like image processing or stylesheet building. It does one thing, templating, really well and really fast. You can do the rest of the stuff on the side.</p>
+
+<h2 id="the-rest-of-the-stuff">The Rest of the Stuff</h2>
+
+<p>I wanted to write the site styles in LESS, my favorite CSS preprocessor. I used the node LESS compiler with Gulp, the trendiest available task runner. (Kidding, I like Gulp. File streams are a neat idea and worked great for me on this project.)</p>
+
+<h2 id="styles">Styles</h2>
+
+<p>This design in particular was a pain to get right. I had to find the right perspective and transform settings to distort the screen just right, even when the document was resized. I learned that the <code><body></code> tag ignores most <code>transform</code> properties, so there isn’t a way to have the page scroll <em>with perspective</em> and keep the scrollbar in the normal place on the right edge of the viewport.</p>
diff --git a/posts/index.html b/posts/index.html
index d617746..a9c0c74 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -6,183 +6,8 @@
Posts - joshua.seigler.net
@@ -192,7 +17,8 @@
Posts
Copyright © Joshua Seigler 2017
diff --git a/posts/index.xml b/posts/index.xml
index 9894b95..b14d7b2 100644
--- a/posts/index.xml
+++ b/posts/index.xml
@@ -15,8 +15,22 @@
Sat, 11 Feb 2017 16:15:16 -0500
https://seigler.github.io/joshua.seigler.net/posts/site-redesign/
-
<p>I rebuilt the site with a from-scratch Hugo theme. Styles are assembled from LESS with a Gulp task runner.
+
+
+<p>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.</p>
+
+<h2 id="hugo">Hugo</h2>
+
+<p><a href="https://gohugo.io/">Hugo</a> is a super fast, easily installed static site generator. It’s a lot like <a href="https://jekyllrb.com/">Jekyll</a>, GitHub’s Ruby-powered static site generator. But it brings with it a lot of the Golang philosophy, and unlike Jekyll, Hugo doesn’t let you twist its arm into doing a lot of extra stuff like image processing or stylesheet building. It does one thing, templating, really well and really fast. You can do the rest of the stuff on the side.</p>
+
+<h2 id="the-rest-of-the-stuff">The Rest of the Stuff</h2>
+
+<p>I wanted to write the site styles in LESS, my favorite CSS preprocessor. I used the node LESS compiler with Gulp, the trendiest available task runner. (Kidding, I like Gulp. File streams are a neat idea and worked great for me on this project.)</p>
+
+<h2 id="styles">Styles</h2>
+
+<p>This design in particular was a pain to get right. I had to find the right perspective and transform settings to distort the screen just right, even when the document was resized. I learned that the <code><body></code> tag ignores most <code>transform</code> properties, so there isn’t a way to have the page scroll <em>with perspective</em> and keep the scrollbar in the normal place on the right edge of the viewport.</p>
diff --git a/posts/site-redesign/index.html b/posts/site-redesign/index.html
index a3adcaa..fbebc1e 100644
--- a/posts/site-redesign/index.html
+++ b/posts/site-redesign/index.html
@@ -6,193 +6,24 @@
Site redesign! - joshua.seigler.net
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.
+ Hugo
+ Hugo is a super fast, easily installed static site generator. It’s a lot like Jekyll , GitHub’s Ruby-powered static site generator. But it brings with it a lot of the Golang philosophy, and unlike Jekyll, Hugo doesn’t let you twist its arm into doing a lot of extra stuff like image processing or stylesheet building. It does one thing, templating, really well and really fast. You can do the rest of the stuff on the side.
+ The Rest of the Stuff
+ I wanted to write the site styles in LESS, my favorite CSS preprocessor. I used the node LESS compiler with Gulp, the trendiest available task runner. (Kidding, I like Gulp. File streams are a neat idea and worked great for me on this project.)
+ Styles
+ This design in particular was a pain to get right. I had to find the right perspective and transform settings to distort the screen just right, even when the document was resized. I learned that the <body> tag ignores most transform properties, so there isn’t a way to have the page scroll with perspective and keep the scrollbar in the normal place on the right edge of the viewport.
Copyright © Joshua Seigler 2017
diff --git a/presentations/blockchain/index.html b/presentations/blockchain/index.html
index b27ead4..c0f4cdc 100644
--- a/presentations/blockchain/index.html
+++ b/presentations/blockchain/index.html
@@ -6,188 +6,13 @@
Blockchain: a semi-technical explanation - joshua.seigler.net
-
-
+
+
diff --git a/presentations/index.html b/presentations/index.html
index 392e2b0..4e60e90 100644
--- a/presentations/index.html
+++ b/presentations/index.html
@@ -6,183 +6,8 @@
Presentations - joshua.seigler.net
diff --git a/projects/index.html b/projects/index.html
index e43a71b..6b2982c 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -6,183 +6,8 @@
Projects - joshua.seigler.net
-
-
+
+