Feature: Update landing page closes #218

src/app/pages/elections/election-speeches/election-speeches.component.spec.ts

@@ -9,8 +9,7 @@ describe('ElectionSpeechesComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [ElectionSpeechesComponent]
-    })
-    .compileComponents();
+    }).compileComponents();
 
     fixture = TestBed.createComponent(ElectionSpeechesComponent);
     component = fixture.componentInstance;

src/app/pages/elections/upcoming/elections-schedule.component.spec.ts

@@ -9,8 +9,7 @@ describe('UpcomingComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [ElectionsScheduleComponent]
-    })
-    .compileComponents();
+    }).compileComponents();
 
     fixture = TestBed.createComponent(ElectionsScheduleComponent);
     component = fixture.componentInstance;

src/app/pages/home/home.component.html

@@ -6,5 +6,6 @@ <h2>Computing Science Student Society</h2>
   <p>Please read and accept the terms of condition below.</p>
   <nav>
     <a><code-button label="README" [icon]="fileIcon" (click)="readmeAction()" /></a>
+    <a><code-button label="Discord" [icon]="discordIcon" (click)="discordAction()" /></a>
   </nav>
 </article>

src/app/pages/home/home.component.ts

@@ -2,6 +2,7 @@ import { Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
 import { ButtonComponent } from '@csss-code/button/button.component';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faDiscord } from '@fortawesome/free-brands-svg-icons';
 import { faFile, faSquare } from '@fortawesome/free-solid-svg-icons';
 import { csssLogo } from 'assets/icons/csss-logo';
 import { RainbowDirective } from './directives/rainbow.directive';
@@ -16,10 +17,15 @@ export class HomeComponent {
   csssIcon = csssLogo;
   squareIcon = faSquare;
   fileIcon = faFile;
+  discordIcon = faDiscord;
 
   private router = inject(Router);
 
   readmeAction(): void {
     this.router.navigate(['/readme']);
   }
+
+  discordAction(): void {
+    window.open('https://discord.gg/sfucsss', '_blank');
+  }
 }

src/ui/csss-code/button/button.component.scss

@@ -8,7 +8,7 @@ button {
   transition: transform 0.1s ease;
 
   &:hover {
-    background-color: g.$accent2;
+    background-color: g.$accent;
   }
 
   &:active {