diff --git a/layouts/home.html b/layouts/index.html similarity index 100% rename from layouts/home.html rename to layouts/index.html diff --git a/layouts/post.html b/layouts/post.html index 2e50e34..c24bc80 100644 --- a/layouts/post.html +++ b/layouts/post.html @@ -1,7 +1,11 @@ {{> header }} -

{{ title }}

- +
+

+ <  + {{ title }} +

{{{ contents }}} +
{{> footer }} diff --git a/partials/footer.html b/partials/footer.html index 7b6633c..09ae6cd 100644 --- a/partials/footer.html +++ b/partials/footer.html @@ -1,6 +1,4 @@ - + diff --git a/partials/header.html b/partials/header.html index 53ae123..56f9ab7 100644 --- a/partials/header.html +++ b/partials/header.html @@ -10,11 +10,15 @@
- [ sharpshark28@joewroten.com ] (master) ~/portfolio -
- ⟩ npm start -
- Starting up server, serving ./ on port: 8080 ... -
- Resume accessible @ ./resume.pdf +
+ [ sharpshark28@joewroten.com ] (master) ~/portfolio +
+ ⟩ npm start +
+ Starting up server, serving ./ on port: 8080 ... +
+ Resume accessible @ ./resume.pdf +
+ +
diff --git a/src/app.scss b/src/app.scss index 24999af..c30d111 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,3 +1,8 @@ +$success: #28C665; +$primary: #87D2C8; +$secondary: #A01C69; +$max-width: 60rem; + html { margin: 0; } @@ -6,19 +11,85 @@ body { margin: 0; background: #F2F2F2; > header { - padding: 2rem; + padding: 2rem 0; background: #282A36; color: white; + box-shadow: 0 .25rem 1rem .25rem rgba(0, 0, 0, 0.25); a { - color: #87D2C8; + color: $primary; + text-decoration: underline; + &:focus, + &:hover, + &:focus span, + &:hover span { + outline: none; + color: white; + } + } + a .secondary { + color: $secondary; + } + a .normal { + color: white; + } + .dim { + color: #ccc; } } } +.wrapper { + padding: 0 2rem; + max-width: $max-width; + margin: 0 auto; +} + +a { + color: $secondary; + text-decoration: none; + &:focus, + &:hover { + outline: none; + color: lighten($secondary, 10%); + } + &:active { + background: black; + color: white; + } +} + +img, +video { + max-width: $max-width * .75; + width: 100%; + border-radius: .25rem; +} + .text-code { font-family: 'Source Code Pro', monospace; } .text-success { - color: #28C665; + color: $success; +} + +#content { + p { + width: 50%; + clear: both; + + &:nth-of-type(odd) { + float: left; + } + + &:nth-of-type(odd) { + float: right; + } + } + + img, + video { + margin: 0 auto; + display: block; + } } diff --git a/src/assets/media/patient_education/teaser.mp4 b/src/assets/media/patient_education/teaser.mp4 new file mode 100644 index 0000000..5f24550 Binary files /dev/null and b/src/assets/media/patient_education/teaser.mp4 differ diff --git a/src/assets/media/patient_education/teaser.ogv b/src/assets/media/patient_education/teaser.ogv new file mode 100644 index 0000000..ce9a487 Binary files /dev/null and b/src/assets/media/patient_education/teaser.ogv differ diff --git a/src/assets/media/patient_education/teaser.webm b/src/assets/media/patient_education/teaser.webm new file mode 100644 index 0000000..c5c0bbe Binary files /dev/null and b/src/assets/media/patient_education/teaser.webm differ diff --git a/src/home.md b/src/index.md similarity index 93% rename from src/home.md rename to src/index.md index 7d7c0b9..75e4985 100644 --- a/src/home.md +++ b/src/index.md @@ -1,5 +1,5 @@ --- -layout: home.html +layout: index.html ---

Heyya,
diff --git a/src/posts/patient-education.md b/src/posts/patient-education.md index 62186dd..a14c554 100644 --- a/src/posts/patient-education.md +++ b/src/posts/patient-education.md @@ -1,7 +1,16 @@ --- title: Patient Education -date: 2016-08-20 layout: post.html --- -Test + + +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan varius dui. Vestibulum ut porttitor nulla. + +Quisque at mi eros. Curabitur tempor massa mi, at luctus neque sagittis nec. Nullam suscipit malesuada eros at accumsan. + +Sed in justo sed ante aliquam mattis. Donec scelerisque neque sed augue sodales vestibulum. Curabitur sagittis ligula eget ex vestibulum imperdiet. Nunc orci nisi, dictum et congue sit amet, pulvinar et elit. Maecenas pellentesque non dui non lacinia. Quisque pretium nisi in velit placerat maximus. Ut rutrum feugiat interdum.