diff --git a/.vscode/settings.json b/.vscode/settings.json index d6257f5..52d20e4 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -25,4 +25,13 @@ }, "python.defaultInterpreterPath": "${workspaceFolder}/.venv/bin/python", "html.format.unformattedContentDelimiter": "", + "files.exclude": { + "**/.git": true, + "**/.svn": true, + "**/.hg": true, + "**/CVS": true, + "**/.DS_Store": true, + "**/Thumbs.db": true, + "**/.jekyll-cache": true, + } } \ No newline at end of file diff --git a/_config.yml b/_config.yml index 479a92b..4f1bd00 100644 --- a/_config.yml +++ b/_config.yml @@ -1,6 +1,7 @@ # Site title: Evan Pratten description: Evan Pratten is a software developer, amateur radio operator, and more. This is his website. +profile_photo: &profile_photo /assets/profile-photos/2022/460x460.webp encoding: utf-8 source: src @@ -13,6 +14,11 @@ livereload: true baseurl: / url: https://ewpratten.com +# RSS +feed: + icon: *profile_photo + path: rss.xml + # Markdown markdown: kramdown kramdown: diff --git a/config.toml b/config.toml deleted file mode 100644 index a594dc6..0000000 --- a/config.toml +++ /dev/null @@ -1,37 +0,0 @@ -base_url = "https://ewpratten.com" -title = "Evan Pratten" -description = "Evan Pratten is a software developer, amateur radio operator, and more. This is his website." -default_language = "en" -compile_sass = true -build_search_index = true -generate_feeds = true -feed_filenames = ["rss.xml"] -minify_html = false # This breaks mermaid diagrams :( -ignored_content = ["content/@/blog/*.md", "sites/"] -ignored_static = ["static/images/drawings/*/*.xcf", "sites/"] - -[markdown] -highlight_code = true -render_emoji = true -external_links_target_blank = true - -[link_checker] -skip_prefixes = [] -skip_anchor_prefixes = [] -internal_level = "error" -external_level = "error" - -[extra] -# Website -domain_name = "ewpratten.com" -# Me -name = "Evan Pratten" -profession = "Software Developer" -profile_photo = "/images/pfp/2022/460x460.webp" -# Accounts -email = "evan@ewpratten.com" -github = "ewpratten" -linkedin = "ewpratten" -# Announcements -# home_announcement = "Test content" -# global_announcement = "Global announcement content test" diff --git a/sass/elements/code.scss b/sass/elements/code.scss deleted file mode 100644 index c92a1b7..0000000 --- a/sass/elements/code.scss +++ /dev/null @@ -1,41 +0,0 @@ -pre { - font-family: monospace, monospace; - font-size: 0.9em; - border-radius: 5px; - padding: 0.5em 0.75em; - overflow-x: scroll; - - span { - font-family: inherit !important; - } -} - -del { - code { - text-decoration: inherit; - } -} - -:not(pre) > code { - font-family: monospace, monospace; - background-color: rgba(175, 184, 193, 0.2); - border-radius: 5px; - padding: 0 5px; - font-size: 85%; - white-space: nowrap; -} - -kbd { - display: inline-block; - padding: 3px 5px; - font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, - Liberation Mono, monospace; - line-height: 10px; - color: #24292f; - vertical-align: middle; - background-color: #f6f8fa; - border: solid 1px rgba(175, 184, 193, 0.2); - border-bottom-color: rgba(175, 184, 193, 0.2); - border-radius: 6px; - box-shadow: inset 0 -1px 0 rgba(175, 184, 193, 0.2); -} diff --git a/sass/elements/details.scss b/sass/elements/details.scss deleted file mode 100644 index a3a98ca..0000000 --- a/sass/elements/details.scss +++ /dev/null @@ -1,30 +0,0 @@ -details { - background-color: #f4f4f4; - border: 1px solid #d7dde3; - border-radius: 5px; - padding: 0.5em; - - summary { - h1, - h2, - h3, - h4, - h5, - h6 { - margin: none; - padding: none; - border: none; - display: inline; - } - - &:hover { - cursor: pointer; - } - } - - & > :nth-child(2) { - margin-top: 0.5em; - padding-top: 0.5em; - border-top: 1px solid #d7dde3; - } -} diff --git a/sass/elements/header.scss b/sass/elements/header.scss deleted file mode 100644 index 5461361..0000000 --- a/sass/elements/header.scss +++ /dev/null @@ -1,94 +0,0 @@ -header.intro-card { - display: flex; - flex-wrap: wrap; - flex-direction: row; - justify-content: space-around; - align-items: center; - - width: max-content; - max-width: 95vw; - - margin: 2em auto; - - font-family: "IBM Plex Serif", serif; - - // Image Controls - &[data-size="large"] { - img { - width: 120px; - height: 120px; - } - } - - // Text column - .header-text { - margin-left: 1em; - height: max-content; - - span { - margin: 0; - line-height: 1em; - } - - .header-name { - font-size: 2rem; - font-weight: 700; - margin-bottom: 0.5rem; - } - } - - // Links - &[data-size="large"] { - .header-links { - margin: 0; - padding-left: 0; - - li { - list-style-type: none; - height: 1.25em; - margin: 0; - padding: 0; - a { - display: flex; - flex-direction: row; - align-items: center; - - img { - display: inline-block; - margin-right: 1px; - height: 1em; - width: 1em; - filter: invert(9%) sepia(97%) saturate(6581%) hue-rotate(247deg) - brightness(94%) contrast(144%); - } - } - } - } - } - - // Alter the design if in small mode - &[data-size="small"] { - hr { - display: none; - } - - .header-links { - display: none; - } - - img { - width: 50px; - height: 50px; - } - } -} - -header.page-header { - margin-bottom: 1em; - - .subtitle { - font-family: "IBM Plex Serif", serif; - font-size: 1.25em; - color: gray; - } -} diff --git a/sass/elements/headings.scss b/sass/elements/headings.scss deleted file mode 100644 index b992632..0000000 --- a/sass/elements/headings.scss +++ /dev/null @@ -1,28 +0,0 @@ - -h1, -h2, -h3, -h4, -h5, -h6 { - margin-top: 24px; - margin-bottom: 16px; - padding-bottom: 0.3em; - font-weight: 600; - line-height: 1.25; - - border-bottom: 1px solid #d7dde3; - - font-family: "IBM Plex Serif", serif; - font-kerning: normal; - font-variant-ligatures: normal; - - code { - padding: 0 0.2em; - font-size: inherit; - } -} - -h1 { - font-size: 2em; -} diff --git a/sass/elements/image.scss b/sass/elements/image.scss deleted file mode 100644 index 6892912..0000000 --- a/sass/elements/image.scss +++ /dev/null @@ -1,9 +0,0 @@ -img { - max-width: 100%; - border-radius: 5px; - display: block; - margin: auto; - - // NOTE: Enabling this breaks white images - // box-shadow: 0 3px 3px #717171; -} diff --git a/sass/elements/list.scss b/sass/elements/list.scss deleted file mode 100644 index 862e945..0000000 --- a/sass/elements/list.scss +++ /dev/null @@ -1,26 +0,0 @@ -ol, -ul { - margin-top: 0; - margin-bottom: 16px; - padding-left: 2em; - ol, - ul { - margin-top: 0; - margin-bottom: 0; - // list-style-type: lower-roman; - // ol, - // ul { - // list-style-type: lower-alpha; - // } - } -} - -li { - font-size: 1.25rem; - & > p { - margin-top: 16px; - } - & + li { - margin-top: 0.25em; - } -} diff --git a/sass/elements/music-info-card.scss b/sass/elements/music-info-card.scss deleted file mode 100644 index bb7be17..0000000 --- a/sass/elements/music-info-card.scss +++ /dev/null @@ -1,33 +0,0 @@ -.music-info-card { - display: flex; - width: 100%; - border-radius: 5px; - background-color: #f6f8fa; - - @media screen and (max-width: 452px) { - flex-wrap: wrap; - border-radius: 0; - } - - img { - max-width: 200px; - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; - border-top-right-radius: unset; - border-bottom-right-radius: unset; - } - - & > div { - width: 100%; - display: flex; - flex-direction: column; - margin: 0 1em; - - h1.music-title { - // font-size: 2.5em; - // border-bottom: 1px solid gray; - margin-top: 0.25em !important; - margin-bottom: 0 !important; - } - } -} diff --git a/sass/elements/quote.scss b/sass/elements/quote.scss deleted file mode 100644 index 8306229..0000000 --- a/sass/elements/quote.scss +++ /dev/null @@ -1,49 +0,0 @@ -blockquote, -.text-note { - margin: 0; - padding: 0 1em; - margin-bottom: 1em; - border-left-width: 0.25em; - border-left-style: solid; - - & > :first-child { - margin-top: 0; - } - & > :last-child { - margin-bottom: 0; - } -} - -blockquote { - color: #57606a; - border-left-color: #d0d7de; -} - -.text-note { - color: black; - - .note-title { - margin-bottom: 0.5em; - } - - &[data-type="info"] { - border-left-color: #0969da; - .note-title { - color: #0969da; - } - } - - &[data-type="note"] { - border-left-color: #9a6700; - .note-title { - color: #9a6700; - } - } - - &[data-type="warning"] { - border-left-color: #cf222e; - .note-title { - color: #cf222e; - } - } -} diff --git a/sass/elements/table.scss b/sass/elements/table.scss deleted file mode 100644 index 75f0bbb..0000000 --- a/sass/elements/table.scss +++ /dev/null @@ -1,47 +0,0 @@ -table { - border-spacing: 0; - border-collapse: collapse; - display: block; - width: max-content; - max-width: 100%; - overflow: auto; - - // NOTE: Things don't look great if you do this - margin: auto; - - td, - th { - padding: 0; - padding: 6px 13px; - border: 1px solid #d0d7de; - - &:has(> audio) { - padding: 0; - margin: 0; - } - - audio { - display: block; - width: 100%; - min-width: 120px; - } - } - - - th { - font-weight: 600; - } - - tr { - background-color: #fff; - border-top: 1px solid #d7dde3; - - &:nth-child(2n) { - background-color: #f6f8fa; - } - } - - img { - background-color: transparent; - } -} diff --git a/sass/elements/text.scss b/sass/elements/text.scss deleted file mode 100644 index 40b415c..0000000 --- a/sass/elements/text.scss +++ /dev/null @@ -1,37 +0,0 @@ - - -p { - margin-top: 0; - margin-bottom: 16px; - padding: 0 0.25em; - font-size: 1.25rem; - - text-align: justify; - hyphens: auto; - font-kerning: normal; - font-variant-ligatures: normal; - // font-variant-ligatures: common-ligatures contextual discretionary-ligatures historical-ligatures; -} - -.no-justify { - p { - text-align: left !important; - hyphens: none; - } -} - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} diff --git a/sass/styles.scss b/sass/styles.scss deleted file mode 100644 index 3ef33d6..0000000 --- a/sass/styles.scss +++ /dev/null @@ -1,153 +0,0 @@ -// Note: Some things are broken out into smaller files - -@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); -// @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap'); - -$content-max-width: 800px; - -@import "elements/header.scss"; - -body { - margin: 1em; - // font-family: serif; - font-family: "Overlock", sans-serif; - font-optical-sizing: auto; - background-color: #f7f4f4; -} - -a { - text-decoration: none; - color: blue !important; - &:visited { - color: blue; - } - &:hover { - color: blueviolet; - } -} - -nav { - max-width: $content-max-width; - margin: 0 auto; - text-align: center; - - font-family: "IBM Plex Serif", serif; - font-weight: 500; - - ul { - max-width: 100%; - display: flex; - flex-wrap: wrap; - flex-direction: row; - align-items: center; - justify-content: center; - width: max-content; - - margin: 0 auto; - padding: 0; - - li { - list-style-type: none; - - &:not(:first-child)::before { - content: " ยท "; - margin-left: 0.25em; - } - } - } - - hr:not(:first-child) { - margin-bottom: 0; - } -} - -main { - max-width: $content-max-width; - margin: auto; - - font-size: 16px; - line-height: 1.5; - word-wrap: break-word; - color: #24292f; - - .title { - margin-bottom: 0; - padding-bottom: 0; - } - - - @import "elements/code.scss"; - @import "elements/headings.scss"; - @import "elements/list.scss"; - @import "elements/quote.scss"; - @import "elements/table.scss"; - @import "elements/text.scss"; - @import "elements/image.scss"; - @import "elements/details.scss"; - @import "elements/music-info-card.scss"; -} - -footer { - max-width: $content-max-width; - text-align: center; - margin: auto; -} - -#sponsor-notice { - background-color: rgb(253, 204, 173); - width: max-content; - margin: auto; - padding: 5px; -} - -.gray { - color: gray; -} - -.hover-help { - &:hover { - cursor: help; - } - border-bottom: 1px double rgb(171, 167, 167); -} - -.mobile-hidden { - @media only screen and (max-width: 650px) { - display: none; - } -} - -.small { - font-size: 0.5em; -} - -.hover-shadow { - &:hover { - box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; - } -} - -.announcement { - max-width: $content-max-width - 40px; - margin: auto; - text-align: center; - font-weight: bold; - background-color: rgb(239, 239, 239); - margin-top: 0; - padding: 0.25em; - border: 2px dashed grey; - border-top: none; - color: dimgray; -} - -.blog-post-list { - span { - font-variant-numeric: tabular-nums; - color: gray; - - &[data-draft="true"] { - color: red !important; - } - } -} diff --git a/static/_headers b/src/_headers similarity index 100% rename from static/_headers rename to src/_headers diff --git a/src/_layouts/default.html b/src/_layouts/default.html index f58d366..621195b 100644 --- a/src/_layouts/default.html +++ b/src/_layouts/default.html @@ -10,13 +10,15 @@
The following is a list of articles I've written. This is also available in RSS format.
+ {% assign grouped_posts = site.posts | group_by_exp: "post", "post.date | date: '%Y'" %} {% for group in grouped_posts %} -There is a large chance you reached this page through a retrylife.ca
or va3zza.com
link. I
- have recently changed my primary domain name to ewpratten.com
I would appreciate if you could send me an email letting me know what you clicked to get here.
-Click one of the links at the top of this page to navigate through the new website.
-{% endblock content %} \ No newline at end of file diff --git a/templates/base.html b/templates/base.html deleted file mode 100644 index a5cfce1..0000000 --- a/templates/base.html +++ /dev/null @@ -1,202 +0,0 @@ -{# Some common data #} -{%if page.path or section.path %} -{% set title = page.title | default(value=section.title) %} -{% set path = page.path | default(value=section.path) %} -{% set content = page.content | default(value=section.content) %} -{% set extra = page.extra | default(value=section.extra) %} -{% set is_blog_post = path != "/blog/" and path is starting_with("/blog/") %} -{% set is_photo_page = path != "/photography/" and path is starting_with("/photography/") %} -{% else %} -{# If here, we are on the 404 page #} -{% set title = "NOT FOUND" %} -{% set path = "/404" %} -{% set extra = [] %} -{% set is_blog_post = false %} -{% set is_photo_page = false %} -{% endif %} - - - - - - {% block head %} - - - -