content and style adjustments

src/themes/eos/layouts/index.html

@@ -11,49 +11,28 @@
   <div class="wrapper">
     {{ partial "header" . }}
     <main>
-      <pre style="font-size: 1.7vmin">
+      <pre style="font-size: 2.2vmin">
-                                  ,g▄██▓▓▓▓▓▓▓▓████▄g
+
-                           ,≈g▄▄██▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█
+dP   dP   dP          dP                                       dP
-                        ▄█▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓╥
+88   88   88          88                                       88
-                       ▄▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓█
+88  .8P  .8P .d8888b. 88 .d8888b. .d8888b. 88d8b.d8b. .d8888b. 88
-                       █▓▓▓▓▓▓▓▓▓█▀▀▀▐┼¡!!┤▐▀▀███▓▓▓▓▓▓▓█g
+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
-                      ▐▓▓▓▓▌!!!!!!!!!!!!!!!!!!!!!!!¡▓▓▓▓▓▓▓▓▓▓█
+
-                      ▓▓▓▓▓▌!!!!!!!!!!!!!!!!!!!!!!!!▓▓▓▓▓▓▓▓▓▓▓g
+
-                     ▐▓▓▓▓▓@!!!!!!!!!!!!!!!!!!!!!!!!█▓▓▓▓▓▓▓▓▓▓▌
+</pre>
-                     ╘▓▓▓▓▓|!!!!!!!!!!!!!!⌠g▄▄▄▄┼!!!█▓▓▓▓▓▓▓▓▓▓▌
+      <p>Hi, I'm Joshua Seigler. I'm a:</p>
-                      ╘█▓▓▓█▓▓███▄!!!!▄██▓▓▓▓████▌¡!▀▓▓▓▓▓▓▓▓▓▓─
+      <h2>Web developer</h2>
-                      ╓█▓▓▀▐▒▌▀▀██|ƒ┼▄▐▐▄╧╧╩▌≡âg!¡å▀▄▓▓▓▓▓▓▓▓▓▌
+      <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╓╓▄╓,g▌!!▀┤▐▓▓▓▓▓▓▓█
+      <h2>Bostonian</h2>
-                      ▌▀▓▓█åååà┤g╪!!!▐▄|!!!!!!!!!|g╪!!|▀▀▌├⌠█
+      <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>
-                       ²▀█ææææ¥▀┼!!!!!¡å╪╪╪╪╪╪╪╪Ñ┼!!!!!g▀▄¡!▀
+      <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>
-                       ▌!!!!!╘g!!!!!!!!⌡!!!!!!!!!!!!!!!!~┤gÑ
+      <h2>Boardgamer</h2>
-                       ▀!!;ƒg▄█g|;|ƒg▄▀██▌▌▄▄ƒ¡!!!!!!!!!¡▌
+      <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>
-                       ▄▌██████████████████████▌▄g!!!!!!!▀
+      <h2>Artist</h2>
-                     g█████████▀▀▀┤▐▀▀▀▀▀▒▀▀▀▀▀██▒▌!!!!!!¡▌
+      <p>I make ink sketches sometimes, for fun and to improve my skill.</p>
-                     ╘╧≡▒▄≡▄▄▄▄▄▄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>
     </main>
     {{ partial "footer" . }}
   </div>

src/themes/eos/layouts/partials/footer.html

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

src/themes/eos/static/css/bundle.css

@@ -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 */

src/themes/eos/styles/basics.less

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

src/themes/eos/styles/layout.less

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