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 909fc378 authored by Pamela Petterchak's avatar Pamela Petterchak

fixed bugs

parent 29c72838
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ClosingVideoComponent } from './closing/closing.component';
import { CreditsComponent } from './credits/credits.component';
import { GamePlayComponent } from './game-play/game-play.component';
import { LandingPageComponent } from './landing/landing.component';
import { OpeningVideoComponent } from './opening/opening.component';
const routes: Routes = [
{ path: '', redirectTo: 'landing-page', pathMatch: 'full' },
{
path: 'landing-page',
loadChildren: () =>
import('./landing/landing.module').then((m) => m.LandingPageModule),
component: LandingPageComponent,
},
{
path: 'opening-video',
loadChildren: () =>
import('./opening/opening.module').then((m) => m.OpeningVideoModule),
component: OpeningVideoComponent,
},
{
path: 'game-play',
loadChildren: () =>
import('./game-play/game-play.module').then((m) => m.GamePlayModule),
component: GamePlayComponent,
},
{
path: 'closing-video',
loadChildren: () =>
import('./closing/closing.module').then((m) => m.ClosingVideoModule),
component: ClosingVideoComponent,
},
{
path: 'credits',
loadChildren: () =>
import('./credits/credits.module').then((m) => m.CreditsModule),
component: CreditsComponent,
},
];
......
<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>
<!-- <mat-selection-list [multiple]="false">
<mat-list-option>
<a routerLink="/landing-page">Landing</a>
</mat-list-option>
<mat-list-option>
<a routerLink="/opening-video">Opening</a>
</mat-list-option>
<mat-list-option>
<a routerLink="/game-play">Game Play</a>
</mat-list-option>
<mat-list-option>
<a routerLink="/credits">Credits</a>
</mat-list-option>
</mat-selection-list> -->
<router-outlet></router-outlet>
......@@ -3,10 +3,20 @@
text-align: center;
}
@media only screen and (min-width: 601px) {
.two-across {
grid-template-columns: repeat(2, 1fr);
}
.mat-selection-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: green;
}
.mat-list-option {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
}
//.left {
......
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MaterialDepsModule } from 'src/app/material-deps.module';
import { ClickComponent } from './click.component';
const cmsRoutes: Routes = [{ path: '', component: ClickComponent }];
@NgModule({
declarations: [ClickComponent],
imports: [CommonModule, RouterModule.forChild(cmsRoutes)],
imports: [CommonModule, RouterModule.forChild(cmsRoutes), MaterialDepsModule],
exports: [ClickComponent],
})
export class ClickModule { }
export class ClickModule {}
<!-- Need to create two columns - one with assets, one with cookie clicker stuff -->
<button mat-raised-button>
<a routerLink="/credits">Credits</a>
</button>
<div class="two-across">
<div>
<mat-card class="title">
<mat-card-title>Test</mat-card-title>
</mat-card>
<app-accumulators></app-accumulators>
</div>
<mat-card class="title">
<mat-card-title>Test</mat-card-title>
</mat-card>
<app-accumulators></app-accumulators>
<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>
<mat-card class="title">
<mat-card-title>Pickle Clicker</mat-card-title>
</mat-card>
<app-click></app-click>
/* 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