From 783bc50067edcb4aef815e5a56d75bcc131027c4 Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 13 Feb 2025 04:41:15 +0300 Subject: [PATCH 01/11] added the bluesky logo to the social media tray, resized the scv logo file, and updated corresponding tests --- src/assets/bluesky.svg | 1 + src/components/social-tray/social-tray.js | 7 +++++++ src/components/social-tray/social-tray.module.css | 3 +++ src/components/social-tray/social-tray.spec.js | 8 ++++++-- 4 files changed, 17 insertions(+), 2 deletions(-) create mode 100644 src/assets/bluesky.svg diff --git a/src/assets/bluesky.svg b/src/assets/bluesky.svg new file mode 100644 index 00000000..1961f81e --- /dev/null +++ b/src/assets/bluesky.svg @@ -0,0 +1 @@ +Brand Bluesky Streamline Icon: https://streamlinehq.com \ No newline at end of file diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 8cd7a548..50327cd5 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -2,6 +2,7 @@ import styles from "./social-tray.module.css"; import discordIcon from "../../assets/discord.svg?type=raw"; import githubIcon from "../../assets/github.svg?type=raw"; import twitterIcon from "../../assets/twitter-logo.svg?type=raw"; +import blueskyIcon from "../../assets/bluesky.svg?type=raw"; export default class SocialTray extends HTMLElement { connectedCallback() { @@ -18,6 +19,12 @@ export default class SocialTray extends HTMLElement { ${discordIcon} + +
  • + + ${blueskyIcon} + +
  • diff --git a/src/components/social-tray/social-tray.module.css b/src/components/social-tray/social-tray.module.css index 780461b3..6a8e71cd 100644 --- a/src/components/social-tray/social-tray.module.css +++ b/src/components/social-tray/social-tray.module.css @@ -21,6 +21,9 @@ .socialIcon svg { fill: var(--color-secondary); } +.blueskySocialIcon { + transform: scale(1.7) translateY(-2px); +} @media screen and (min-width: 768px) { .socialTray { diff --git a/src/components/social-tray/social-tray.spec.js b/src/components/social-tray/social-tray.spec.js index 8fe4d84f..deace926 100644 --- a/src/components/social-tray/social-tray.spec.js +++ b/src/components/social-tray/social-tray.spec.js @@ -10,6 +10,10 @@ const ICONS = [ link: "/discord/", title: "Discord", }, + { + link: "https://bsky.app/profile/projectevergreen.bsky.social", + title: "BlueSky", + }, { link: "https://twitter.com/PrjEvergreen", title: "Twitter", @@ -37,8 +41,8 @@ describe("Components/Social Tray", () => { const links = tray.querySelectorAll("ul li a"); const icons = tray.querySelectorAll("ul li a svg"); - expect(links.length).to.equal(3); - expect(icons.length).to.equal(3); + expect(links.length).to.equal(4); + expect(icons.length).to.equal(4); Array.from(links).forEach((link) => { const iconItem = ICONS.find((icon) => icon.title === link.getAttribute("title")); From 8d8aa78b69fc3441f3b61ae38aa0013707d5872f Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 13 Feb 2025 04:50:33 +0300 Subject: [PATCH 02/11] added the bluesky logo to the social media tray, resized the scv logo file, and updated corresponding tests --- src/components/social-tray/social-tray.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 50327cd5..32b238af 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -20,11 +20,11 @@ export default class SocialTray extends HTMLElement {
    • -
  • - - ${blueskyIcon} - -
    • +
  • + + ${blueskyIcon} + +
  • From ffdd732fd9f9e29e8db63b4b3c77d05e890d3373 Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 13 Feb 2025 04:57:04 +0300 Subject: [PATCH 03/11] added the bluesky logo to the social media tray, resized the svg logo file, and updated corresponding tests --- src/components/social-tray/social-tray.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 32b238af..55ceeeab 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -21,9 +21,9 @@ export default class SocialTray extends HTMLElement {
  • - - ${blueskyIcon} - + + ${blueskyIcon} +
  • From 0024f962ca2805fdf0f3ede5db4d308364e63392 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 20:40:30 -0400 Subject: [PATCH 04/11] rollback content change --- src/pages/docs/pages/server-rendering.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/docs/pages/server-rendering.md b/src/pages/docs/pages/server-rendering.md index c5a9f04a..e4459a08 100644 --- a/src/pages/docs/pages/server-rendering.md +++ b/src/pages/docs/pages/server-rendering.md @@ -108,7 +108,7 @@ A couple of notes: ### Body -To return just the body of the page, you can use the `getBody` API. You will get access to the [compilation](/docs/reference/appendix/#compilation), page specific data, and the incoming request. +To return just the body of the page, you can use the `getBody` API. You will get access the [compilation](/docs/reference/appendix/#compilation), page specific data, and the incoming request. In this example, we return a list of users from an API as HTML: From f578a7d54c839c742bb1c0e8ae1ad5c5938103ab Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 20:40:49 -0400 Subject: [PATCH 05/11] fix formatting --- src/components/social-tray/social-tray.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 55ceeeab..39d0e4aa 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -20,11 +20,11 @@ export default class SocialTray extends HTMLElement {
    • -
  • - - ${blueskyIcon} - -
    • +
  • + + ${blueskyIcon} + +
  • From d6055ecec3bb46a01a7f83b2456d4ea6ad41d145 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 20:47:26 -0400 Subject: [PATCH 06/11] footer padding tweak --- src/components/footer/footer.module.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css index cc32ad2a..eaecf959 100644 --- a/src/components/footer/footer.module.css +++ b/src/components/footer/footer.module.css @@ -1,6 +1,6 @@ .footer { background-color: var(--color-tertiary); - padding: var(--size-fluid-1) var(--size-fluid-3); + padding: var(--size-fluid-1); display: flex; flex-direction: row; flex-wrap: wrap; From ec208fd621c32b4d6b0fbbce693fa35b99da6518 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 20:51:18 -0400 Subject: [PATCH 07/11] footer padding tweak --- src/components/footer/footer.module.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css index eaecf959..739d30be 100644 --- a/src/components/footer/footer.module.css +++ b/src/components/footer/footer.module.css @@ -17,10 +17,7 @@ .logo svg { width: 150px; -} - -.logo svg g.letters { - fill: var(--color-white); + fill: var(--color-gray); } .footer app-social-tray { From 5aa58e3d70fa579d58936f9a05ce48c6245ea107 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 20:55:54 -0400 Subject: [PATCH 08/11] bluesky svg style refactor --- src/assets/bluesky.svg | 5 ++++- src/components/social-tray/social-tray.js | 2 +- src/components/social-tray/social-tray.module.css | 3 ++- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/assets/bluesky.svg b/src/assets/bluesky.svg index 1961f81e..869cc3de 100644 --- a/src/assets/bluesky.svg +++ b/src/assets/bluesky.svg @@ -1 +1,4 @@ -Brand Bluesky Streamline Icon: https://streamlinehq.com \ No newline at end of file + + Brand Bluesky Streamline Icon: https://streamlinehq.com + + \ No newline at end of file diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 39d0e4aa..91b44c13 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -21,7 +21,7 @@ export default class SocialTray extends HTMLElement {
  • - + ${blueskyIcon}
    • diff --git a/src/components/social-tray/social-tray.module.css b/src/components/social-tray/social-tray.module.css index 6a8e71cd..50a9d8d0 100644 --- a/src/components/social-tray/social-tray.module.css +++ b/src/components/social-tray/social-tray.module.css @@ -21,8 +21,9 @@ .socialIcon svg { fill: var(--color-secondary); } + .blueskySocialIcon { - transform: scale(1.7) translateY(-2px); + /* transform: scale(1.7) translateY(-2px); */ } @media screen and (min-width: 768px) { From e516817cd2b199c560fc8080afedff99e941b1dd Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 21:02:24 -0400 Subject: [PATCH 09/11] revert content change --- src/pages/docs/pages/server-rendering.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/docs/pages/server-rendering.md b/src/pages/docs/pages/server-rendering.md index e4459a08..c5a9f04a 100644 --- a/src/pages/docs/pages/server-rendering.md +++ b/src/pages/docs/pages/server-rendering.md @@ -108,7 +108,7 @@ A couple of notes: ### Body -To return just the body of the page, you can use the `getBody` API. You will get access the [compilation](/docs/reference/appendix/#compilation), page specific data, and the incoming request. +To return just the body of the page, you can use the `getBody` API. You will get access to the [compilation](/docs/reference/appendix/#compilation), page specific data, and the incoming request. In this example, we return a list of users from an API as HTML: From 0b5128e3a886149753933b14d33700aa251638a1 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 21:07:08 -0400 Subject: [PATCH 10/11] clean up extra style --- src/components/social-tray/social-tray.module.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/components/social-tray/social-tray.module.css b/src/components/social-tray/social-tray.module.css index 50a9d8d0..780461b3 100644 --- a/src/components/social-tray/social-tray.module.css +++ b/src/components/social-tray/social-tray.module.css @@ -22,10 +22,6 @@ fill: var(--color-secondary); } -.blueskySocialIcon { - /* transform: scale(1.7) translateY(-2px); */ -} - @media screen and (min-width: 768px) { .socialTray { padding: 0 var(--size-2); From 762a83a235d8e3bed49abdb290a8d6574f021071 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Sat, 5 Apr 2025 21:07:44 -0400 Subject: [PATCH 11/11] formatting --- src/components/social-tray/social-tray.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js index 91b44c13..5bae221d 100644 --- a/src/components/social-tray/social-tray.js +++ b/src/components/social-tray/social-tray.js @@ -22,7 +22,7 @@ export default class SocialTray extends HTMLElement {
  • - ${blueskyIcon} + ${blueskyIcon}