feat: add bluesky for community

Author: LoganDupont

.github/ISSUE_TEMPLATE/add-community.yml

@@ -33,6 +33,10 @@ body:
       description: >-
         optional, can be provided as an image on a pull request for better
         quality
+  - type: input
+    id: bluesky
+    attributes:
+      label: Bluesky
   - type: input
     id: twitter
     attributes:

CONTRIBUTING.md

@@ -52,6 +52,7 @@ export interface Community {
   url: string | null;
   mediaChannel: MediaChannel | null;
   logo: string | null;
+  bluesky: string | null;
   twitter: string | null;
   linkedin: string | null;
   callForPapers: string | null;

angular-hub/src/app/components/cards/community-card.component.ts

@@ -1,10 +1,10 @@
+import { DatePipe, NgOptimizedImage, TitleCasePipe } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
   computed,
   input,
 } from '@angular/core';
-import { DatePipe, NgOptimizedImage, TitleCasePipe } from '@angular/common';
 import { Community } from '../../../models/community.model';
 
 @Component({
@@ -114,6 +114,21 @@ import { Community } from '../../../models/community.model';
               />
             </a>
           }
+          @if (community().blueskyUrl) {
+            <a
+              class="rounded-xl bg-[#344255] hover:bg-[#4C5765] p-2"
+              [attr.href]="community().blueskyUrl"
+              target="_blank"
+              title="Bluesky URL"
+            >
+              <img
+                ngSrc="/assets/icons/bluesky-icon.svg"
+                alt=""
+                height="30"
+                width="30"
+              />
+            </a>
+          }
           @if (community().twitterUrl) {
             <a
               class="rounded-xl bg-[#344255] hover:bg-[#4C5765] p-2"
@@ -207,6 +222,21 @@ import { Community } from '../../../models/community.model';
             />
           </a>
         }
+        @if (community().blueskyUrl) {
+          <a
+            class="rounded-xl bg-[#344255] p-2"
+            [attr.href]="community().blueskyUrl"
+            target="_blank"
+            title="Bluesky URL"
+          >
+            <img
+              ngSrc="/assets/icons/bluesky-icon.svg"
+              alt=""
+              height="20"
+              width="20"
+            />
+          </a>
+        }
         @if (community().twitterUrl) {
           <a
             class="rounded-xl bg-[#344255] p-2"

angular-hub/src/models/community.model.ts

@@ -1,5 +1,4 @@
 import { Event } from './event.model';
-import { EventType } from './event-type.model';
 
 export interface Community {
   name: string;
@@ -10,6 +9,7 @@ export interface Community {
   eventsUrl: string | null;
   websiteUrl: string | null;
   organizersUrl: string | null;
+  blueskyUrl: string | null;
   twitterUrl: string | null;
   linkedinUrl: string | null;
   youtubeUrl: string | null;