From 89bec312751da7c9276c2bb28c9ccd8a2fd9e0b6 Mon Sep 17 00:00:00 2001 From: ztimson Date: Mon, 2 May 2022 21:10:56 -0400 Subject: [PATCH] Updated --- .../components/console/console.component.scss | 5 +++++ .../typewriter/typewriter.component.scss | 6 +----- src/app/services/quote.service.ts | 16 ++++++++++++++++ 3 files changed, 22 insertions(+), 5 deletions(-) create mode 100644 src/app/components/console/console.component.scss create mode 100644 src/app/services/quote.service.ts diff --git a/src/app/components/console/console.component.scss b/src/app/components/console/console.component.scss new file mode 100644 index 0000000..0a9f489 --- /dev/null +++ b/src/app/components/console/console.component.scss @@ -0,0 +1,5 @@ +.console { + background-color: #333; + color: #00ff00; + font-family: monospace !important; +} diff --git a/src/app/components/typewriter/typewriter.component.scss b/src/app/components/typewriter/typewriter.component.scss index 7fba207..d7e4548 100644 --- a/src/app/components/typewriter/typewriter.component.scss +++ b/src/app/components/typewriter/typewriter.component.scss @@ -1,13 +1,9 @@ -@import url("https://fonts.googleapis.com/css?family=Arvo"); - .typewriter { - h1,h2,h3,h4,h5,h6 { + & { overflow: hidden; margin: 0 auto; letter-spacing: .15em; animation: blink-caret 1s step-end infinite; - display: inline; - font-family: 'Arvo', serif; } @keyframes typing { diff --git a/src/app/services/quote.service.ts b/src/app/services/quote.service.ts new file mode 100644 index 0000000..6232de6 --- /dev/null +++ b/src/app/services/quote.service.ts @@ -0,0 +1,16 @@ +import {Injectable} from '@angular/core'; + +@Injectable({providedIn: 'root'}) +export class QuoteService { + readonly quotes = [ + 'When you are a kid you don\'t realize you are also watching your parents grow up', + 'Some one at Google was like "Yea, just have someone drive down every road on earth!"', + 'Anxiety is like when video game combat music is playing but you can\'t find the enemy', + 'Why do kamikaze pilots wear helmets?', + 'The cake is a lie!' + ]; + + random() { + return this.quotes[Math.round(Math.random() * this.quotes.length)]; + } +}