diff --git a/HP-HP9000-B180-Workstation.xcf b/HP-HP9000-B180-Workstation.xcf index a30dec9..5b67b58 100644 Binary files a/HP-HP9000-B180-Workstation.xcf and b/HP-HP9000-B180-Workstation.xcf differ diff --git a/src/themes/eos/layouts/index.html b/src/themes/eos/layouts/index.html index 3107be7..135217a 100644 --- a/src/themes/eos/layouts/index.html +++ b/src/themes/eos/layouts/index.html @@ -25,12 +25,10 @@ dP dP dP dP dP

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.

-

Bostonian

-

I've lived in Boston since the end of 2013. Boston has great public transportation, a ton of cool companies, and a ton of dining and entertainment.

Cryptocurrency enthusiast

-

After learning about Bitcoin and Dash, I'm certain that they will play a large role in the future. You can send me Bitcoin if you want.

+

Bitcoin, and Dash, and other blockchain applications are just starting to change the world. Sound money is key to personal liberty.

Boardgamer

-

I play boardgames at least once a week. You can see my game collection if you like. My favorite games tend towards low-chance high-strategy, with mostly indirect competition and a large problem space.

+

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.

diff --git a/src/themes/eos/layouts/partials/footer.html b/src/themes/eos/layouts/partials/footer.html index 59cbf7d..3443ba9 100644 --- a/src/themes/eos/layouts/partials/footer.html +++ b/src/themes/eos/layouts/partials/footer.html @@ -1,3 +1,3 @@ diff --git a/src/themes/eos/static/css/bundle.css b/src/themes/eos/static/css/bundle.css index 1293890..c1f6fca 100644 --- a/src/themes/eos/static/css/bundle.css +++ b/src/themes/eos/static/css/bundle.css @@ -12,22 +12,22 @@ html { box-sizing: border-box; height: 100%; overflow: hidden; - color: #DDD; - text-shadow: 0 0 0.1em rgba(221, 221, 221, 0.5); + color: white; + text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5); } a { color: inherit; } a:hover { - background-color: #DDD; + background-color: white; color: #20282a; } ::-moz-selection { - background-color: #DDD; + background-color: white; color: #20282a; } ::selection { - background-color: #DDD; + background-color: white; color: #20282a; } h1, @@ -56,13 +56,18 @@ body { } .wrapper { position: relative; - transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vw, 5.3vw, -27.4vw); + 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 > * { + opacity: 0.8; + transform: translateZ(-50vmin); } @media (min-width: 100vh) { html { @@ -78,7 +83,7 @@ body { perspective-origin: calc(100vw - 31vh) 45vh; } .wrapper { - transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vh, 5.3vh, -27.4vh); + 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; diff --git a/src/themes/eos/static/css/bundle.css.map b/src/themes/eos/static/css/bundle.css.map index db14d26..0323f8b 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,YAAA;EACA,gDAAA;CDDD;ACGD;EACE,eAAA;CDDD;ACEC;EACE,uBAAA;EACA,eAAA;CDAH;ACGD;EACE,uBAAA;EACA,eAAA;CDDD;ACDD;EACE,uBAAA;EACA,eAAA;CDDD;ACGD;;;;EACE,mBAAA;EACA,kBAAA;EACA,4BAAA;EACA,gBAAA;CDED;AACD,UAAU;AEpCV;EACE,qBAAA;EACA,aAAA;CFsCD;AEnCD;EACE,wEAAA;EACA,yCAAA;EACA,6BAAA;EACA,uCAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFqCD;AEnCD;EACE,mBAAA;EACA,kGAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;CFqCD;AEnCD;EACE;IACE,qBAAA;GFqCD;EEnCD;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFqCD;EEnCD;IACE,kGAAA;IACA,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFqCD;CACF;AElCD;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFoCD;AEjCD;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFmCD;AEhCD;EACE,iBAAA;CFkCD","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: #DDD;\n text-shadow: 0 0 0.1em rgba(221, 221, 221, 0.5);\n}\na {\n color: inherit;\n}\na:hover {\n background-color: #DDD;\n color: #20282a;\n}\n::selection {\n background-color: #DDD;\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}\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.3vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\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) translate3d(-14.9vw, 5.3vw, -27.4vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\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) translate3d(-14.9vh, 5.3vh, -27.4vh);\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}\nfooter {\n padding-top: 1em;\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: #DDD;\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}\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.3vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\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) translate3d(-14.9vw, 5.3vw, -27.4vw);\n transform-origin: top right;\n padding: 1vw;\n height: 75vw;\n width: 100vw;\n margin: 0 0 0 auto;\n overflow: auto;\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) translate3d(-14.9vh, 5.3vh, -27.4vh);\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 padding-top: 1em;\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;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;AACD,UAAU;AEpCV;EACE,qBAAA;EACA,aAAA;CFsCD;AEnCD;EACE,wEAAA;EACA,yCAAA;EACA,6BAAA;EACA,uCAAA;EACA,aAAA;EACA,uBAAA;EACA,kBAAA;EACA,8BAAA;CFqCD;AEnCD;EACE,mBAAA;EACA,6GAAA;EACA,4BAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,kBAAA;CFqCD;AE9CD;EAWI,aAAA;EACA,+BAAA;CFsCH;AEnCD;EACE;IACE,qBAAA;GFqCD;EEnCD;IACE,wEAAA;IACA,0CAAA;IACA,6BAAA;IACA,uCAAA;IACA,uBAAA;IACA,kBAAA;IACA,4CAAA;GFqCD;EEnCD;IACA,6GAAA;IACE,4BAAA;IACA,aAAA;IACA,aAAA;IACA,aAAA;GFqCD;CACF;AElCD;EACE,qBAAA;EAAA,cAAA;EACA,2BAAA;EAAA,uBAAA;EACA,qBAAA;EAAA,4BAAA;EACA,4BAAA;EAAA,uBAAA;CFoCD;AEjCD;EACE,cAAA;EACA,qBAAA;EAAA,aAAA;CFmCD;AEhCD;EACE,iBAAA;CFkCD","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}\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.3vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\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}\nfooter {\n padding-top: 1em;\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}\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.3vh;\n background-position: 100% 0%;\n background-repeat: no-repeat, repeat-x;\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 padding-top: 1em;\n}\n"]} \ No newline at end of file diff --git a/src/themes/eos/static/img/workstation.jpg b/src/themes/eos/static/img/workstation.jpg index 7b8906f..34e7abb 100644 Binary files a/src/themes/eos/static/img/workstation.jpg and b/src/themes/eos/static/img/workstation.jpg differ diff --git a/src/themes/eos/styles/basics.less b/src/themes/eos/styles/basics.less index e179c5d..ca94442 100644 --- a/src/themes/eos/styles/basics.less +++ b/src/themes/eos/styles/basics.less @@ -8,7 +8,7 @@ } //@color-text: #DA0; -@color-text: #DDD; +@color-text: white; html { box-sizing: border-box; diff --git a/src/themes/eos/styles/layout.less b/src/themes/eos/styles/layout.less index deb3851..f22832b 100644 --- a/src/themes/eos/styles/layout.less +++ b/src/themes/eos/styles/layout.less @@ -16,13 +16,18 @@ body { } .wrapper { position: relative; - transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vw, 5.3vw, -27.4vw); + 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; + > * { + opacity: 0.8; + transform: translateZ(-50vmin); + } } @media (min-width: 100vh) { html { @@ -38,7 +43,7 @@ body { perspective-origin: ~'calc(100vw - 31vh) 45vh'; } .wrapper { - transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vh, 5.3vh, -27.4vh); + 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;