joshua/seigler.github.io
1
0
Fork 0
mirror of https://github.com/seigler/seigler.github.io synced 2025-07-27 07:16: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> <p>Hi, I'm Joshua Seigler. I'm a:</p>
<h2>Web developer</h2> <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> <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> <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> <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> <h2>Artist</h2>
<p>I make ink sketches sometimes, for fun and to improve my skill.</p> <p>I make ink sketches sometimes, for fun and to improve my skill.</p>
</main> </main>

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

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

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

@ -12,22 +12,22 @@ html {
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
color: #DDD; color: white;
text-shadow: 0 0 0.1em rgba(221, 221, 221, 0.5); text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.5);
} }
a { a {
color: inherit; color: inherit;
} }
a:hover { a:hover {
background-color: #DDD; background-color: white;
color: #20282a; color: #20282a;
} }
::-moz-selection { ::-moz-selection {
background-color: #DDD; background-color: white;
color: #20282a; color: #20282a;
} }
::selection { ::selection {
background-color: #DDD; background-color: white;
color: #20282a; color: #20282a;
} }
h1, h1,
@ -56,13 +56,18 @@ body {
} }
.wrapper { .wrapper {
position: relative; 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; transform-origin: top right;
padding: 1vw; padding: 1vw;
height: 75vw; height: 75vw;
width: 100vw; width: 100vw;
margin: 0 0 0 auto; margin: 0 0 0 auto;
overflow: auto; overflow: auto;
perspective: none;
}
.wrapper > * {
opacity: 0.8;
transform: translateZ(-50vmin);
} }
@media (min-width: 100vh) { @media (min-width: 100vh) {
html { html {
@ -78,7 +83,7 @@ body {
perspective-origin: calc(100vw - 31vh) 45vh; perspective-origin: calc(100vw - 31vh) 45vh;
} }
.wrapper { .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; transform-origin: top right;
padding: 1vh; padding: 1vh;
width: 100vh; 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: #DA0;
@color-text: #DDD; @color-text: white;
html { html {
box-sizing: border-box; box-sizing: border-box;

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

@ -16,13 +16,18 @@ body {
} }
.wrapper { .wrapper {
position: relative; 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; transform-origin: top right;
padding: 1vw; padding: 1vw;
height: 75vw; height: 75vw;
width: 100vw; width: 100vw;
margin: 0 0 0 auto; margin: 0 0 0 auto;
overflow: auto; overflow: auto;
perspective: none;
> * {
opacity: 0.8;
transform: translateZ(-50vmin);
}
} }
@media (min-width: 100vh) { @media (min-width: 100vh) {
html { html {
@ -38,7 +43,7 @@ body {
perspective-origin: ~'calc(100vw - 31vh) 45vh'; perspective-origin: ~'calc(100vw - 31vh) 45vh';
} }
.wrapper { .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; transform-origin: top right;
padding: 1vh; padding: 1vh;
width: 100vh; width: 100vh;