diff --git a/package-lock.json b/package-lock.json index 403215c..0012774 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "wiv", - "version": "0.1.3", + "version": "1.1.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "wiv", - "version": "0.1.3", + "version": "1.1.0", "dependencies": { "@angular/animations": "^19.0.0", "@angular/cdk": "^19.0.0", diff --git a/package.json b/package.json index a0e5c87..52fad48 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "wiv", - "version": "0.1.3", + "version": "1.1.0", "scripts": { "ng": "ng", "start": "ng serve", diff --git a/src/app/final/final.component.html b/src/app/final/final.component.html index fb40637..b447872 100644 --- a/src/app/final/final.component.html +++ b/src/app/final/final.component.html @@ -7,5 +7,5 @@

Aantal vragen goed: {{localStorage.getItem('score')}}/50

- + diff --git a/src/app/final/final.component.ts b/src/app/final/final.component.ts index 3d646f0..67626d4 100644 --- a/src/app/final/final.component.ts +++ b/src/app/final/final.component.ts @@ -57,4 +57,8 @@ export class FinalComponent implements OnInit{ protected readonly localStorage = localStorage; + + resetGame() { + localStorage.clear() + } } diff --git a/src/app/welcome/welcome.component.css b/src/app/welcome/welcome.component.css index 15fd154..552bdf6 100644 --- a/src/app/welcome/welcome.component.css +++ b/src/app/welcome/welcome.component.css @@ -42,7 +42,7 @@ body, html { max-width: 300px; } -.form button { +button { padding: 10px 20px; font-size: 1rem; width: 300px; @@ -53,6 +53,10 @@ body, html { cursor: pointer; } +a{ + color: #ff561e; +} + @media (max-width: 600px) { .container { diff --git a/src/app/welcome/welcome.component.html b/src/app/welcome/welcome.component.html index 673ab94..917fcf7 100644 --- a/src/app/welcome/welcome.component.html +++ b/src/app/welcome/welcome.component.html @@ -7,5 +7,10 @@ + +
+
+

Klik hier om door te gaan naar het huidige spel

+
diff --git a/src/app/welcome/welcome.component.ts b/src/app/welcome/welcome.component.ts index 6ba0f98..8c44d62 100644 --- a/src/app/welcome/welcome.component.ts +++ b/src/app/welcome/welcome.component.ts @@ -3,14 +3,16 @@ import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from "@angular import {Router} from '@angular/router'; import { version } from '../../../package.json'; import confetti from 'canvas-confetti'; +import {NgIf} from '@angular/common'; @Component({ selector: 'app-welcome', - imports: [ - FormsModule, - ReactiveFormsModule - ], + imports: [ + FormsModule, + ReactiveFormsModule, + NgIf + ], templateUrl: './welcome.component.html', styleUrl: './welcome.component.css' }) @@ -63,4 +65,5 @@ export class WelcomeComponent implements OnInit{ }); } + protected readonly localStorage = localStorage; }