literally 1984

Author: dlanaras

Diff for: package-lock.json

@@ -10,22 +10,22 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~13.3.0",
-    "@angular/common": "~13.3.0",
-    "@angular/compiler": "~14.2.2",
-    "@angular/core": "~13.3.0",
-    "@angular/forms": "~13.3.0",
-    "@angular/platform-browser": "~13.3.0",
-    "@angular/platform-browser-dynamic": "~13.3.0",
-    "@angular/router": "~13.3.0",
+    "@angular/animations": "~14.2.9",
+    "@angular/common": "~14.2.9",
+    "@angular/compiler": "~14.2.9",
+    "@angular/core": "~14.2.9",
+    "@angular/forms": "~14.2.9",
+    "@angular/platform-browser": "~14.2.9",
+    "@angular/platform-browser-dynamic": "~14.2.9",
+    "@angular/router": "~14.2.9",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.6"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~14.2.3",
-    "@angular/cli": "~14.2.3",
-    "@angular/compiler-cli": "~14.0.4",
+    "@angular-devkit/build-angular": "~14.2.8",
+    "@angular/cli": "~14.2.8",
+    "@angular/compiler-cli": "~14.2.9",
     "@types/jasmine": "~4.0.3",
     "@types/node": "^18.7.18",
     "jasmine-core": "~4.2.0",
@@ -36,4 +36,4 @@
     "karma-jasmine-html-reporter": "~2.0.0",
     "typescript": "~4.7.4"
   }
-}
+}

Diff for: package.json

@@ -1,9 +1,9 @@
-.image-background img {
+.image-background img, .nineTeenEightyFourBackground img {
     width: 100%;
     height: 100%;
 }
 
-.image-background h1 {
+.image-background h1, .nineTeenEightyFourBackground h1 {
     margin-top: 200px;
     text-align: center;
     font-size: 2.4rem;
@@ -17,6 +17,13 @@
     background-size: 100% 100%;
 }
 
+.nineTeenEightyFourBackground {
+    width: 100%;
+    height: 45% !important;
+    background-image: url("/assets/pictures/burnie.gif");
+    background-size: 100% 100%;
+}
+
 .main {
     display: flex;
     flex-direction: column;
@@ -39,6 +46,11 @@
     background-color: #902923;
 }
 
-.literally1984 {
-    background-image: url("http://toastytech.com/evil/ie1984.gif");
-}
+#nineteen-eighty-four {
+    position: absolute;
+    right: 50%;
+}
+
+#nineteen-eighty-four:hover {
+    cursor: pointer;
+}

Diff for: src/app/home/home.component.css

@@ -1,7 +1,7 @@
 <app-header></app-header>
 <div class="main">
 
-    <div class="image-background">
+    <div [ngClass]="is1984 ?  'nineTeenEightyFourBackground' : 'image-background'">
         <h1>Totally the best website you've ever seen</h1>
     </div>
 
@@ -48,22 +48,16 @@ <h1>Yes you read that right</h1>
             nnnDagon orr'e zhro Azathoth wgah'n athgor n'gha ftaghu kn'a, nnn'ai naflYoggoth lloig nggoka r'luh R'lyeh
             y'hah R'lyeh gnaiih.
             <br>
-            <br>
-            Azathoth athg kn'a Tsathoggua Yoggoth n'gha sgn'wahl kadishtu nnnlloig, zhro R'lyeh ilyaa throd y-Dagon
-            ftaghu Chaugnar Faugn vulgtm, chtenff s'uhn athg gnaiih hafh'drn hupadgh uaaah. Vulgtlagln hlirgh naflnglui
-            mg Yoggothyar Cthulhu hrii f'vulgtm, y-orr'e tharanak hai uh'e shugg grah'n, R'lyeh uaaah ngzhro ya
-            f'shtunggli cathg. H'Nyarlathotep nnnsgn'wahl hrii Tsathoggua mnahn' mg wgah'n vulgtlagln, gnaiih nog uh'e
-            ah Azathoth s'uhn Dagon Yoggothoth, lloig r'luh Hastur chtenff ee f''bthnk. Stell'bsna h'ooboshu vulgtm mg
-            s'uhn goka stell'bsna chtenff throd, sll'ha vulgtlagln ph'sgn'wahl y-kn'a h'lloig ch' hai r'luhor,
-            naflfhtagn Dagon li'hee Dagon nnnilyaa kadishtu ehyeog.
+            <br>nineTeenEightyFourgon li'hee Dagon nnnilyaa kadishtu ehyeog.
             <br>
             <br>
             Uh'e f'orr'e hriioth chtenff syha'h uh'e naflch' ph'vulgtm gof'nn gotha uln, tharanak hlirgh ehye n'gha
             lloig hupadgh naep Shub-Niggurath.
         </div>
         <br>
         <h3>But bet you couldn't read that right</h3>
+        <img id="nineteen-eighty-four" src="/assets/pictures/1984.gif" alt="1984" height="31" width="88" (click)="is1984 = !is1984">
     </div>
 </div>
 
-<button id="literally1984"></button>
+

Diff for: src/app/home/home.component.html

@@ -6,10 +6,10 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./home.component.css']
 })
 export class HomeComponent implements OnInit {
-
+  is1984: boolean = false;
+  
   constructor() { }
 
   ngOnInit(): void {
   }
-
 }