commit 2eb83fb68edccde0d82557aa2176354ce17bfcc0
parent 842aef7e838b2b940b170f9956e4c6ed600393cc
Author: Zane Schaffer <znschaffer@gmail.com>
Date: Mon, 20 Nov 2023 11:43:47 -0800
restructure everything!
Diffstat:
22 files changed, 813 insertions(+), 116 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -1 +1 @@
-out/*.html
+out/*
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1 @@
-{
- "asciidoc.antora.enableAntoraSupport": true
-}
-\ No newline at end of file
+{}
+\ No newline at end of file
diff --git a/src/_main.scss b/src/_main.scss
@@ -0,0 +1,231 @@
+/* Sakura.css v1.5.0
+ * ================
+ * Minimal css theme.
+ * Project: https://github.com/oxalorg/sakura/
+ */
+
+/* Body */
+
+html {
+ font-size: 62.5%; // So that root size becomes 10px
+ font-family: $font-family-base;
+}
+
+body {
+ // $font-size-base must be a rem value
+ font-size: $font-size-base;
+ line-height: 1.618;
+ max-width: 38em;
+ margin: auto;
+ color: $color-text;
+ background-color: $color-bg;
+ padding: 13px;
+}
+
+@media (max-width: 684px) {
+ body {
+ font-size: $font-size-base * 0.85;
+ }
+}
+
+@media (max-width: 382px) {
+ body {
+ font-size: $font-size-base * 0.75;
+ }
+}
+
+@mixin word-wrap() {
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ -ms-word-break: break-all;
+ word-break: break-word;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.1;
+ font-family: $font-family-heading;
+ font-weight: 700;
+ margin-top: 3rem;
+ margin-bottom: 1.5rem;
+ @include word-wrap;
+}
+
+h1 { font-size: 2.35em }
+h2 { font-size: 2.00em }
+h3 { font-size: 1.75em }
+h4 { font-size: 1.5em }
+h5 { font-size: 1.25em }
+h6 { font-size: 1em }
+
+p {
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+small, sub, sup {
+ font-size: 75%;
+}
+
+hr {
+ border-color: $color-blossom;
+}
+
+a {
+ text-decoration: none;
+ color: $color-blossom;
+
+ &:visited {
+ color: darken($color-blossom, 10%);
+ }
+
+ &:hover {
+ color: $color-fade;
+ border-bottom: 2px solid $color-text;
+ }
+
+}
+
+ul {
+ padding-left: 1.4em;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+li {
+ margin-bottom: 0.4em;
+}
+
+blockquote {
+ margin-left: 0px;
+ margin-right: 0px;
+ padding-left: 1em;
+ padding-top: 0.8em;
+ padding-bottom: 0.8em;
+ padding-right: 0.8em;
+ border-left: 5px solid $color-blossom;
+ margin-bottom: 2.5rem;
+ background-color: $color-bg-alt;
+}
+
+blockquote p {
+ margin-bottom: 0;
+}
+
+img, video {
+ height: auto;
+ max-width: 100%;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+/* Pre and Code */
+
+pre {
+ background-color: $color-bg-alt;
+ display: block;
+ padding: 1em;
+ overflow-x: auto;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+ font-size: 0.9em;
+}
+
+code, kbd, samp {
+ font-size: 0.9em;
+ padding: 0 0.5em;
+ background-color: $color-bg-alt;
+ white-space: pre-wrap;
+}
+
+pre > code {
+ padding: 0;
+ background-color: transparent;
+ white-space: pre;
+ font-size: 1em;
+}
+
+/* Tables */
+
+table {
+ text-align: justify;
+ width: 100%;
+ border-collapse: collapse;
+ margin-bottom: 2rem;
+}
+
+td, th {
+ padding: 0.5em;
+ border-bottom: 1px solid $color-bg-alt;
+}
+
+/* Buttons, forms and input */
+
+input, textarea {
+ border: 1px solid $color-text;
+
+ &:focus {
+ border: 1px solid $color-blossom;
+ }
+}
+
+textarea {
+ width: 100%;
+}
+
+.button, button, input[type="submit"], input[type="reset"], input[type="button"], input[type=file]::file-selector-button {
+ display: inline-block;
+ padding: 5px 10px;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ background-color: $color-blossom;
+ color: $color-bg;
+ border-radius: 1px;
+ border: 1px solid $color-blossom;
+ cursor: pointer;
+ box-sizing: border-box;
+
+ &[disabled] {
+ cursor: default;
+ opacity: .5;
+ }
+
+ &:hover {
+ background-color: $color-fade;
+ color: $color-bg;
+ outline: 0;
+ }
+
+ &:focus-visible {
+ outline-style: solid;
+ outline-width: 2px;
+ }
+}
+
+textarea, select, input {
+ color: $color-text;
+ padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+ margin-bottom: 10px;
+ background-color: $color-bg-alt;
+ border: 1px solid $color-bg-alt;
+ border-radius: 4px;
+ box-shadow: none;
+ box-sizing: border-box;
+
+ &:focus {
+ border: 1px solid $color-blossom;
+ outline: 0;
+ }
+}
+
+input[type="checkbox"]:focus {
+ outline: 1px dotted $color-blossom;
+}
+
+label, legend, fieldset {
+ display: block;
+ margin-bottom: .5rem;
+ font-weight: 600;
+}
+
diff --git a/src/custom.css b/src/custom.css
@@ -0,0 +1,228 @@
+/* Sakura.css v1.5.0
+ * ================
+ * Minimal css theme.
+ * Project: https://github.com/oxalorg/sakura/
+ */
+/* Body */
+html {
+ font-size: 62.5%;
+ font-family: "SF Pro";
+}
+
+body {
+ font-size: 1.8rem;
+ line-height: 1.618;
+ max-width: 38em;
+ margin: auto;
+ color: #222222;
+ background-color: #ffffff;
+ padding: 13px;
+}
+
+@media (max-width: 684px) {
+ body {
+ font-size: 1.53rem;
+ }
+}
+@media (max-width: 382px) {
+ body {
+ font-size: 1.35rem;
+ }
+}
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.1;
+ font-family: "SF Pro";
+ font-weight: 700;
+ margin-top: 3rem;
+ margin-bottom: 1.5rem;
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ -ms-word-break: break-all;
+ word-break: break-word;
+}
+
+h1 {
+ font-size: 2.35em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.75em;
+}
+
+h4 {
+ font-size: 1.5em;
+}
+
+h5 {
+ font-size: 1.25em;
+}
+
+h6 {
+ font-size: 1em;
+}
+
+p {
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+small, sub, sup {
+ font-size: 75%;
+}
+
+hr {
+ border-color: #007559;
+}
+
+a {
+ text-decoration: none;
+ color: #007559;
+}
+a:visited {
+ color: #004232;
+}
+a:hover {
+ color: #006994;
+ border-bottom: 2px solid #222222;
+}
+
+ul {
+ padding-left: 1.4em;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+li {
+ margin-bottom: 0.4em;
+}
+
+blockquote {
+ margin-left: 0px;
+ margin-right: 0px;
+ padding-left: 1em;
+ padding-top: 0.8em;
+ padding-bottom: 0.8em;
+ padding-right: 0.8em;
+ border-left: 5px solid #007559;
+ margin-bottom: 2.5rem;
+ background-color: #f7f7f7;
+}
+
+blockquote p {
+ margin-bottom: 0;
+}
+
+img, video {
+ height: auto;
+ max-width: 100%;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+/* Pre and Code */
+pre {
+ background-color: #f7f7f7;
+ display: block;
+ padding: 1em;
+ overflow-x: auto;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+ font-size: 0.9em;
+}
+
+code, kbd, samp {
+ font-size: 0.9em;
+ padding: 0 0.5em;
+ background-color: #f7f7f7;
+ white-space: pre-wrap;
+}
+
+pre > code {
+ padding: 0;
+ background-color: transparent;
+ white-space: pre;
+ font-size: 1em;
+}
+
+/* Tables */
+table {
+ text-align: justify;
+ width: 100%;
+ border-collapse: collapse;
+ margin-bottom: 2rem;
+}
+
+td, th {
+ padding: 0.5em;
+ border-bottom: 1px solid #f7f7f7;
+}
+
+/* Buttons, forms and input */
+input, textarea {
+ border: 1px solid #222222;
+}
+input:focus, textarea:focus {
+ border: 1px solid #007559;
+}
+
+textarea {
+ width: 100%;
+}
+
+.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
+ display: inline-block;
+ padding: 5px 10px;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: #007559;
+ color: #ffffff;
+ border-radius: 1px;
+ border: 1px solid #007559;
+ cursor: pointer;
+ box-sizing: border-box;
+}
+.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+ cursor: default;
+ opacity: 0.5;
+}
+.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+ background-color: #006994;
+ color: #ffffff;
+ outline: 0;
+}
+.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+ outline-style: solid;
+ outline-width: 2px;
+}
+
+textarea, select, input {
+ color: #222222;
+ padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+ margin-bottom: 10px;
+ background-color: #f7f7f7;
+ border: 1px solid #f7f7f7;
+ border-radius: 4px;
+ box-shadow: none;
+ box-sizing: border-box;
+}
+textarea:focus, select:focus, input:focus {
+ border: 1px solid #007559;
+ outline: 0;
+}
+
+input[type=checkbox]:focus {
+ outline: 1px dotted #007559;
+}
+
+label, legend, fieldset {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: 600;
+}
+
+/*# sourceMappingURL=custom.css.map */
diff --git a/src/custom.css.map b/src/custom.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["_main.scss","custom.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;EACI;EACA,aCFe;;;ADKnB;EAEI,WCRa;EDSb;EACA;EACA;EACA,OCbS;EDcT,kBCjBO;EDkBP;;;AAGJ;EACI;IACI;;;AAIR;EACI;IACI;;;AAWR;EACI;EACA,aCpCkB;EDqClB;EACA;EACA;EAXA;EACA;EACA;EACA;;;AAYJ;EAAK;;;AACL;EAAK;;;AACL;EAAK;;;AACL;EAAK;;;AACL;EAAK;;;AACL;EAAK;;;AAEL;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,cCrEY;;;ADwEhB;EACI;EACA,OC1EY;;AD4EZ;EACI;;AAGJ;EACI,OChFK;EDiFL;;;AAKR;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCtGW;;;ADyGf;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAEA;EACI,kBCvHW;EDwHX;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA,kBCnIW;EDoIX;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;AAEA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;AAEA;EACI;;AAEA;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA,kBCrLY;EDsLZ,OCnLO;EDoLP;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,kBCjMK;EDkML,OChMG;EDiMH;;AAGJ;EACI;EACA;;;AAIR;EACI,OCxMS;EDyMT;EACA;EACA,kBC7MW;ED8MX;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA","file":"custom.css"}
+\ No newline at end of file
diff --git a/src/custom.scss b/src/custom.scss
@@ -0,0 +1,12 @@
+$color-blossom: #007559;
+$color-fade: #006994;
+
+$color-bg: #ffffff;
+$color-bg-alt: #f7f7f7;
+
+$color-text: #222222;
+$font-size-base: 1.8rem;
+$font-family-base: "SF Pro";
+$font-family-heading: "SF Pro";
+
+@import "main";
+\ No newline at end of file
diff --git a/out/img/.DS_Store b/src/img/.DS_Store
Binary files differ.
diff --git a/out/img/bloom.webp b/src/img/bloom.webp
Binary files differ.
diff --git a/out/img/cleo.webp b/src/img/cleo.webp
Binary files differ.
diff --git a/out/img/jenga.webp b/src/img/jenga.webp
Binary files differ.
diff --git a/out/img/north_seattle_college.webp b/src/img/north_seattle_college.webp
Binary files differ.
diff --git a/out/img/trombone.webp b/src/img/trombone.webp
Binary files differ.
diff --git a/out/img/wax.webp b/src/img/wax.webp
Binary files differ.
diff --git a/src/index.adoc b/src/index.adoc
@@ -1,38 +0,0 @@
-:description: This site contains notes, information, blog posts, and other tidbits about my life.
-:imagesdir: ../out/img
-= Zane Schaffer
-
-This site contains notes, information, blog posts, and other tidbits about my life. You may contact me
-via mailto:znschaffer@gmail.com[email] or any social media platform you see fit.
-
-
-== Life Facts!
-
-- I am a twenty-seven year old computer science student at https://northseattle.edu[North Seattle
-College].
-
-- I was born in Seattle, grew up in Bellevue, and have link:travels[lived in many
-places]!
-
-- I have been writing and producing music for most of my adult life. You can learn more about my musical endeavours link:music[here].
-
-- I enjoy working on link:projects[projects] and learning new skills.
-
-- My partner, https://xinrui.work[Xinrui], is an extremely talented and lovely individual
-
-== Whats Going On Now?
-
-Currently, I live on Capitol Hill, Seattle, Washington with Xinrui and our cat
-Cleo. I spend a lot of time learning about programming language design, studying
-higher level math and calculus, researching self-hosted projects, and making noises
-on my synths.
-
-I'm building a real-time chat and drawing app with Xinrui to advance my knowledge
-of web sockets and different networking protocols. It's going great!
-
-A lot of my current time is taken up by the _pursuit of education_ I am subjecting myself to.
-I've gone self-taught for most everything in computer science but enough is enough! Through this
-process, I have discovered an odd, but intriguing appreciation for mathematics I did not possess before.
-Luckily, audio programming and it's related domains expect you to be fascinated with mathematics.
-
-image::cleo.webp[]
-\ No newline at end of file
diff --git a/src/index.md b/src/index.md
@@ -0,0 +1,34 @@
+---
+title: "Zane Schaffer"
+---
+
+> This site contains notes, information, blog posts, and other tidbits about my life. You may contact me
+> via [email](mailto:znschaffer@gmail.com) or any social media platform you see fit.
+
+
+## Life Facts!
+
+- I am a twenty-seven year old computer science student at [North Seattle College](https://northseattle.edu)
+
+- I was born in Seattle, grew up in Bellevue, and have [lived in many places](./travels)!
+
+- I have been writing and producing music for most of my adult life. You can learn more about my musical endeavours [here](./music).
+
+- I enjoy working on [projects](./projects) and learning new skills.
+
+- My partner, [Xinrui](https://xinrui.work), is an extremely talented and lovely individual
+
+## Whats Going On Now?
+
+Currently, I live on Capitol Hill, Seattle, Washington with Xinrui and our cat
+Cleo. I spend a lot of time learning about programming language design, studying
+higher level math and calculus, researching self-hosted projects, and making noises
+on my synths.
+
+I'm building a real-time chat and drawing app with Xinrui to advance my knowledge
+of web sockets and different networking protocols. It's going great!
+
+A lot of my current time is taken up by the _pursuit of education_ I am subjecting myself to.
+I've gone self-taught for most everything in computer science but enough is enough! Through this
+process, I have discovered an odd, but intriguing appreciation for mathematics I did not possess before.
+Luckily, audio programming and it's related domains expect you to be fascinated with mathematics.
diff --git a/src/music.adoc b/src/music.adoc
@@ -1,28 +0,0 @@
-:imagesdir: ../out/img
-
-# Music and Sound
-My Things and Where They Come From.
-
-
-image::trombone.webp[]
-I grew up playing *jazz trombone* throughout middle and high school, eventually
-catching the electronic music bug and finding myself working in FL Studio. After
-realizing what a mistake of software that is, I moved myself over to Ableton. I
-would describe my musical influences as jazzy, noisy, bleepy, and bloopy. I've made
-things ranging from soft soothing _lo-fi hip-hop_ to repugnant noisey wall-of-sound.
-
-Currently, I'm fond of odd analog sound machines - instrument creators currently inspiring
-me include: Lorre Mill, Ciat Lonbarde, 4U Modular.
-
-
-## Where To Listen
-
-NOTE: I'm not as active in making and releasing music these days. You'll find most of my music released on the platforms listed below.
-
-Most of my music is accessible (begrudgingly) via https://open.spotify.com/artist/2stp6XCHbjsyVmOYGyYBuz?si=i3yoQQjXTY-YWtr2vZ96Aw[Spotify].
-
-You can also find me on Apple Music, Tidal, and other major streaming platforms.
-
-A small body of my work is available on https://zaneschaffer.bandcamp.com[Bandcamp]
-
-
diff --git a/src/music.md b/src/music.md
@@ -0,0 +1,29 @@
+---
+title: "Music and Sound"
+---
+
+~My Things and Where They Come From.~
+
+
+
+I grew up playing *jazz trombone* throughout middle and high school, eventually
+catching the electronic music bug and finding myself working in FL Studio. After
+realizing what a mistake of software that is, I moved myself over to Ableton. I
+would describe my musical influences as jazzy, noisy, bleepy, and bloopy. I've made
+things ranging from soft soothing _lo-fi hip-hop_ to repugnant noisey wall-of-sound.
+
+Currently, I'm fond of odd analog sound machines - instrument creators currently inspiring
+me include: Lorre Mill, Ciat Lonbarde, 4U Modular.
+
+
+## Where To Listen
+
+> I'm not as active in making and releasing music these days. You'll find most of my music released on the platforms listed below.
+
+Most of my music is accessible (begrudgingly) via [Spotify](https://open.spotify.com/artist/2stp6XCHbjsyVmOYGyYBuz?si=i3yoQQjXTY-YWtr2vZ96Aw).
+
+You can also find me on Apple Music, Tidal, and other major streaming platforms.
+
+A small body of my work is available on [Bandcamp](https://zaneschaffer.bandcamp.com)
+
+
diff --git a/src/projects.adoc b/src/projects.adoc
@@ -1,30 +0,0 @@
-:imagesdir: ../out/img
-= Projects
-
-
-== https://bloom.znschaffer.com[Bloom]
-image::bloom.webp[Bloom App]
-
-An interactive coffee brewing timer, brew log, and recipe stash.
-
-
-== https://github.com/znschaffer/wax.git[Wax]
-
-image::wax.webp[Wax]
-
-A terminal based graphical music player, akin to CMUS.
-
-Written in C using https://taglib.org/[TagLib] and https://invisible-island.net/ncurses/[ncurses]
-
-
-== https://github.com/znschaffer/jenga[Jenga]
-
-image::jenga.webp[Jenga Logo, 150, float="right" ]
-
-Jenga is a no frills, fast-enough static site builder written in Go. It is
-optimized for single-page infinite scrolling blogs. Jenga takes a source
-directory of markdown files and an HTML template and spits outs a full HTML
-blog.
-
-Written in Go
-
diff --git a/src/projects.md b/src/projects.md
@@ -0,0 +1,32 @@
+---
+title: "Projects"
+---
+
+
+
+## [Bloom](https://bloom.znschaffer.com)
+
+
+An interactive coffee brewing timer, brew log, and recipe stash.
+
+
+## [Wax](https://github.com/znschaffer/wax.git)
+
+
+
+A terminal based graphical music player, akin to CMUS.
+
+Written in C using [TagLib](https://taglib.org) and [ncurses](https://invisible-island.net/ncurses)
+
+
+## [Jenga](https://github.com/znschaffer/jenga)
+
+
+
+Jenga is a no frills, fast-enough static site builder written in Go. It is
+optimized for single-page infinite scrolling blogs. Jenga takes a source
+directory of markdown files and an HTML template and spits outs a full HTML
+blog.
+
+Written in Go
+
diff --git a/src/sakura.css b/src/sakura.css
@@ -0,0 +1,226 @@
+/* Sakura.css v1.5.0
+ * ================
+ * Minimal css theme.
+ * Project: https://github.com/oxalorg/sakura/
+ */
+/* Body */
+html {
+ font-size: 62.5%;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+}
+
+body {
+ font-size: 1.8rem;
+ line-height: 1.618;
+ max-width: 38em;
+ margin: auto;
+ color: #4a4a4a;
+ background-color: #f9f9f9;
+ padding: 13px;
+}
+
+@media (max-width: 684px) {
+ body {
+ font-size: 1.53rem;
+ }
+}
+@media (max-width: 382px) {
+ body {
+ font-size: 1.35rem;
+ }
+}
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.1;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+ font-weight: 700;
+ margin-top: 3rem;
+ margin-bottom: 1.5rem;
+ overflow-wrap: break-word;
+ word-wrap: break-word;
+ -ms-word-break: break-all;
+ word-break: break-word;
+}
+
+h1 {
+ font-size: 2.35em;
+}
+
+h2 {
+ font-size: 2em;
+}
+
+h3 {
+ font-size: 1.75em;
+}
+
+h4 {
+ font-size: 1.5em;
+}
+
+h5 {
+ font-size: 1.25em;
+}
+
+h6 {
+ font-size: 1em;
+}
+
+p {
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+small, sub, sup {
+ font-size: 75%;
+}
+
+hr {
+ border-color: #1d7484;
+}
+
+a {
+ text-decoration: none;
+ color: #1d7484;
+}
+a:visited {
+ color: #144f5a;
+}
+a:hover {
+ color: #982c61;
+ border-bottom: 2px solid #4a4a4a;
+}
+
+ul {
+ padding-left: 1.4em;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+li {
+ margin-bottom: 0.4em;
+}
+
+blockquote {
+ margin-left: 0px;
+ margin-right: 0px;
+ padding-left: 1em;
+ padding-top: 0.8em;
+ padding-bottom: 0.8em;
+ padding-right: 0.8em;
+ border-left: 5px solid #1d7484;
+ margin-bottom: 2.5rem;
+ background-color: #f1f1f1;
+}
+
+blockquote p {
+ margin-bottom: 0;
+}
+
+img, video {
+ height: auto;
+ max-width: 100%;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+}
+
+/* Pre and Code */
+pre {
+ background-color: #f1f1f1;
+ display: block;
+ padding: 1em;
+ overflow-x: auto;
+ margin-top: 0px;
+ margin-bottom: 2.5rem;
+ font-size: 0.9em;
+}
+
+code, kbd, samp {
+ font-size: 0.9em;
+ padding: 0 0.5em;
+ background-color: #f1f1f1;
+ white-space: pre-wrap;
+}
+
+pre > code {
+ padding: 0;
+ background-color: transparent;
+ white-space: pre;
+ font-size: 1em;
+}
+
+/* Tables */
+table {
+ text-align: justify;
+ width: 100%;
+ border-collapse: collapse;
+ margin-bottom: 2rem;
+}
+
+td, th {
+ padding: 0.5em;
+ border-bottom: 1px solid #f1f1f1;
+}
+
+/* Buttons, forms and input */
+input, textarea {
+ border: 1px solid #4a4a4a;
+}
+input:focus, textarea:focus {
+ border: 1px solid #1d7484;
+}
+
+textarea {
+ width: 100%;
+}
+
+.button, button, input[type=submit], input[type=reset], input[type=button], input[type=file]::file-selector-button {
+ display: inline-block;
+ padding: 5px 10px;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ background-color: #1d7484;
+ color: #f9f9f9;
+ border-radius: 1px;
+ border: 1px solid #1d7484;
+ cursor: pointer;
+ box-sizing: border-box;
+}
+.button[disabled], button[disabled], input[type=submit][disabled], input[type=reset][disabled], input[type=button][disabled], input[type=file]::file-selector-button[disabled] {
+ cursor: default;
+ opacity: 0.5;
+}
+.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, input[type=file]::file-selector-button:hover {
+ background-color: #982c61;
+ color: #f9f9f9;
+ outline: 0;
+}
+.button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, input[type=reset]:focus-visible, input[type=button]:focus-visible, input[type=file]::file-selector-button:focus-visible {
+ outline-style: solid;
+ outline-width: 2px;
+}
+
+textarea, select, input {
+ color: #4a4a4a;
+ padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
+ margin-bottom: 10px;
+ background-color: #f1f1f1;
+ border: 1px solid #f1f1f1;
+ border-radius: 4px;
+ box-shadow: none;
+ box-sizing: border-box;
+}
+textarea:focus, select:focus, input:focus {
+ border: 1px solid #1d7484;
+ outline: 0;
+}
+
+input[type=checkbox]:focus {
+ outline: 1px dotted #1d7484;
+}
+
+label, legend, fieldset {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: 600;
+}
diff --git a/src/travels.adoc b/src/travels.adoc
@@ -1,14 +0,0 @@
-:imagesdir: ../out/img
-= Travels
-
-I've been lucky enough to travel to many large cities in America, and a few in Europe.
-
-NOTE: This seems extremely self-indulgent to write, but I'd like to catalog my life for once.
-
-Here is my current *City Ranking*:
-
-1. Seattle, WA
-2. New York City, NY
-3. Den Haag, NL
-4. 2016-era Portland, OR
-
diff --git a/src/travels.md b/src/travels.md
@@ -0,0 +1,15 @@
+---
+title: "Travels"
+---
+
+I've been lucky enough to travel to many large cities in America, and a few in Europe.
+
+> This seems extremely self-indulgent to write, but I'd like to catalog my life for once.
+
+Here is my current *City Ranking*:
+
+1. Seattle, WA
+2. New York City, NY
+3. Den Haag, NL
+4. 2016-era Portland, OR
+
