docs: add Bluesky links (angular#59661)

PR Close angular#59661

Author: thesmiler

README.md

@@ -125,6 +125,7 @@ Help us keep Angular open and inclusive. Please read and follow our [Code of Con
 Join the conversation and help the community.
 
 - [X (formerly Twitter)][X (formerly Twitter)]
+- [Bluesky][bluesky]
 - [Discord][discord]
 - [Gitter][gitter]
 - [YouTube][youtube]
@@ -154,6 +155,7 @@ Join the conversation and help the community.
 [npm]: https://www.npmjs.com/get-npm
 [codeofconduct]: CODE_OF_CONDUCT.md
 [X (formerly Twitter)]: https://www.twitter.com/angular
+[bluesky]: https://bsky.app/profile/angular.dev
 [discord]: https://discord.gg/angular
 [gitter]: https://gitter.im/angular/angular
 [stackoverflow]: https://stackoverflow.com/questions/tagged/angular

adev/src/app/core/constants/links.ts

@@ -11,3 +11,4 @@ export const X = 'https://x.com/angular';
 export const MEDIUM = 'https://blog.angular.dev';
 export const YOUTUBE = 'https://www.youtube.com/angular';
 export const DISCORD = 'https://discord.gg/angular';
+export const BLUESKY = 'https://bsky.app/profile/angular.dev';

adev/src/app/core/layout/footer/footer.component.html

@@ -9,6 +9,9 @@ <h2>Social Media</h2>
         <li>
           <a [href]="X" title="X (formerly Twitter)">X (formerly Twitter)</a>
         </li>
+        <li>
+          <a [href]="BLUESKY" title="Bluesky">Bluesky</a>
+        </li>
         <li>
           <a [href]="YOUTUBE" title="YouTube">YouTube</a>
         </li>

adev/src/app/core/layout/footer/footer.component.ts

@@ -9,7 +9,7 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {ExternalLink} from '@angular/docs';
 import {RouterLink} from '@angular/router';
-import {GITHUB, X, MEDIUM, YOUTUBE} from './../../constants/links';
+import {GITHUB, X, MEDIUM, YOUTUBE, BLUESKY} from './../../constants/links';
 
 @Component({
   selector: 'footer[adev-footer]',
@@ -23,4 +23,5 @@ export class Footer {
   readonly X = X;
   readonly YOUTUBE = YOUTUBE;
   readonly MEDIUM = MEDIUM;
+  readonly BLUESKY = BLUESKY;
 }

adev/src/app/core/layout/navigation/navigation.component.html

@@ -346,6 +346,27 @@
                 </svg>
               </a>
             </li>
+            <li>
+              <a
+                [href]="BLUESKY"
+                cdkMenuItem
+                title="Angular Bluesky profile"
+                target="_blank"
+                rel="noopener"
+              >
+                <!-- Bluesky Icon -->
+                <svg
+                  width="16"
+                  height="16"
+                  viewBox="0 0 16 16"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+			<path
+				d="M3.468 1.948C5.303 3.325 7.276 6.118 8 7.616c.725-1.498 2.697-4.29 4.532-5.668C13.855.955 16 .186 16 2.632c0 .489-.28 4.105-.444 4.692-.572 2.04-2.653 2.561-4.504 2.246 3.236.551 4.06 2.375 2.281 4.2-3.376 3.464-4.852-.87-5.23-1.98-.07-.204-.103-.3-.103-.218 0-.081-.033.014-.102.218-.379 1.11-1.855 5.444-5.231 1.98-1.778-1.825-.955-3.65 2.28-4.2-1.85.315-3.932-.205-4.503-2.246C.28 6.737 0 3.12 0 2.632 0 .186 2.145.955 3.468 1.948Z"></path>
+                </svg>
+              </a>
+            </li>
             <li>
               <a
                 [href]="MEDIUM"

adev/src/app/core/layout/navigation/navigation.component.ts

@@ -28,7 +28,7 @@ import {
 import {NavigationEnd, Router, RouterLink} from '@angular/router';
 import {filter, map, startWith} from 'rxjs/operators';
 import {DOCS_ROUTES, REFERENCE_ROUTES, TUTORIALS_ROUTES} from '../../../routes';
-import {GITHUB, MEDIUM, X, YOUTUBE, DISCORD} from '../../constants/links';
+import {GITHUB, MEDIUM, X, YOUTUBE, DISCORD, BLUESKY} from '../../constants/links';
 import {PagePrefix} from '../../enums/pages';
 import {Theme, ThemeManager} from '../../services/theme-manager.service';
 import {VersionManager} from '../../services/version-manager.service';
@@ -67,6 +67,7 @@ export class Navigation implements OnInit {
   readonly MEDIUM = MEDIUM;
   readonly YOUTUBE = YOUTUBE;
   readonly DISCORD = DISCORD;
+  readonly BLUESKY = BLUESKY;
 
   readonly PRIMARY_NAV_ID = PRIMARY_NAV_ID;
   readonly SECONDARY_NAV_ID = SECONDARY_NAV_ID;