feat: update origin to Angular v20.3.3

Author: ricardochl

.github/workflows/ci.yml

@@ -23,5 +23,9 @@ jobs:
           repository-cache: true
       - name: Install Dependencies
         run: npm ci
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10.17.1
       - name: Build Docs
         run: npm run build

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

@@ -1,6 +1,9 @@
-export const GITHUB = 'https://github.com/angular-hispano/angular-docs-es';
-export const X = 'https://x.com/AngularHispana';
-export const DISCORD = 'https://discord.gg/4jgk3ddgAx';
-export const MEDIUM = '';
-export const YOUTUBE = '';
-export const BLUESKY = '';
+export const ANGULAR_LINKS = {
+    GITHUB: 'https://github.com/angular-hispano/angular-docs-es',
+    X: 'https://x.com/AngularHispana',
+    MEDIUM: 'https://blog.angular.dev',
+    YOUTUBE: '',
+    DISCORD: 'https://discord.gg/4jgk3ddgAx',
+    BLUESKY: '',
+    STACKOVERFLOW: '',
+  } as const;

adev-es/src/app/core/layout/footer/footer.component.en.html

@@ -4,31 +4,31 @@
       <h2>Social Media</h2>
       <ul>
         <li>
-          <a [href]="MEDIUM" title="Angular blog">Blog</a>
+          <a [href]="ngLinks.MEDIUM" title="Angular blog">Blog</a>
         </li>
         <li>
-          <a [href]="X" title="X (formerly Twitter)">X (formerly Twitter)</a>
+          <a [href]="ngLinks.X" title="X (formerly Twitter)">X (formerly Twitter)</a>
         </li>
         <li>
-          <a [href]="BLUESKY" title="Bluesky">Bluesky</a>
+          <a [href]="ngLinks.BLUESKY" title="Bluesky">Bluesky</a>
         </li>
         <li>
-          <a [href]="YOUTUBE" title="YouTube">YouTube</a>
+          <a [href]="ngLinks.YOUTUBE" title="YouTube">YouTube</a>
         </li>
         <li>
           <a
-            href="https://discord.gg/angular"
+            [href]="ngLinks.DISCORD"
             title="Join the discussions at Angular Community Discord server."
           >
             Discord
           </a>
         </li>
         <li>
-          <a [href]="GITHUB" title="GitHub">GitHub</a>
+          <a [href]="ngLinks.GITHUB" title="GitHub">GitHub</a>
         </li>
         <li>
           <a
-            href="https://stackoverflow.com/questions/tagged/angular"
+            [href]="ngLinks.STACKOVERFLOW"
             title="Stack Overflow: where the community answers your technical Angular questions."
           >
             Stack Overflow

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

@@ -4,18 +4,18 @@
       <h2>Redes Sociales</h2>
       <ul>
         <li>
-          <a [href]="X" title="X (formerly Twitter)">X (antes Twitter)</a>
+          <a [href]="ngLinks.X" title="X (formerly Twitter)">X (antes Twitter)</a>
         </li>
         <li>
           <a
-            [href]="DISCORD"
+            [href]="ngLinks.DISCORD"
             title="Únase a las discusiones en el servidor de Angular Hispano en Discord."
           >
             Discord
           </a>
         </li>
         <li>
-          <a [href]="GITHUB" title="GitHub">GitHub</a>
+          <a [href]="ngLinks.GITHUB" title="GitHub">GitHub</a>
         </li>
       </ul>
     </div>

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

@@ -1,21 +1,17 @@
 import {signal} from '@angular/core';
-import {CommonModule} from '@angular/common';
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {ExternalLink} from '@angular/docs';
 import {RouterLink} from '@angular/router';
-import {DISCORD, GITHUB, X} from './../../constants/links';
+import {ANGULAR_LINKS} from '../../constants/links';
 
 @Component({
   selector: 'footer[adev-footer]',
-  standalone: true,
-  imports: [CommonModule, ExternalLink, RouterLink],
+  imports: [ExternalLink, RouterLink],
   templateUrl: './footer.component.html',
   styleUrls: ['./footer.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class Footer {
-  readonly GITHUB = GITHUB;
-  readonly X = X;
-  readonly DISCORD = DISCORD;
+  protected ngLinks = ANGULAR_LINKS;
   currentYear = signal(new Date().getFullYear());
-}
+}