This server is intended for use for Academic Classwork related Git repositories only. Projects/repositories will generally be removed after 6 months following close of the semester. Inactive repositories from previous semester are now being archived when no activity for 365 days. They are renamed and marked as 'archived'. After 90 days in that state they will be removed from the system completely.

Commit 1c47a8a7 authored by Pamela Petterchak's avatar Pamela Petterchak

routing

parent fe5b6fe7
......@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: '', redirectTo: 'app-landing-page', pathMatch: 'full' },
{ path: '', redirectTo: 'landing-page', pathMatch: 'full' },
{
path: 'landing-page',
loadChildren: () =>
......@@ -23,6 +23,11 @@ const routes: Routes = [
loadChildren: () =>
import('./closing/closing.module').then((m) => m.ClosingVideoModule),
},
{
path: 'credits',
loadChildren: () =>
import('./credits/credits.module').then((m) => m.CreditsModule),
},
];
@NgModule({
......
<!-- Router stuff here -->
<app-closing-video></app-closing-video>
<header>
<nav>
<div class="nav-wrapper">
<ul>
<li routerLinkActive="green-background">
<a routerLink="/landing-page">Landing</a>
</li>
<li routerLinkActive="green-background">
<a routerLink="/opening-video">Opening</a>
</li>
<li routerLinkActive="green-background">
<a routerLink="/game-play">Game Play</a>
</li>
<li routerLinkActive="green-background">
<a routerLink="/closing-video">Closing</a>
</li>
<li routerLinkActive="green-background">
<a routerLink="/credits">Credits</a>
</li>
</ul>
</div>
</nav>
</header>
<div>
<router-outlet></router-outlet>
</div>
......@@ -3,12 +3,10 @@
text-align: center;
}
.row {
display: flex;
}
.column {
flex: 50%;
@media only screen and (min-width: 601px) {
.two-across {
grid-template-columns: repeat(2, 1fr);
}
}
//.left {
......@@ -17,4 +15,4 @@
//
//.right {
// width: 25%;
//}
\ No newline at end of file
//}
import { Component } from '@angular/core';
@Component({
selector: 'app-closing',
selector: 'app-closing-video',
templateUrl: './closing.component.html',
styleUrls: ['./closing.component.scss'],
})
......
<!-- Need to create two columns - one with assets, one with cookie clicker stuff -->
<div class="row">
<div class="column">
<div class="two-across">
<div>
<mat-card class="title">
<mat-card-title>Test</mat-card-title>
</mat-card>
<div>
<app-accumulators></app-accumulators>
</div>
<app-accumulators></app-accumulators>
</div>
<div class="column">
<div>
<mat-card class="title">
<mat-card-title>Pickle Clicker</mat-card-title>
<mat-card-subtitle>Click My Pickle!</mat-card-subtitle>
</mat-card>
</div>
<div>
<app-click></app-click>
</div>
<div>
<mat-card class="title">
<mat-card-title>Pickle Clicker</mat-card-title>
<mat-card-subtitle>Click My Pickle!</mat-card-subtitle>
</mat-card>
<app-click></app-click>
</div>
</div>
/* You can add global styles to this file, and also import other style files */
@media only screen and (min-width: 601px) {
.two-across {
grid-template-columns: repeat(2, 1fr);
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment