joshua/seigler.github.io
1
0
Fork 0
mirror of https://github.com/seigler/seigler.github.io synced 2025-07-26 23:06:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: corrected z-height for Firefox

Browse source
This commit is contained in:
Joshua Seigler 2017-02-11 14:56:56 -05:00
parent 14fff31889
commit 5703c1ebee
8 changed files with 24 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
HP-HP9000-B180-Workstation.xcf
View file

Binary file not shown.

6
src/themes/eos/layouts/index.html
View file

@ -25,12 +25,10 @@ dP dP dP dP dP
<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>Bostonian</h2>
<p>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.</p>
<h2>Cryptocurrency enthusiast</h2>
<p>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.</p>
<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 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.</p>
<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>

2
src/themes/eos/layouts/partials/footer.html
View file

@ -1,3 +1,3 @@
<footer>
Copyright &copy; Joshua Seigler {{ .Page.Now.Year }}
Copyright &copy; Joshua Seigler 2017
</footer>

19
src/themes/eos/static/css/bundle.css
View file

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

2
src/themes/eos/static/css/bundle.css.map
View file

File diff suppressed because one or more lines are too long

BIN
src/themes/eos/static/img/workstation.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 133 KiB

Before After
Before After

2
src/themes/eos/styles/basics.less
View file

@ -8,7 +8,7 @@
}
//@color-text: #DA0;
@color-text: #DDD;
@color-text: white;
html {
box-sizing: border-box;

9
src/themes/eos/styles/layout.less
View file

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