Added landing website

Author: nrubin29

README.md

@@ -1,6 +1,6 @@
 # codelm
 
-This repository contains five components that together make up the platform used to run the CodeLM programming competition.
+This repository contains six components that together make up the platform used to run the CodeLM programming competition.
 
 ## Components
 
@@ -10,6 +10,7 @@ All components are written in TypeScript and run either on Node.js or in the bro
 - `coderunner`: Runs inside of a Docker container spawned by the backend. Receives a user's code submission, runs it, and reports the results.
 - `common`: Type definitions and utilities used by multiple components.
 - `frontend`: The frontend. Contains the competitor dashboard and the admin dashboard. Uses Angular.
+- `landing`: The landing site containing general information about the event.
 - `test`: An automated stress test suite.
 
 ## Previous versions of the CodeLM platform:

backend/deployment/codelm

@@ -2,10 +2,23 @@ upstream app_server_codelm {
     server 127.0.0.1:8080 fail_timeout=0;
 }
 
+# Landing
 server {
     listen 80;
     listen 443 ssl;
     server_name newwavecomputers.com www.newwavecomputers.com;
+    root /home/codelm/dist/landing;
+
+    ssl on;
+    ssl_certificate /root/certs/newwavecomputers.com.pem;
+    ssl_certificate_key /root/certs/newwavecomputers.com.key;
+}
+
+# Dashboard
+server {
+    listen 80;
+    listen 443 ssl;
+    server_name dashboard.newwavecomputers.com www.dashboard.newwavecomputers.com;
     root /home/codelm/dist/frontend;
 
     ssl on;

frontend/src/app/common/components/faq/faq.component.html

@@ -1,23 +1,5 @@
 <app-card>
   <img src="assets/logo.png" />
-  <app-card
-    display="info"
-    header="Welcome to the CodeLM {{ year }} dashboard!"
-    *ngIf="settings.registration"
-  >
-    <button mat-raised-button color="accent" type="button" (click)="showFaq()">
-      Frequently Asked Questions
-    </button>
-    <button
-      mat-raised-button
-      color="accent"
-      type="button"
-      style="float: right;"
-      (click)="register()"
-    >
-      Register
-    </button>
-  </app-card>
   <form
     #loginForm="ngForm"
     [formGroup]="formGroup"
@@ -44,6 +26,21 @@
     </mat-form-field>
     <button mat-raised-button color="accent" type="submit">Log In</button>
   </form>
+  <ng-container *ngIf="settings.registration">
+    <br />
+    <mat-divider></mat-divider>
+    <br />
+    <button
+      mat-raised-button
+      color="basic"
+      type="button"
+      class="register-button"
+      (click)="register()"
+    >
+      Register
+    </button>
+    <br />
+  </ng-container>
   <br />
   <p class="right">
     Build:

frontend/src/app/common/components/faq/faq.component.scss

@@ -21,6 +21,10 @@ form {
   font-size: 20px;
 }
 
+.register-button {
+  width: 100%;
+}
+
 p.right {
   text-align: right;
 

frontend/src/app/common/components/faq/faq.component.ts

@@ -4,10 +4,9 @@ import { AuthService } from '../../../services/auth.service';
 import { LoginResponse } from '../../../../../../common/src/packets/server.packet';
 import { FormControl, FormGroup, NgForm, Validators } from '@angular/forms';
 import { SettingsModel } from '../../../../../../common/src/models/settings.model';
-import { VERSION, YEAR } from '../../../../../../common/version';
+import { VERSION } from '../../../../../../common/version';
 import { MatDialog } from '@angular/material/dialog';
 import { AllCodeComponent } from '../../components/all-code/all-code.component';
-import { FaqComponent } from '../../components/faq/faq.component';
 
 @Component({
   selector: 'app-login',
@@ -60,13 +59,6 @@ export class LoginComponent implements OnInit {
     this.router.navigate(['register']);
   }
 
-  showFaq() {
-    this.dialog.open(FaqComponent, {
-      width: '90vw',
-      height: '90vh',
-    });
-  }
-
   showAllCode() {
     this.dialog.open(AllCodeComponent, {
       width: '90vw',
@@ -77,8 +69,4 @@ export class LoginComponent implements OnInit {
   get version() {
     return VERSION;
   }
-
-  get year() {
-    return YEAR;
-  }
 }

frontend/src/app/common/views/login/login.component.html

@@ -32,7 +32,6 @@ import { MatRadioModule } from '@angular/material/radio';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { AllCodeComponent } from './common/components/all-code/all-code.component';
 import { TitlePipe } from './pipes/title.pipe';
-import { FaqComponent } from './common/components/faq/faq.component';
 import { GameComponent } from './common/views/game/game.component';
 import { FileDropComponent } from './common/components/file-drop/file-drop.component';
 import { PluralizeSentencePipe } from './pipes/pluralize-sentence.pipe';
@@ -52,7 +51,6 @@ import { MatButtonToggleModule } from '@angular/material/button-toggle';
     CardComponent,
     CodeMirrorComponent,
     AllCodeComponent,
-    FaqComponent,
     GameComponent,
     FileDropComponent,
     AlertComponent,

frontend/src/app/common/views/login/login.component.scss

@@ -0,0 +1,3 @@
+# codelm-landing
+
+The landing site containing general information about the event.

frontend/src/app/common/views/login/login.component.ts

@@ -0,0 +1 @@
+mkdir -p ../dist/landing/ && cp -r src/* ../dist/landing/