From a267d16c839817e6b66c98ccff1ab8f8686cf16a Mon Sep 17 00:00:00 2001 From: mat ess Date: Sat, 13 Aug 2022 19:47:29 -0400 Subject: [PATCH] Mainly accessibility tweaks --- .gitignore | 4 +- config.toml | 2 +- content/about.md | 2 +- content/projects.md | 8 +- content/resume.md | 22 ++-- flake.nix | 5 +- sass/{ => style}/main.scss | 42 +++++-- sass/style/parts/_code.scss | 107 ++++++++++++++++++ sass/{ => style}/theme/dark.scss | 0 sass/{ => style}/theme/light.scss | 0 .../favicon-unoptimized.svg} | 0 static/image/favicon.svg | 19 ++++ templates/macros/macros.html | 10 +- templates/partials/header.html | 11 +- templates/partials/nav.html | 2 +- 15 files changed, 193 insertions(+), 41 deletions(-) rename sass/{ => style}/main.scss (75%) create mode 100644 sass/style/parts/_code.scss rename sass/{ => style}/theme/dark.scss (100%) rename sass/{ => style}/theme/light.scss (100%) rename static/{favicon.svg => image/favicon-unoptimized.svg} (100%) create mode 100644 static/image/favicon.svg diff --git a/.gitignore b/.gitignore index e3f6337..4088a6c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,5 @@ +.nvimlog .direnv/ themes/ -public/ \ No newline at end of file +public/ +result diff --git a/config.toml b/config.toml index 7b5e167..2406a3f 100644 --- a/config.toml +++ b/config.toml @@ -38,6 +38,6 @@ menu = [ { name = "/posts", url = "@/posts/_index.md" }, { name = "/projects", url = "@/projects.md" }, { name = "/about", url = "@/about.md" }, - { name = "git", url = "https://git.mat.services/explore/repos", external = true }, + { name = "git", url = "https://git.mat.services/mat", external = true }, ] diff --git a/content/about.md b/content/about.md index f5e3759..a4e1c50 100644 --- a/content/about.md +++ b/content/about.md @@ -3,7 +3,7 @@ title = "about me" path = "about" +++ -# matthew ess (they/them) +## matthew ess (they/them) i'm a 'software engineer'/'code monkey' by trade, currently employed by yelp inc in the engineering effectiveness department. my work is focused on improving the tooling used by other engineers at yelp to develop python services. [you can look at my resume here](/resume). diff --git a/content/projects.md b/content/projects.md index ba24fb5..e98c29a 100644 --- a/content/projects.md +++ b/content/projects.md @@ -3,10 +3,14 @@ title = "selected projects" path = "projects" +++ -# gemini for rust +## gemini for rust `gemini` is a rust crate providing a small set of types useful for working with the Gemini protocol [`gemini` on crates.io](https://crates.io/crates/gemini) -[`gemini` source on the pijul nest](https://nest.pijul.com/mat/gemini-projects:main/5II6T7YETYWUI.BEAAA) \ No newline at end of file +[`gemini` source on the pijul nest](https://nest.pijul.com/mat/gemini-projects:main/5II6T7YETYWUI.BEAAA) + +## other projects + +i am in the process of moving my active git-managed projects to a ["self"-hosted gitea instance](https://git.mat.services/mat), but currently some of my projects still live on [github](https://github.com/matthewess) or [gitlab](https://gitlab.com/matthewess). i occasionally work on projects using [pijul](https://pijul.org), which can be found on [the pijul nest](https://nest.pijul.com/mat). diff --git a/content/resume.md b/content/resume.md index 3312589..326a1af 100644 --- a/content/resume.md +++ b/content/resume.md @@ -3,8 +3,8 @@ title = "resume" path = "resume" +++ -# skills -## professional +## skills +### professional * python * relational databases * redshift @@ -12,26 +12,26 @@ path = "resume" * apache spark * flink -## personal +### personal * nix package manager * rust * haskell * java -# experience -## yelp inc, 2017-present -### 2022-present +## experience +### yelp inc, 2017-present +#### 2022-present _software engineer, core services team_ -### 2019-2022 +#### 2019-2022 _software engineer, marketplace data observability team_ -### 2018-2019 +#### 2018-2019 _software engineer, food ordering experience team_ -### 2017 +#### 2017 _software engineering intern, transactions team_ -# education -## purdue university, 2014-2018 +## education +### purdue university, 2014-2018 _bachelor of science, computer science_ \ No newline at end of file diff --git a/flake.nix b/flake.nix index 98291f8..908b78a 100644 --- a/flake.nix +++ b/flake.nix @@ -23,16 +23,17 @@ pname = "personal-site"; version = "2022-08-07"; src = ./.; - nativeBuildInputs = [ pkgs.zola ]; + nativeBuildInputs = with pkgs; [ scour zola ]; configurePhase = '' mkdir -p "themes/${themeName}" cp -r ${theme}/* "themes/${themeName}" + scour -i static/favicon-unoptimized.svg -o static/favicon.svg ''; buildPhase = "zola build"; installPhase = "cp -r public $out"; }; devShells.default = pkgs.mkShell { - packages = [ pkgs.zola ]; + packages = with pkgs; [ zola ]; shellHook = '' mkdir -p themes ln -sn "${theme}" "themes/${themeName}" diff --git a/sass/main.scss b/sass/style/main.scss similarity index 75% rename from sass/main.scss rename to sass/style/main.scss index c3ec241..ac73cb8 100644 --- a/sass/main.scss +++ b/sass/style/main.scss @@ -1,9 +1,9 @@ -@import "../themes/apollo/sass/parts/_code.scss"; -@import "../themes/apollo/sass/parts/_header.scss"; -@import "../themes/apollo/sass/parts/_image.scss"; -@import "../themes/apollo/sass/parts/misc.scss"; -@import "../themes/apollo/sass/parts/table.scss"; -@import "../themes/apollo/sass/parts/tags.scss"; +@import "parts/_code.scss"; +@import "../../themes/apollo/sass/parts/_header.scss"; +@import "../../themes/apollo/sass/parts/_image.scss"; +@import "../../themes/apollo/sass/parts/misc.scss"; +@import "../../themes/apollo/sass/parts/table.scss"; +@import "../../themes/apollo/sass/parts/tags.scss"; :root { /* Used for: block comment, hr, ... */ @@ -96,14 +96,25 @@ footer { footer { margin: 2em; - color: grey; + color: var(--text-1); font-size: 0.75em; + + code { + color: var(--text-0); + } } // Different sized headers -h1 { - font-size: 1.5rem; - margin-top: 1.5em; +.page-header { + font-size: 2.5em; + font-weight: 400; + line-height: 100%; + font-family: var(--header-font); + margin: 4rem 0px 1rem 0px; +} + +.page-header::before { + content: ""; } h2 { @@ -163,4 +174,15 @@ ul.tags { // Header dot .header-dot { font-size: 1.6em; +} + +// Meta +.meta a:hover { + color: white; +} + +// Fixup grays +.meta, +time { + color: var(--text-1); } \ No newline at end of file diff --git a/sass/style/parts/_code.scss b/sass/style/parts/_code.scss new file mode 100644 index 0000000..c85cc3c --- /dev/null +++ b/sass/style/parts/_code.scss @@ -0,0 +1,107 @@ +code { + background-color: var(--bg-1); + padding: 0.1em 0.2em; + border-radius: 5px; + border: 1px solid var(--border-color); +} + +pre { + /* Rounded border */ + border-radius: 5px; + border: 1px solid var(--border-color); + + line-height: 1.4; + overflow-x: auto; + padding: 1em; +} + +pre code { + background-color: transparent; + color: inherit; + font-size: 100%; + padding: 0; + + // We only want a border around `code` and not `pre code` blocks. + border: 0; +} + +pre { + font-family: var(--code-font); + position: relative; +} + +pre code[class*="language-"]::before { + background: black; + border-radius: 0 0 0.25rem 0.25rem; + color: white; + font-size: 12px; + letter-spacing: 0.025rem; + padding: 0.1rem 0.5rem; + position: absolute; + right: 0.1rem; + margin-top: 0.1rem; + text-align: right; + text-transform: uppercase; + top: 0; +} + +pre code[class="language-javaScript"]::before, +pre code[class="language-js"]::before { + content: "js"; + background: #f7df1e; + color: black; +} + +pre code[class*="language-yml"]::before, +pre code[class*="language-yaml"]::before { + content: "yaml"; + background: #f71e6a; + color: white; +} + +pre code[class*="language-shell"]::before, +pre code[class*="language-bash"]::before, +pre code[class*="language-sh"]::before { + content: "shell"; + background: green; + color: white; +} + +pre code[class*="language-json"]::before { + content: "json"; + background: dodgerblue; + color: #000000; +} + +pre code[class*="language-python"]::before, +pre code[class*="language-py"]::before { + content: "py"; + background: blue; + color: yellow; +} + +pre code[class*="language-css"]::before { + content: "css"; + background: cyan; + color: black; +} + +pre code[class*="language-go"]::before { + content: "Go"; + background: cyan; + color: royalblue; +} + +pre code[class*="language-md"]::before, +pre code[class*="language-md"]::before { + content: "Markdown"; + background: royalblue; + color: whitesmoke; +} + +pre code[class*="language-rust"]::before, +pre code[class*="language-rs"]::before { + content: "rust"; + background: #fff8f6; + color: #ff4647; +} \ No newline at end of file diff --git a/sass/theme/dark.scss b/sass/style/theme/dark.scss similarity index 100% rename from sass/theme/dark.scss rename to sass/style/theme/dark.scss diff --git a/sass/theme/light.scss b/sass/style/theme/light.scss similarity index 100% rename from sass/theme/light.scss rename to sass/style/theme/light.scss diff --git a/static/favicon.svg b/static/image/favicon-unoptimized.svg similarity index 100% rename from static/favicon.svg rename to static/image/favicon-unoptimized.svg diff --git a/static/image/favicon.svg b/static/image/favicon.svg new file mode 100644 index 0000000..5ef0732 --- /dev/null +++ b/static/image/favicon.svg @@ -0,0 +1,19 @@ + + + + + Untitled.svg + + + + + + + + + + + + + + diff --git a/templates/macros/macros.html b/templates/macros/macros.html index 5cfaec6..5397501 100644 --- a/templates/macros/macros.html +++ b/templates/macros/macros.html @@ -55,21 +55,20 @@ {% endmacro tags %} {% macro page_header(title) %} -
+

