From eecd539063af30ca68d534af552f001f543fe245 Mon Sep 17 00:00:00 2001 From: Alex Westerman Date: Wed, 13 Aug 2025 20:16:38 -0400 Subject: [PATCH 1/5] Add some hover animations to social btns --- src/_includes/icons/moon_star.njk | 20 -------------------- src/_includes/layouts/base.njk | 9 ++++----- src/index.njk | 20 ++++++++++---------- src/projects.njk | 2 +- 4 files changed, 15 insertions(+), 36 deletions(-) delete mode 100644 src/_includes/icons/moon_star.njk diff --git a/src/_includes/icons/moon_star.njk b/src/_includes/icons/moon_star.njk deleted file mode 100644 index 7981719..0000000 --- a/src/_includes/icons/moon_star.njk +++ /dev/null @@ -1,20 +0,0 @@ -{# -Taken From Lucide Icons under ISC License: -https://lucide.dev/license -#} - \ No newline at end of file diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index 1c8d4b6..f65f72b 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -67,10 +67,9 @@
- - + {%- set socialBtn="justify-center gap-2 whitespace-nowrap rounded-md text-md transition-all shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] hover:text-accent-foreground hover:bg-accent space-x-2 animate-fade-in p-1" %} + - + - + - + - +
@@ -76,7 +76,7 @@ description: "The website of Alex Westerman. Checkout the blog for very cool (ra

Featured Projects

{% set badge_style = "inline-flex items-center justify-center font-medium rounded-md border px-2 py-0.5 text-xs w-fit whitespace-nowrap shrink-0 gap-1 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground" %} - {% set button_style = "inline-flex items-center justify-center font-medium gap-2 whitespace-nowrap rounded-md text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] border shadow-xs hover:bg-accent hover:text-accent-foreground bg-input/30 border-input hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3" %} + {% set button_style = "inline-flex items-center justify-center font-medium gap-2 whitespace-nowrap rounded-md text-sm transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] border shadow-xs hover:bg-accent hover:text-accent-foreground bg-input/30 border-input hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3" %} {% for project in featuredProjects %}
Projects
From 3397e2900afaf4f61883c14aec06ca8187c0277f Mon Sep 17 00:00:00 2001 From: Alex Westerman Date: Sat, 16 Aug 2025 18:36:45 -0400 Subject: [PATCH 2/5] Minify the little JS I have --- eleventy.config.mjs | 4 +++- src/_includes/layouts/base.njk | 11 +++++------ 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/eleventy.config.mjs b/eleventy.config.mjs index b4ba1ab..4b97d78 100644 --- a/eleventy.config.mjs +++ b/eleventy.config.mjs @@ -91,7 +91,9 @@ export default async function (eleventyConfig) { removeComments: true, collapseWhitespace: true, minifyJS: { - mangle: {}, + mangle: { + toplevel: true, + }, }, minifiyCSS: true, sortClassName: true, diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk index f65f72b..c373f39 100644 --- a/src/_includes/layouts/base.njk +++ b/src/_includes/layouts/base.njk @@ -66,7 +66,7 @@
{% elif link.linkType==="demo" %} - {% elif link.linkType==="misc" %} - diff --git a/src/projects.njk b/src/projects.njk index 07124d0..f185232 100644 --- a/src/projects.njk +++ b/src/projects.njk @@ -4,8 +4,6 @@ layout: 'layouts/base.njk' description: "List of projects created by Alex Westerman. Some are open source! Click the link and check them out!" --- -{% set badge_style = "inline-flex items-center justify-center font-medium rounded-md border px-2 py-0.5 text-xs w-fit whitespace-nowrap shrink-0 gap-1 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground" %} -{% set button_style = "inline-flex items-center justify-center font-medium gap-2 whitespace-nowrap rounded-md text-sm transition-all [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] border shadow-xs hover:bg-accent hover:text-accent-foreground bg-input/30 border-input hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3" %}

Projects

@@ -23,7 +21,7 @@ description: "List of projects created by Alex Westerman. Some are open source!
{% for projectTag in project.projectTags %} - {{ projectTag }} + {{ projectTag }} {% endfor %}
+ {% elif link.linkType==="demo" %} - {% elif link.linkType==="misc" %} - diff --git a/src/resume.njk b/src/resume.njk index 19b0332..e2bc548 100644 --- a/src/resume.njk +++ b/src/resume.njk @@ -3,12 +3,11 @@ title: Alex Westerman's Resume layout: 'layouts/base.njk' description: "Online (and most updated version) of Alex Westerman's Resume. Look here if you want to offer me a Software Engineer position!" --- -{% set badge_style = "inline-flex items-center justify-center font-medium rounded-md border px-2 py-0.5 w-fit whitespace-nowrap shrink-0 gap-1 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] transition-[color,box-shadow] overflow-hidden border-transparent bg-primary text-primary-foreground" %}

Skills

{% for skill in resume.skills %} - + {{ skill.name }} {% endfor %} From b88720f7b3a0c85205f1dee78b66cdd65ef173d6 Mon Sep 17 00:00:00 2001 From: Alex Westerman Date: Fri, 22 Aug 2025 22:59:36 -0400 Subject: [PATCH 4/5] Close to primetime I feel --- eleventy.config.mjs | 20 +++++++++----------- src/index.njk | 16 +++++++++------- 2 files changed, 18 insertions(+), 18 deletions(-) diff --git a/eleventy.config.mjs b/eleventy.config.mjs index b2434f0..d72a887 100644 --- a/eleventy.config.mjs +++ b/eleventy.config.mjs @@ -222,21 +222,19 @@ export default async function (eleventyConfig) { //Sure, it's still alot, but at least it is in one place and not a bajillion eleventyConfig.addGlobalData( 'buttonStyle', - 'inline-flex items-center justify-center font-medium gap-2 ' + - 'whitespace-nowrap rounded-md text-sm transition-all [&_svg]:pointer-events-none ' + - "[&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none " + - 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] border ' + - 'shadow-xs hover:bg-accent hover:text-accent-foreground bg-input/30 border-input ' + - 'hover:bg-input/50 h-9 px-4 py-2 has-[>svg]:px-3' + 'has-[>svg]:px-3 inline-flex h-9 shrink-0 items-center justify-center ' + + 'gap-2 rounded-md border border-input bg-input/30 px-4 py-2 text-sm ' + + 'font-medium whitespace-nowrap shadow-xs transition-all outline-none ' + + 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring ' + + 'focus-visible:ring-[3px] focus-visible:ring-ring/50' ); eleventyConfig.addGlobalData( 'badgeStyle', - 'inline-flex items-center justify-center font-medium rounded-md ' + - 'border px-2 py-0.5 text-xs w-fit whitespace-nowrap shrink-0 gap-1 ' + - 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] ' + - 'transition-[color,box-shadow] overflow-hidden border-transparent bg-primary ' + - 'text-primary-foreground' + 'inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-md ' + + 'border border-transparent bg-primary px-2 py-0.5 text-xs font-medium ' + + 'whitespace-nowrap text-primary-foreground focus-visible:border-ring ' + + 'focus-visible:ring-[3px] focus-visible:ring-ring/50' ); /************************ diff --git a/src/index.njk b/src/index.njk index 0453f7b..77105b1 100644 --- a/src/index.njk +++ b/src/index.njk @@ -25,7 +25,7 @@ description: "The website of Alex Westerman. Checkout the blog for very cool (ra
- {%- set socialBtn="justify-center gap-2 whitespace-nowrap rounded-md text-md transition-all shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] hover:text-accent-foreground hover:bg-accent space-x-2 animate-fade-in p-1" %} + {%- set socialBtn="text-md shrink-0 animate-fade-in justify-center gap-2 space-x-2 rounded-md p-2 transition-all outline-none hover:bg-accent focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50" %} @@ -68,9 +68,10 @@ description: "The website of Alex Westerman. Checkout the blog for very cool (ra {% endfor %}
- - {% include 'icons/rss.njk' %}More Blog Posts - + +

Featured Projects

@@ -122,8 +123,9 @@ description: "The website of Alex Westerman. Checkout the blog for very cool (ra
{% endfor %} - - {% include 'icons/code_xml.njk' %}More Projects - + +
From 80cd1ea49fa0e1b8db3a55127a45c8bf8365d2a1 Mon Sep 17 00:00:00 2001 From: Alex Westerman Date: Mon, 25 Aug 2025 19:06:46 -0400 Subject: [PATCH 5/5] Remove Unused Things --- eleventy.config.mjs | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/eleventy.config.mjs b/eleventy.config.mjs index d72a887..169bf9f 100644 --- a/eleventy.config.mjs +++ b/eleventy.config.mjs @@ -225,16 +225,14 @@ export default async function (eleventyConfig) { 'has-[>svg]:px-3 inline-flex h-9 shrink-0 items-center justify-center ' + 'gap-2 rounded-md border border-input bg-input/30 px-4 py-2 text-sm ' + 'font-medium whitespace-nowrap shadow-xs transition-all outline-none ' + - 'hover:bg-accent hover:text-accent-foreground focus-visible:border-ring ' + - 'focus-visible:ring-[3px] focus-visible:ring-ring/50' + 'hover:bg-accent hover:text-accent-foreground' ); eleventyConfig.addGlobalData( 'badgeStyle', 'inline-flex w-fit shrink-0 items-center justify-center gap-1 rounded-md ' + 'border border-transparent bg-primary px-2 py-0.5 text-xs font-medium ' + - 'whitespace-nowrap text-primary-foreground focus-visible:border-ring ' + - 'focus-visible:ring-[3px] focus-visible:ring-ring/50' + 'whitespace-nowrap text-primary-foreground' ); /************************