From 56e8702511148be65488ebf25c5581b48b883204 Mon Sep 17 00:00:00 2001 From: Adam Date: Wed, 6 Nov 2024 15:22:27 -0500 Subject: [PATCH] Add Card Image Shoelace component --- docs/about/index.html | 1 - docs/alfred/workflows/index.html | 1 - docs/apps/gamesandthings/index.html | 1 - docs/archives/archives/index.html | 1 - docs/archives/town-selectman/index.html | 1 - docs/contact/index.html | 27 ++++++++- docs/css/style.css | 7 ++- docs/designs/alm/index.html | 1 - docs/designs/customer-engagement/index.html | 1 - docs/designs/district25/index.html | 1 - docs/designs/index.html | 63 +++++++++++-------- docs/designs/task-it/index.html | 1 - docs/designs/timetrak/index.html | 1 - docs/development/code/index.html | 1 - docs/development/examples/index.html | 8 ++- docs/development/index.html | 6 +- docs/development/prototypes/index.html | 1 - docs/icons-and-branding/icons/index.html | 1 - docs/icons-and-branding/index.html | 1 - docs/index.html | 1 - docs/posts/creating-a-blog/index.html | 1 - docs/posts/index.html | 1 - docs/posts/shoelace-and-dark-mode/index.html | 1 - docs/presentations/color-picker/index.html | 1 - docs/presentations/index.html | 1 - docs/presentations/portfolio/index.html | 1 - docs/reference/index.html | 1 - docs/resume/index.html | 1 - docs/streamdeck/examples/index.html | 1 - docs/testimonials/testimonials/index.html | 1 - src/_includes/footer.njk | 1 - src/pages/contact.md | 29 ++++++++- src/pages/designs.md | 64 ++++++++++++-------- src/pages/development.md | 5 +- src/pages/development/examples/index.md | 7 ++- src/sass/_typography.scss | 5 ++ 36 files changed, 154 insertions(+), 93 deletions(-) diff --git a/docs/about/index.html b/docs/about/index.html index c184df6b..6a191a0f 100644 --- a/docs/about/index.html +++ b/docs/about/index.html @@ -263,7 +263,6 @@

Education - diff --git a/docs/alfred/workflows/index.html b/docs/alfred/workflows/index.html index 097cc76d..475ae3c8 100644 --- a/docs/alfred/workflows/index.html +++ b/docs/alfred/workflows/index.html @@ -243,7 +243,6 @@

Created / Modified - diff --git a/docs/apps/gamesandthings/index.html b/docs/apps/gamesandthings/index.html index ac1d35bf..37cdb590 100644 --- a/docs/apps/gamesandthings/index.html +++ b/docs/apps/gamesandthings/index.html @@ -220,7 +220,6 @@

Games and Things

- diff --git a/docs/archives/archives/index.html b/docs/archives/archives/index.html index 979248a4..5ce845bf 100644 --- a/docs/archives/archives/index.html +++ b/docs/archives/archives/index.html @@ -217,7 +217,6 @@

Archived Pages

- diff --git a/docs/archives/town-selectman/index.html b/docs/archives/town-selectman/index.html index b7148813..144f1e33 100644 --- a/docs/archives/town-selectman/index.html +++ b/docs/archives/town-selectman/index.html @@ -360,7 +360,6 @@

FAQ

- diff --git a/docs/contact/index.html b/docs/contact/index.html index 8dcdbfd2..0ba1a20f 100644 --- a/docs/contact/index.html +++ b/docs/contact/index.html @@ -102,7 +102,29 @@

contact

-
+ + Banner image from LinkedIn profile + Connect on LinkedIn + + + GitHub statistics widget + README on GitHub + + +

{#

@@ -155,7 +177,7 @@

Reach out, let's connect

-
+
#} @@ -268,7 +290,6 @@

Reach out, let's connect

- diff --git a/docs/css/style.css b/docs/css/style.css index 14f4bf7b..41fd7a04 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -22756,6 +22756,11 @@ p { color: var(--bs-text-dark) !important; } } +:root { + --sl-font-sans: "PT Sans", sans-serif; + --sl-font-mono: "PT Mono", monospace; +} + .sub-header { font-family: "Work Sans", sans-serif; font-weight: 400; @@ -23048,5 +23053,3 @@ footer a:hover, vertical-align: -0.125em; fill: currentcolor; } - -/*# sourceMappingURL=style.css.map */ diff --git a/docs/designs/alm/index.html b/docs/designs/alm/index.html index 249e527f..c79379db 100644 --- a/docs/designs/alm/index.html +++ b/docs/designs/alm/index.html @@ -329,7 +329,6 @@

Final thoughts

- diff --git a/docs/designs/customer-engagement/index.html b/docs/designs/customer-engagement/index.html index 0f11acc9..6faf157d 100644 --- a/docs/designs/customer-engagement/index.html +++ b/docs/designs/customer-engagement/index.html @@ -288,7 +288,6 @@

Navigation

- diff --git a/docs/designs/district25/index.html b/docs/designs/district25/index.html index c7749ac1..b9440489 100644 --- a/docs/designs/district25/index.html +++ b/docs/designs/district25/index.html @@ -214,7 +214,6 @@

District 25 website

- diff --git a/docs/designs/index.html b/docs/designs/index.html index 6f69555a..5f700601 100644 --- a/docs/designs/index.html +++ b/docs/designs/index.html @@ -174,6 +174,7 @@

Structure Cloud

+
@@ -184,20 +185,24 @@

Presentations

-
- Portfolio presentation slide example -
- Portfolio -
-
+ + Portfolio presentation slide image + Portfolio Review +
-
- Color Picker presentation slide example -
- Color Picker -
-
+ + Color Picker presentation slide example + Color Picker +
@@ -213,23 +218,32 @@

Environment themes

-
- Atom.io PatternFly Theme screenshot -
-
Atom.io PatternFly theme
-
-
+ + Screenshot of the Atom.io syntax + Atom.io PatternFly syntax +
-
- Atom.io PatternFly Syntax screenshot -
-
Atom.io PatternFly syntax
-
-
+ + Screenshot of the Atom.io theme + Atom.io PatternFly theme +
+ @@ -342,7 +356,6 @@

Atom.io PatternFly syntax
- diff --git a/docs/designs/task-it/index.html b/docs/designs/task-it/index.html index 0fe7bb61..d562e848 100644 --- a/docs/designs/task-it/index.html +++ b/docs/designs/task-it/index.html @@ -428,7 +428,6 @@

Final thoughts

- diff --git a/docs/designs/timetrak/index.html b/docs/designs/timetrak/index.html index 7662f31b..2957e9b2 100644 --- a/docs/designs/timetrak/index.html +++ b/docs/designs/timetrak/index.html @@ -214,7 +214,6 @@

TimeTrak by Switchback

- diff --git a/docs/development/code/index.html b/docs/development/code/index.html index fdd3f4d1..8d24c0da 100644 --- a/docs/development/code/index.html +++ b/docs/development/code/index.html @@ -224,7 +224,6 @@

What I used

- diff --git a/docs/development/examples/index.html b/docs/development/examples/index.html index 0b6a1aac..30269225 100644 --- a/docs/development/examples/index.html +++ b/docs/development/examples/index.html @@ -128,8 +128,11 @@

codepen examples

-

See all of my work on CodePen #

-
+ + + See all of my work on CodePen + +

CodePens @@ -258,7 +261,6 @@

- diff --git a/docs/development/index.html b/docs/development/index.html index a4ff30ff..60f51baa 100644 --- a/docs/development/index.html +++ b/docs/development/index.html @@ -255,13 +255,14 @@

fab +

Additional examples

- prototypes for testing + prototypes for testing
- codepen examples + codepen examples
@@ -377,7 +378,6 @@

Additional examples

- diff --git a/docs/development/prototypes/index.html b/docs/development/prototypes/index.html index 6119ff6f..00877670 100644 --- a/docs/development/prototypes/index.html +++ b/docs/development/prototypes/index.html @@ -268,7 +268,6 @@

Additional examples:

- diff --git a/docs/icons-and-branding/icons/index.html b/docs/icons-and-branding/icons/index.html index 1364a44a..9b04a4ab 100644 --- a/docs/icons-and-branding/icons/index.html +++ b/docs/icons-and-branding/icons/index.html @@ -231,7 +231,6 @@

Stream Deck

- diff --git a/docs/icons-and-branding/index.html b/docs/icons-and-branding/index.html index 51fe1199..58aed990 100644 --- a/docs/icons-and-branding/index.html +++ b/docs/icons-and-branding/index.html @@ -225,7 +225,6 @@

Icons and Branding

- diff --git a/docs/index.html b/docs/index.html index 3eaf2d49..ccabeddd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -241,7 +241,6 @@

Application Lifecycle Management

- diff --git a/docs/posts/creating-a-blog/index.html b/docs/posts/creating-a-blog/index.html index bb153950..e6c07e88 100644 --- a/docs/posts/creating-a-blog/index.html +++ b/docs/posts/creating-a-blog/index.html @@ -218,7 +218,6 @@

Creating a Blog

- diff --git a/docs/posts/index.html b/docs/posts/index.html index 9abf3f98..22f5c715 100644 --- a/docs/posts/index.html +++ b/docs/posts/index.html @@ -218,7 +218,6 @@

Blog Posts

- diff --git a/docs/posts/shoelace-and-dark-mode/index.html b/docs/posts/shoelace-and-dark-mode/index.html index 199f5b3b..d4c2162c 100644 --- a/docs/posts/shoelace-and-dark-mode/index.html +++ b/docs/posts/shoelace-and-dark-mode/index.html @@ -243,7 +243,6 @@

Resources - diff --git a/docs/presentations/color-picker/index.html b/docs/presentations/color-picker/index.html index 59b73b52..56fb2d7a 100644 --- a/docs/presentations/color-picker/index.html +++ b/docs/presentations/color-picker/index.html @@ -265,7 +265,6 @@ - diff --git a/docs/presentations/index.html b/docs/presentations/index.html index 42920f92..e359cc02 100644 --- a/docs/presentations/index.html +++ b/docs/presentations/index.html @@ -214,7 +214,6 @@

presentations

- diff --git a/docs/presentations/portfolio/index.html b/docs/presentations/portfolio/index.html index 06a782dc..c6c28f46 100644 --- a/docs/presentations/portfolio/index.html +++ b/docs/presentations/portfolio/index.html @@ -402,7 +402,6 @@ - diff --git a/docs/reference/index.html b/docs/reference/index.html index b25e0af8..6bf1f898 100644 --- a/docs/reference/index.html +++ b/docs/reference/index.html @@ -238,7 +238,6 @@

Reference links

- diff --git a/docs/resume/index.html b/docs/resume/index.html index 1ec44084..37fde4f4 100644 --- a/docs/resume/index.html +++ b/docs/resume/index.html @@ -480,7 +480,6 @@

W3C CSS Working Group

- diff --git a/docs/streamdeck/examples/index.html b/docs/streamdeck/examples/index.html index 16b313fa..c428c569 100644 --- a/docs/streamdeck/examples/index.html +++ b/docs/streamdeck/examples/index.html @@ -224,7 +224,6 @@

Downloads - diff --git a/docs/testimonials/testimonials/index.html b/docs/testimonials/testimonials/index.html index a0c461ce..41b0f613 100644 --- a/docs/testimonials/testimonials/index.html +++ b/docs/testimonials/testimonials/index.html @@ -240,7 +240,6 @@

Testimonials

- diff --git a/src/_includes/footer.njk b/src/_includes/footer.njk index 3898e6c1..5d9ca48e 100644 --- a/src/_includes/footer.njk +++ b/src/_includes/footer.njk @@ -110,7 +110,6 @@ - diff --git a/src/pages/contact.md b/src/pages/contact.md index d6be0367..362a446b 100644 --- a/src/pages/contact.md +++ b/src/pages/contact.md @@ -5,7 +5,32 @@ description: header: "Reach out, let's connect" --- -
+ + Banner image from LinkedIn profile + Connect on LinkedIn + + + GitHub statistics widget + README on GitHub + + + + + +{#
@@ -58,4 +83,4 @@ header: "Reach out, let's connect"
-
+
#} diff --git a/src/pages/designs.md b/src/pages/designs.md index 6526fb18..30727760 100644 --- a/src/pages/designs.md +++ b/src/pages/designs.md @@ -83,7 +83,7 @@ eleventyNavigation: - +
@@ -94,20 +94,24 @@ eleventyNavigation:
-
- Portfolio presentation slide example -
- Portfolio -
-
+ + Portfolio presentation slide image + Portfolio Review +
-
- Color Picker presentation slide example -
- Color Picker -
-
+ + Color Picker presentation slide example + Color Picker +
@@ -123,20 +127,30 @@ eleventyNavigation:
-
- Atom.io PatternFly Theme screenshot -
-
Atom.io PatternFly theme
-
-
+ + Screenshot of the Atom.io syntax + Atom.io PatternFly syntax +
-
- Atom.io PatternFly Syntax screenshot -
-
Atom.io PatternFly syntax
-
-
+ + Screenshot of the Atom.io theme + Atom.io PatternFly theme +
+ + diff --git a/src/pages/development.md b/src/pages/development.md index f59a48e6..13608f99 100644 --- a/src/pages/development.md +++ b/src/pages/development.md @@ -161,13 +161,14 @@ eleventyNavigation: +

Additional examples

- prototypes for testing + prototypes for testing
- codepen examples + codepen examples
diff --git a/src/pages/development/examples/index.md b/src/pages/development/examples/index.md index 15e4d84a..9b2dda80 100644 --- a/src/pages/development/examples/index.md +++ b/src/pages/development/examples/index.md @@ -14,9 +14,12 @@ eleventyNavigation: [CAS Ripper](https://codepen.io/AdamJolicoeur/pen/XWpPmjw "Link to Codepen example demonstrating basic example of an architectural drawing library") |  | Link to Codepen example demonstrating basic example of an architectural drawing library | [Animated Cards on Glass](https://codepen.io/AdamJolicoeur/pen/XWNbJvp "Link to Codepen example showing animated cards on simulated glass") |  | Link to Codepen example showing animated cards on simulated glass | -### [See all of my work on CodePen](https://codepen.io/AdamJolicoeur "See all of my work on CodePen") + + + See all of my work on CodePen + ---- +

diff --git a/src/sass/_typography.scss b/src/sass/_typography.scss index 910bcde5..6cb587a4 100644 --- a/src/sass/_typography.scss +++ b/src/sass/_typography.scss @@ -1,5 +1,10 @@ @use "colors"; +:root { + --sl-font-sans: 'PT Sans', sans-serif; + --sl-font-mono: 'PT Mono', monospace; +} + .sub-header { @include font-family-work; @include font-weight(400);