#3281 Add Bluesky News article & icon to Footer (#3292) (#3293)

Author: rroberge

package-lock.json

@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@cityssm/bulma-sticky-table": "^2.1.0",
-    "@fortawesome/fontawesome-svg-core": "^6.5.1",
-    "@fortawesome/free-brands-svg-icons": "^6.5.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.2",
+    "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/free-regular-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@fortawesome/vue-fontawesome": "^3.0.5",

package.json

@@ -1,5 +1,25 @@
 {
   "currentNews": [
+    {
+      "id": 443,
+      "newsType": "news",
+      "title": "Follow the CVE Program on Bluesky!",
+      "urlKeywords": "Follow the CVE Program on Bluesky",
+      "date": "2024-12-03",
+      "description": [
+        {
+          "contentnewsType": "paragraph",
+          "content": "The CVE Program is now on <a href='https://bsky.app/' target='_blank'>Bluesky</a>! Please follow us for program news, new partner announcements, updates on community activities, and more at <a href='https://bsky.app/profile/cveprogram.bsky.social' target='_blank'>@cveprogram.bsky.social</a>."
+        },
+        {
+          "contentnewsType": "image",
+          "imageWidth": "",
+          "href": "/news/BlueskySocial.png",
+          "altText": "Bluesky logo",
+          "captionText": "<a href='https://bsky.app/profile/cveprogram.bsky.social' target='_blank'>@CVEprogram on Bluesky</a>"
+        }
+      ]
+    },
     {
       "id": 442,
       "newsType": "news",

public/images/news/BlueskySocial.png

@@ -32,6 +32,11 @@
             <p id="linkedinIcon" class="is-hidden">linkedin</p>
             <font-awesome-icon :icon="['fab', 'linkedin']" aria-labelledby="linkedinIcon" aria-hidden="false" focusable="false"/>
           </span></a>
+          <a class="cve-social-media-icon" href="https://bsky.app/profile/cveprogram.bsky.social" target="_blank">
+          <span class="icon">
+            <p id="blueskyIcon" class="is-hidden">bluesky</p>
+            <font-awesome-icon :icon="['fab', 'bluesky']" aria-labelledby="blueskyIcon" aria-hidden="false" focusable="false"/>
+          </span></a>
           <a class="cve-social-media-icon" href="https://mastodon.social/@CVE_Program" target="_blank">
           <span class="icon">
             <p id="mastodonIcon" class="is-hidden">mastodon</p>

src/assets/data/news.json

@@ -14,9 +14,7 @@ import { useGenericGlobalsStore } from '@/stores/genericGlobals.ts';
 
 // Import and add icons to library
 import { library } from '@fortawesome/fontawesome-svg-core';
-import {
-  faXTwitter, faGithub, faLinkedin, faYoutube, faMedium, faLeanpub, faReadme, faMastodon,
-} from '@fortawesome/free-brands-svg-icons';
+import { fab } from '@fortawesome/free-brands-svg-icons';
 import {
   faAngleDoubleLeft, faAngleDoubleRight, faAngleLeft, faAngleRight, faArrowRight, faBlog, faBook, faCaretDown, faCaretUp, faInfoCircle, faCheckCircle,
   faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard, faSearch,
@@ -28,8 +26,8 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 library.add(
   faAngleDoubleLeft, faAngleDoubleRight, faAngleLeft, faAngleRight, faArrowRight, faBlog, faBook, faCaretDown, faCaretUp, faInfoCircle, faCheckCircle,
   faExclamationCircle, faFileCode, faTriangleExclamation, faUpRightFromSquare, faLink, faMinus, faPassport, faPlus, faPodcast, faIdCard, faSearch,
-  faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn,  faWindowMaximize, faXTwitter, 
-  faGithub, faLinkedin, faYoutube, faMedium, faLeanpub, faArrowAltCircleRight, faClipboard, faNewspaper, faReadme,  faMastodon);
+  faHandshake, faUsersCog, faLaptopCode, faPoll, faTimes, faToolbox, faSitemap, faUser, faUserShield, faBullhorn,  faWindowMaximize,
+  faArrowAltCircleRight, faClipboard, faNewspaper, fab,);
 
 
 const app = createApp(App);