diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index e4de1a24..f319f80c 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -21,7 +21,7 @@ jobs:
- name: Build Hugo
run: |
echo ${{ secrets.GITHUB_ACCESS_TOKEN }} | docker login docker.pkg.github.com -u $GITHUB_ACTOR --password-stdin
- docker run -v $GITHUB_WORKSPACE:/src docker.pkg.github.com/jakejarvis/hugo-custom/hugo-custom:latest --gc --cleanDestinationDir
+ docker run -v $GITHUB_WORKSPACE:/src docker.pkg.github.com/jakejarvis/hugo-custom/hugo-custom:latest --gc --cleanDestinationDir --verbose
docker logout docker.pkg.github.com
# Copy built site to a directory where we have permissions, and
diff --git a/Dockerfile b/Dockerfile
index 41b504a9..5d6c19fe 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -20,4 +20,4 @@ WORKDIR /src
EXPOSE 1313
ENTRYPOINT ["/usr/bin/hugo"]
-CMD ["server", "--bind", "0.0.0.0", "--port", "1313"]
+CMD ["server", "--bind", "0.0.0.0", "--port", "1313", "--verbose"]
diff --git a/assets/sass/components/_logo.scss b/assets/sass/components/_logo.scss
new file mode 100644
index 00000000..537df33d
--- /dev/null
+++ b/assets/sass/components/_logo.scss
@@ -0,0 +1,23 @@
+@charset "UTF-8";
+
+// nifty color swapping on svg logo hover
+
+a#logo {
+ &:hover {
+ $logo-original1: #6fbc4e;
+ $logo-original2: #ffb900;
+ $logo-original3: #009cdf;
+
+ svg {
+ g#color1 {
+ fill: $logo-original2;
+ }
+ g#color2 {
+ fill: $logo-original3;
+ }
+ g#color3 {
+ fill: $logo-original1;
+ }
+ }
+ }
+}
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index e906fb5f..5dddebe0 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -12,10 +12,12 @@
// Pages
@import 'pages/home';
@import 'pages/notes';
+@import 'pages/videos';
// Responsive Pages
@import 'pages/responsive/global';
// Miscellaneous
+@import 'components/logo';
@import 'components/syntax';
@import 'components/wave';
diff --git a/assets/sass/pages/_notes.scss b/assets/sass/pages/_notes.scss
index b4962b64..1bf3bba6 100644
--- a/assets/sass/pages/_notes.scss
+++ b/assets/sass/pages/_notes.scss
@@ -25,7 +25,12 @@ body#notes {
color: $color-medium;
padding: 15px;
- img, svg {
+ &:hover {
+ color: $color-links;
+ }
+
+ img,
+ svg {
height: 45px;
width: auto;
}
@@ -35,26 +40,6 @@ body#notes {
font-size: 1.4em;
font-weight: 500;
}
-
- &:hover {
- color: $color-links;
-
- $logo-original1: #6fbc4e;
- $logo-original2: #ffb900;
- $logo-original3: #009cdf;
-
- svg {
- g#color1 {
- fill: $logo-original2;
- }
- g#color2 {
- fill: $logo-original3;
- }
- g#color3 {
- fill: $logo-original1;
- }
- }
- }
}
ul {
diff --git a/assets/sass/pages/_videos.scss b/assets/sass/pages/_videos.scss
new file mode 100644
index 00000000..73ee0073
--- /dev/null
+++ b/assets/sass/pages/_videos.scss
@@ -0,0 +1,32 @@
+@charset "UTF-8";
+
+// Video Styles
+body#videos {
+ margin: 75px auto;
+ text-align: center;
+
+ p {
+ font-size: 0.85em;
+ line-height: 1.5em;
+ color: #777777;
+ margin: 0;
+ padding: 0 10px;
+ }
+
+ a {
+ font-weight: bold;
+ }
+
+ a#logo svg {
+ height: 48px;
+ width: 48px;
+ padding: 4px;
+ margin: 16px 0 8px 0;
+ }
+
+ video {
+ width: $responsive-width;
+ height: auto;
+ font-family: inherit; // for subtitles
+ }
+}
diff --git a/assets/sass/pages/responsive/_global.scss b/assets/sass/pages/responsive/_global.scss
index 19e69d5a..09e860f6 100644
--- a/assets/sass/pages/responsive/_global.scss
+++ b/assets/sass/pages/responsive/_global.scss
@@ -6,12 +6,11 @@
// Safari iOS menu bar reappers below 44px:
// https://www.eventbrite.com/engineering/mobile-safari-why/
padding-bottom: 45px !important;
- // Allows content to fill the viewport and go beyond the bottom
- height: 100%;
// Allows you to scroll below the viewport; default value is visible
overflow-y: scroll;
}
@import 'home';
@import 'notes';
+ @import 'videos';
}
diff --git a/assets/sass/pages/responsive/_notes.scss b/assets/sass/pages/responsive/_notes.scss
index e8557a4a..35d137bb 100644
--- a/assets/sass/pages/responsive/_notes.scss
+++ b/assets/sass/pages/responsive/_notes.scss
@@ -13,7 +13,8 @@ body#notes {
a#logo {
padding: 10px;
- img, svg {
+ img,
+ svg {
height: 60px;
width: auto;
}
diff --git a/assets/sass/pages/responsive/_videos.scss b/assets/sass/pages/responsive/_videos.scss
new file mode 100644
index 00000000..cb264063
--- /dev/null
+++ b/assets/sass/pages/responsive/_videos.scss
@@ -0,0 +1,16 @@
+@charset "UTF-8";
+
+// Responsive Videos
+body#videos {
+ margin: 20px 0;
+
+ h1 {
+ font-size: 1.6em;
+ padding: 0 10px;
+ }
+
+ video {
+ width: 100%;
+ height: auto;
+ }
+}
diff --git a/config.toml b/config.toml
index fb1224e6..de019bdd 100644
--- a/config.toml
+++ b/config.toml
@@ -2,6 +2,9 @@ baseURL = "https://jarv.is/"
languageCode = "en-us"
title = "Jake Jarvis"
+# increase timeout for image processing
+timeout = 60000
+
canonifyURLs = true
disableFastRender = true
@@ -13,8 +16,17 @@ pygmentsCodeFences = true
enableRobotsTXT = true
-# increase timeout for image processing
-timeout = 60000
+[author]
+ name = "Jake Jarvis"
+ email = "jake@jarv.is"
+ twitter = "@jakejarvis"
+ github = "jakejarvis"
+
+[params]
+ domain = "jarv.is"
+ gitRepo = "https://github.com/jakejarvis/jarv.is"
+ wayback = "https://web.archive.org/web/20010501000000*/jakejarvis.com"
+ copyrightFirstYear = "2001"
[outputs]
home = ["HTML", "RSS"]
diff --git a/content/_index.html b/content/_index.html
new file mode 100644
index 00000000..57f2793b
--- /dev/null
+++ b/content/_index.html
@@ -0,0 +1,27 @@
+---
+title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
+date: 2019-10-26 18:04:05-0400
+description: "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
+type: home
+---
+
+
+ 
+
+ I'm a frontend web developer based in Boston.
+
+My recent focus has been on modern JavaScript frameworks like React, Angular, and Vue in front of Node and Go backends...
+...but I'm fluent in classics like PHP, Ruby, Java, C++, and Python as well.
+Whenever possible, I also prioritize my experience with information security, server(less) architecture, efficient DevOps & CI, and the containerization of everything.
+I fell in love with frontend web design and backend programming when my only source of income was the Tooth Fairy. (I've improved a little bit since those projects, I promise...)
+Since then, my side projects
+ have
+ been
+ featured
+ in
+ various
+ news
+ outlets.
+
+You can find some of my work on GitHub or LinkedIn, my adventures on , Facebook, Instagram, or Mastodon, and my standard PDF resume here.
+If any of this fits with what you're looking for, I'd love to hear from you via email D36C B66F 4002 B25B, DM, or text!
diff --git a/content/_index.md b/content/_index.md
deleted file mode 100644
index 727deb3b..00000000
--- a/content/_index.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
-date: 2019-10-26 18:04:05-0400
-description: "Hello! I'm a frontend web developer based in Boston, Massachusetts specializing in modern JavaScript frameworks and progressive web apps."
-type: home
----
diff --git a/static/birthday/birthday.mp4 b/content/birthday/birthday.mp4
similarity index 100%
rename from static/birthday/birthday.mp4
rename to content/birthday/birthday.mp4
diff --git a/static/birthday/birthday.webm b/content/birthday/birthday.webm
similarity index 100%
rename from static/birthday/birthday.webm
rename to content/birthday/birthday.webm
diff --git a/static/birthday/thumb.png b/content/birthday/images/thumb.png
similarity index 100%
rename from static/birthday/thumb.png
rename to content/birthday/images/thumb.png
diff --git a/content/birthday/index.md b/content/birthday/index.md
new file mode 100644
index 00000000..3f012a7c
--- /dev/null
+++ b/content/birthday/index.md
@@ -0,0 +1,13 @@
+---
+title: "🎉 Cranky Birthday Boy on VHS Tape 📼"
+date: 1996-02-06 00:01:01-0400
+url: "/birthday"
+image: "thumb.png"
+type: videos
+layout: video
+resources:
+- src: "birthday.mp4"
+- src: "birthday.webm"
+- src: "images/thumb.png"
+- src: "subs.en.vtt"
+---
\ No newline at end of file
diff --git a/static/humans.txt b/content/humans.txt
similarity index 100%
rename from static/humans.txt
rename to content/humans.txt
diff --git a/static/leo/thumb.png b/content/leo/images/thumb.png
similarity index 100%
rename from static/leo/thumb.png
rename to content/leo/images/thumb.png
diff --git a/content/leo/index.md b/content/leo/index.md
new file mode 100644
index 00000000..1fab219f
--- /dev/null
+++ b/content/leo/index.md
@@ -0,0 +1,15 @@
+---
+title: "Facebook App on \"The Lab with Leo Laporte\""
+date: 2007-01-01 00:01:01-0400
+url: "/leo"
+image: "thumb.png"
+type: videos
+layout: video
+resources:
+- src: "leo.mp4"
+- src: "leo.webm"
+- src: "images/thumb.png"
+- src: "subs.en.vtt"
+---
+
+Video is property of [Leo Laporte](https://leolaporte.com/) and [G4techTV / HOW TO Channel](https://en.wikipedia.org/wiki/G4techTV). © 2007.
diff --git a/static/leo/leo.mp4 b/content/leo/leo.mp4
similarity index 100%
rename from static/leo/leo.mp4
rename to content/leo/leo.mp4
diff --git a/static/leo/leo.webm b/content/leo/leo.webm
similarity index 100%
rename from static/leo/leo.webm
rename to content/leo/leo.webm
diff --git a/static/leo/subs.en.vtt b/content/leo/subs.en.vtt
similarity index 100%
rename from static/leo/subs.en.vtt
rename to content/leo/subs.en.vtt
diff --git a/static/license.txt b/content/license.txt
similarity index 100%
rename from static/license.txt
rename to content/license.txt
diff --git a/static/me.jpg b/content/me.jpg
similarity index 100%
rename from static/me.jpg
rename to content/me.jpg
diff --git a/static/privacy.html b/content/privacy.html
similarity index 92%
rename from static/privacy.html
rename to content/privacy.html
index b24d8450..d6653c79 100644
--- a/static/privacy.html
+++ b/content/privacy.html
@@ -7,6 +7,6 @@
We do not share personal information with third-parties nor do we store information we collect about your visit to this blog for use other than to analyze content performance through the use of cookies, which you can turn off at any time by modifying your Internet browser's settings. We are not responsible for the republishing of the content found on this blog on other Web sites or media without our permission. This privacy policy is subject to change without notice.
- Return home.
+ Return home.