Tidied up assets to avoid build error with excessive asset size.

Author: Scott Straughan

src/app/pages/calendar/shared/event-calendar/event-calendar.component.ts

@@ -17,7 +17,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 import { CommonModule, Location } from '@angular/common';
-import { ChangeDetectionStrategy, Component, model, OnInit, signal, WritableSignal } from '@angular/core';
+import { ChangeDetectionStrategy, Component, model, OnDestroy, OnInit, signal, WritableSignal } from '@angular/core';
 import { DayModel } from './models/day.model';
 import { CalendarItemModel } from './models/calendar-item.model';
 import { TruncatePipe } from '../../../../shared/pipes/truncate.pipe';
@@ -42,7 +42,7 @@ import { map, Observable, tap } from 'rxjs';
   styleUrl: './event-calendar.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class EventCalendarComponent implements OnInit {
+export class EventCalendarComponent implements OnInit, OnDestroy {
   readonly currentDate = model<Date>(new Date());
 
   protected focusedEvent: CalendarItemModel | null = null;

src/app/pages/contributors/view/contributor.component.html

@@ -16,7 +16,7 @@ <h2>{{ contributor.position }} at {{ contributor.affiliation }}</h2>
     <div class="wrapper panel socials">
       @for (social of contributor.links; track social.name) {
         <a [href]="social.url" target="_blank" rel="noopener">
-          <img ngSrc="./assets/images/social-icons/{{ social.tag }}.svg"
+          <img ngSrc="./assets/images/contributors/social-icons/{{ social.tag }}.svg"
                height="800"
                width="800"
                alt="{{ social.name }}"

src/app/pages/ecosystem/implementations/implementations.component.html

@@ -16,7 +16,7 @@ <h2>The latest Intel® oneAPI DPC++/C++ Compiler is the FIRST to fully support t
       </header>
     </div>
     <div>
-      <img ngSrc="./assets/images/ecosystem/implementations/oneapi/oneapi-logo.png"
+      <img ngSrc="./assets/images/ecosystem/implementations/oneapi/oneapi-logo.webp"
            alt="oneAPI Logo"
            class="panel-icon"
            height="406"
@@ -44,7 +44,7 @@ <h2>AdaptiveCpp is the independent, community-driven modern platform for C++-bas
       </header>
     </div>
     <div>
-      <img ngSrc="./assets/images/ecosystem/implementations/adaptivecpp/logo.png"
+      <img ngSrc="./assets/images/ecosystem/implementations/adaptivecpp/logo.webp"
            alt="oneAPI Logo"
            class="panel-icon"
            height="249"
@@ -114,7 +114,7 @@ <h2>The the oneAPI Construction Kit, provided by Codeplay&reg;, to add DPC++/SYC
       </header>
     </div>
     <div>
-      <img ngSrc="./assets/images/ecosystem/implementations/oneapi-construction/chip-stack.png"
+      <img ngSrc="./assets/images/ecosystem/implementations/oneapi-construction/chip-stack.webp"
            alt="Chip Stack"
            height="238"
            width="473"/>

src/app/pages/ecosystem/implementations/implementations.component.scss

@@ -7,7 +7,7 @@ section#oneapi {
     min-height: 600px;
 
     .bg {
-      background-image: url(../../../../assets/images/ecosystem/implementations/oneapi/bg.jpg);
+      background-image: url(../../../../assets/images/ecosystem/implementations/oneapi/bg.webp);
     }
 
     .button {

src/app/pages/getting-started/getting-started.component.html

@@ -52,7 +52,7 @@ <h2>Download the FREE Data Parallel C++ eBook or order your hard-copy today! Tea
       </header>
     </div>
     <div>
-      <img ngSrc="./assets/images/get-started/ebook/ebook.png" alt="eBook" height="399" width="263"/>
+      <img ngSrc="./assets/images/get-started/ebook/ebook.webp" alt="eBook" height="399" width="263"/>
     </div>
     <div class="bg"></div>
   </div>

src/app/pages/getting-started/getting-started.component.scss

@@ -26,7 +26,7 @@ section#ebook {
     overflow: hidden;
 
     .bg {
-      background-image: url(../../../assets/images/get-started/ebook/moon-bg.png);
+      background-image: url(../../../assets/images/get-started/ebook/moon-bg.webp);
     }
 
     img {

src/app/pages/home/home.component.scss

@@ -62,7 +62,7 @@ section#intro {
       &.khronos {
         background-color: #ffe0d9;
         color: #413937;
-        background-image: url(../../../assets/images/home/khronos.png);
+        background-image: url(../../../assets/images/home/khronos.webp);
         background-size: cover;
         background-position: center;
         animation: float 120s linear forwards;