mirror of
https://github.com/seigler/seigler.github.io
synced 2025-07-26 23:06:09 +00:00
content and style adjustments
This commit is contained in:
Joshua Seigler
parent
0e7128d088
commit
14fff31889
6 changed files with 95 additions and 51 deletions
|
|
@ -11,49 +11,28 @@
|
|||
<div class="wrapper">
|
||||
{{ partial "header" . }}
|
||||
<main>
|
||||
<pre style="font-size: 1.7vmin">
|
||||
,g▄██▓▓▓▓▓▓▓▓████▄g
|
||||
,≈g▄▄██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█
|
||||
▄█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓╥
|
||||
▄▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█
|
||||
█▓▓▓▓▓▓▓▓▓█▀▀▀▐┼¡!!┤▐▀▀███▓▓▓▓▓▓▓█g
|
||||
▓▓▓▓▓█├¡¡!!!!!!!!!!!!!!!!!|▀▓▓▓▓▓▓▓█▄
|
||||
▓▓▓▓▓|!!!!!!!!!!!!!!!!!!!!!!▀▓▓▓▓▓▓▓▓█▄
|
||||
▐▓▓▓▓▌!!!!!!!!!!!!!!!!!!!!!!!¡▓▓▓▓▓▓▓▓▓▓█
|
||||
▓▓▓▓▓▌!!!!!!!!!!!!!!!!!!!!!!!!▓▓▓▓▓▓▓▓▓▓▓g
|
||||
▐▓▓▓▓▓@!!!!!!!!!!!!!!!!!!!!!!!!█▓▓▓▓▓▓▓▓▓▓▌
|
||||
╘▓▓▓▓▓|!!!!!!!!!!!!!!⌠g▄▄▄▄┼!!!█▓▓▓▓▓▓▓▓▓▓▌
|
||||
╘█▓▓▓█▓▓███▄!!!!▄██▓▓▓▓████▌¡!▀▓▓▓▓▓▓▓▓▓▓─
|
||||
╓█▓▓▀▐▒▌▀▀██|ƒ┼▄▐▐▄╧╧╩▌≡âg!¡å▀▄▓▓▓▓▓▓▓▓▓▌
|
||||
█▓▓▓█▀ █╓▄┼¡├█!▀≈p╓╓▄╓,g▌!!▀┤▐▓▓▓▓▓▓▓█
|
||||
▌▀▓▓█åååà┤g╪!!!▐▄|!!!!!!!!!|g╪!!|▀▀▌├⌠█
|
||||
²▀█ææææ¥▀┼!!!!!¡å╪╪╪╪╪╪╪╪Ñ┼!!!!!g▀▄¡!▀
|
||||
▌!!!!!▌|!!!!!!!!!!!!!!!!!!!!!!!▐!¡╕!▀
|
||||
▌!!!!!╘g!!!!!!!!⌡!!!!!!!!!!!!!!!!~┤gÑ
|
||||
▀!!;ƒg▄█g|;|ƒg▄▀██▌▌▄▄ƒ¡!!!!!!!!!¡▌
|
||||
▄▌██████████████████████▌▄g!!!!!!!▀
|
||||
g█████████▀▀▀┤▐▀▀▀▀▀▒▀▀▀▀▀██▒▌!!!!!!¡▌
|
||||
╘╧≡▒▄≡▄▄▄▄▄▄gææ¥╪╪╪╪╪╪Ñåå┤j███!!!!!!!▀
|
||||
▌!▐███|╪≡gggg4æ!!!!!███Ñ!!!!!!!¡▌
|
||||
▌!!███¡!!!!!!!!!!!!g███~!!!!!!!!▀
|
||||
▌!!▀██H!!!!!!!!!!;▄████æ!!!!!!!!▐
|
||||
¬@!!▐███g!!!!!!|g▄██████╪!!!!!!!!J▌#╖
|
||||
▄¡!!!███▒███████████████¡!!!!!!!g≡╧ ╘ƒ
|
||||
▀▐ƒ!!!|▀███████████████▀|!!!!!╖≡╩ ▌
|
||||
╓▄█─ ²≡¿!!!¡▐▀▀██████▀▀▀à¡!!!!ƒ≡Ñ '█p
|
||||
▄█▓▓▓▌ ┴╧≡ƒ!!!!!!!!!!!!!!!⌠â#╩ Æ█▓▓█▄╓
|
||||
=0▐▓▓▓▓▓▓▓ ²#g¡!!!!!!|g¥╧╩ ╖#▐█▓▓▓▓▓▓█▄
|
||||
Æ╧─ █▓▓▓▓▓▓▓█ ▄▌╥▀ƒ!!g╧╩▄g =╧ g▓▓▓▓▓▓▓▓▓▓▓▄
|
||||
¿≡` █▓▓▓▓▓▓▓▓▓▌ ╓▀▀██▀█▌▌█▀▀█▒█▌ g╩ ,█▓▓▓▓▓▓▓█▀▀²``²╩═=,
|
||||
²# ▐▓▓▓▓▓▓▓▓▓▓▓▄ ╥╧ ╚█▒▒▒▒▒▒█╧ ▀⌐ ╥▀ ▄▓▓▓▓▓▓▓▀─ ╧≡
|
||||
g` ▓▓▓▓▓▓▓▓▓▓▓▓▓▄╛ ²█▒▒▒▒▒▌ ╘╧≈# ▄▓▓▓▓▓▓▓█ ²g
|
||||
▀ a╓ ▐▓▓▓▓▓▓▓▓▓▓▓▓▓▓w ▐█▒▒▒█ ▄▓▓▓▓▓▓▓▓▀ ▀µ
|
||||
╓Ñ ─╧▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓µ ,█▒▒▒▒█ ▄▓▓▓▓▓▓▓▓▓█ ²g
|
||||
╥╩ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓g █▒▒▒▒▒▒▌ ▄▓▓▓▓▓▓▓▓▓▓▓─ ╘g
|
||||
╓╩ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▄]▒▒▒▒▒▒▒█ ▄▓▓▓▓▓▓▓▓▓▓▓▓▓ ╘g
|
||||
▌ ▐▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▌▄▓▓▓▓▓▓▓▓▓▓▓▓▓▓█ ²Q
|
||||
▌ ▐▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█▒▒▒▒██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▌ ▐⌐
|
||||
▐ ▐▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█ ▀</pre>
|
||||
<pre style="font-size: 2.2vmin">
|
||||
|
||||
dP dP dP dP dP
|
||||
88 88 88 88 88
|
||||
88 .8P .8P .d8888b. 88 .d8888b. .d8888b. 88d8b.d8b. .d8888b. 88
|
||||
88 d8' d8' 88ooood8 88 88' `"" 88' `88 88'`88'`88 88ooood8 dP
|
||||
88.d8P8.d8P 88. ... 88 88. ... 88. .88 88 88 88 88. ...
|
||||
8888' Y88' `88888P' dP `88888P' `88888P' dP dP dP `88888P' oo
|
||||
|
||||
|
||||
</pre>
|
||||
<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>
|
||||
<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>
|
||||
<h2>Artist</h2>
|
||||
<p>I make ink sketches sometimes, for fun and to improve my skill.</p>
|
||||
</main>
|
||||
{{ partial "footer" . }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<footer>
|
||||
footer
|
||||
Copyright © Joshua Seigler {{ .Page.Now.Year }}
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -12,15 +12,33 @@ html {
|
|||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
color: #DA0;
|
||||
color: #DDD;
|
||||
text-shadow: 0 0 0.1em rgba(221, 221, 221, 0.5);
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
a:hover {
|
||||
background-color: #DA0;
|
||||
background-color: #DDD;
|
||||
color: #20282a;
|
||||
}
|
||||
::-moz-selection {
|
||||
background-color: #DDD;
|
||||
color: #20282a;
|
||||
}
|
||||
::selection {
|
||||
background-color: #DDD;
|
||||
color: #20282a;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
border-bottom: 0.1em dotted;
|
||||
margin-top: 1em;
|
||||
}
|
||||
/*layout*/
|
||||
html {
|
||||
font-size: calc(2em);
|
||||
|
|
@ -62,11 +80,28 @@ body {
|
|||
.wrapper {
|
||||
transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vh, 5.3vh, -27.4vh);
|
||||
transform-origin: top right;
|
||||
color: #DA0;
|
||||
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;
|
||||
}
|
||||
footer {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bundle.css.map */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -6,16 +6,31 @@
|
|||
transform-style: preserve-3d;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
//@color-text: #DA0;
|
||||
@color-text: #DDD;
|
||||
|
||||
html {
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
color: #DA0;
|
||||
color: @color-text;
|
||||
text-shadow: 0 0 0.1em fade(@color-text, 50%);
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
&:hover {
|
||||
background-color: #DA0;
|
||||
background-color: @color-text;
|
||||
color: #20282a;
|
||||
}
|
||||
}
|
||||
::selection {
|
||||
background-color: @color-text;
|
||||
color: #20282a;
|
||||
}
|
||||
h1, h2, h3, h4 {
|
||||
font-size: inherit;
|
||||
font-weight: bold;
|
||||
border-bottom: 0.1em dotted;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,9 +40,24 @@ body {
|
|||
.wrapper {
|
||||
transform: rotateZ(1.3deg) rotateX(-8.8deg) rotateY(-9.3deg) translate3d(-14.9vh, 5.3vh, -27.4vh);
|
||||
transform-origin: top right;
|
||||
color: #DA0;
|
||||
padding: 1vh;
|
||||
width: 100vh;
|
||||
height: 75vh;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-content: stretch;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 1em 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue