diff --git a/docs/apps/gamesandthings.html b/docs/apps/gamesandthings.html index 820064e7..d064aa09 100644 --- a/docs/apps/gamesandthings.html +++ b/docs/apps/gamesandthings.html @@ -85,6 +85,8 @@

Integrations
diff --git a/docs/apps/index.html b/docs/apps/index.html index 87e7c206..d99d3985 100644 --- a/docs/apps/index.html +++ b/docs/apps/index.html @@ -97,6 +97,8 @@

iOS AppStore
diff --git a/docs/apps/magiccollection.html b/docs/apps/magiccollection.html index 1a3e5227..b62db174 100644 --- a/docs/apps/magiccollection.html +++ b/docs/apps/magiccollection.html @@ -97,6 +97,8 @@

App Icon + +
diff --git a/docs/apps/moonsilver.html b/docs/apps/moonsilver.html index 8919b8e9..4ed92b2e 100644 --- a/docs/apps/moonsilver.html +++ b/docs/apps/moonsilver.html @@ -86,6 +86,8 @@
+
+
+ To Presentation List + Portfolio Slides +
+
diff --git a/src/pages/presentations/portfolio/portfolio.md b/src/pages/presentations/portfolio/portfolio.md index ed6d83a3..a5c82d38 100644 --- a/src/pages/presentations/portfolio/portfolio.md +++ b/src/pages/presentations/portfolio/portfolio.md @@ -347,3 +347,10 @@ image13-thumb: /assets/img/portfolio14.webp

+ +
+
+ To Presentation List + Color Picker Slides +
+
diff --git a/src/pages/year-in-review/2025.md b/src/pages/year-in-review/2025.md new file mode 100644 index 00000000..21ac764c --- /dev/null +++ b/src/pages/year-in-review/2025.md @@ -0,0 +1,15 @@ +--- +title: "2025 In Review" +date: git Last Modified +abbreviation: "2025Review" +description: "" +eleventyNavigation: + key: 2025Review + order: 1 +--- + +## Chat GPT 2025 + +| Stats | Archetype Sticker | Generated Image | Trophy | +| --- | --- | --- | --- | +| ![Chat GPT Badges](images/2025-chatgpt-badges.jpeg) | ![Chat GPT Sticker](./images/2025-chatgpt-sticker.jpeg) | ![Chat GPT Still](images/2025-chatgpt-still.jpeg) | ![Chat GPT Trophy](images/2025-chatgpt-trophy.jpeg) | diff --git a/src/pages/year-in-review/year-in-review.json b/src/pages/year-in-review/year-in-review.json new file mode 100644 index 00000000..6bd794ba --- /dev/null +++ b/src/pages/year-in-review/year-in-review.json @@ -0,0 +1,4 @@ +{ + "layout": "page", + "permalink": "/year-in-review/{{ page.fileSlug }}/" +} \ No newline at end of file diff --git a/src/sass/_gallery.scss b/src/sass/_gallery.scss index 472e74fa..d249a5c2 100644 --- a/src/sass/_gallery.scss +++ b/src/sass/_gallery.scss @@ -239,6 +239,7 @@ figure { display: flex; + flex-direction: column; margin: 0; } @@ -255,7 +256,7 @@ } figcaption { - align-self: flex-end; + align-self: center; padding: 20px 20px 0; flex: 0 0 auto; width: 25%; diff --git a/src/sass/_layout.scss b/src/sass/_layout.scss index 245a6d3a..72ea329a 100644 --- a/src/sass/_layout.scss +++ b/src/sass/_layout.scss @@ -25,7 +25,7 @@ section { } @media (width >= 768px) { .row { - gap: var(--space-xs, 0.5rem); + gap: var(--space-sm, 0.5rem); } } @media (width >= 768px) { diff --git a/src/sass/slides.scss b/src/sass/slides.scss new file mode 100644 index 00000000..f6d115b8 --- /dev/null +++ b/src/sass/slides.scss @@ -0,0 +1,61 @@ +/* +** Based on the CodePen from Chirs Coyier +** https://codepen.io/chriscoyier/pen/XwbNwX +*/ + +.slider { + // width: 300px; + text-align: center; + overflow: hidden; +} + +.slides { + display: flex; + + overflow-x: auto; + scroll-snap-type: x mandatory; + + scroll-behavior: smooth; + -webkit-overflow-scrolling: touch; +} +.slides::-webkit-scrollbar { + width: 16px; +} +.slides::-webkit-scrollbar-thumb { + background: var(--earth-sage); + border-radius: 2rem; + border: 2px solid transparent; + background-clip: content-box; +} +.slides::-webkit-scrollbar-track { + background: transparent; + padding: 0 2px; + border-radius: 2rem; + border: 1px solid transparent; +} +.slides > div { + scroll-snap-align: start; + flex-shrink: 0; + width: 300px; + height: 300px; + margin-right: 50px; + border-radius: 10px; + background: transparent; + transform-origin: center center; + transform: scale(1); + transition: transform 0.5s; + position: relative; + + display: flex; + justify-content: center; + align-items: center; + font-size: 100px; +} +.carousel img { + object-fit: cover; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} diff --git a/src/sass/style.scss b/src/sass/style.scss index 50599053..6494317a 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -28,6 +28,25 @@ body { position: relative; } +html::-webkit-scrollbar, +::-webkit-scrollbar { + width: 16px; +} +html::-webkit-scrollbar-thumb, +::-webkit-scrollbar-thumb { + background: linear-gradient(var(--accent-coral-dark), var(--accent-coral)); + border-radius: 2rem; + border: 2px solid transparent; + background-clip: content-box; +} +html::-webkit-scrollbar-track, +::-webkit-scrollbar-track { + background: transparent; + padding: 0 2px; + border-radius: 2rem; + border: 1px solid var(--earth-sage); +} + /* Styles for users who prefer reduced motion */ @media (prefers-reduced-motion: reduce) { .animated-element {