Feature: Update landing page closes #218 (#243)

* Feature: Update landing page closes #218

feat(home): add discord link to landing page
style(home): match button to match rest of website

* style(elections): format election test files

- fix automated formatter

* fix(button colour): match colour of theme

Author: karyao

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 { CodeButtonComponent } 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 {