{{ title }}. -

+ {% endmacro content %} {% macro content(page) %}
- {#

{{ page.title }}

#} {{ post_macros::page_header(title=page.title) }} {% if page.date %}
- Posted on {{ page.date | date(format="%Y-%m-%d") }} + Posted on {% if page.draft %} DRAFT @@ -77,7 +76,7 @@
{% if page.updated %}
- Updated on {{ page.updated | date(format="%Y-%m-%d") }} + Updated on
{% endif %}
@@ -138,7 +137,6 @@ {% for tag in page.taxonomies.tags %}
  • {{ tag }}
    • {% endfor %} - {# {{ post_macros::tags(page=page) }} #}
    diff --git a/templates/partials/header.html b/templates/partials/header.html index 2917f90..027f70a 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -2,7 +2,6 @@ - {# Site title #} @@ -29,7 +28,7 @@ {% endfor %} {% else %} - + {% endif %} {# RSS #} @@ -37,16 +36,16 @@ href="{{ get_url(path='atom.xml', trailing_slash=false) }}"> {# Theme #} - - + - + {% if config.extra.stylesheets %} {% for stylesheet in config.extra.stylesheets %} - + {% endfor %} {% endif %} \ No newline at end of file diff --git a/templates/partials/nav.html b/templates/partials/nav.html index 97ae870..c7c8854 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -1,6 +1,6 @@
    - {{ config.title }} + {{ config.title }}