diff --git a/package-lock.json b/package-lock.json
index b06b450..9d91ccb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10787,9 +10787,9 @@
}
},
"rxjs": {
- "version": "6.5.5",
- "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.5.5.tgz",
- "integrity": "sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==",
+ "version": "6.6.3",
+ "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.3.tgz",
+ "integrity": "sha512-trsQc+xYYXZ3urjOiJOuCOa5N3jAZ3eiSpQB5hIT8zGlL2QfnHLJ2r7GMkBGuIausdJN1OneaI6gQlsqNHHmZQ==",
"requires": {
"tslib": "^1.9.0"
},
diff --git a/package.json b/package.json
index b74117f..cac2e17 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
"@angular/platform-browser": "~10.2.0",
"@angular/platform-browser-dynamic": "~10.2.0",
"@angular/router": "~10.2.0",
- "rxjs": "~6.5.4",
+ "rxjs": "~6.6.3",
"tslib": "^2.0.0",
"zone.js": "~0.10.2"
},
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 06c7342..7ecde40 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -1,5 +1,6 @@
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
+import { SlideComponent } from './slide/slide.component';
const routes: Routes = [];
diff --git a/src/app/app.component.html b/src/app/app.component.html
index e48d8c1..4485195 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,534 +1,3 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ title }} app is running!
-
-
-
-
-
-
-
Resources
-
Here are some links to help you get started:
-
-
-
-
-
Next Steps
-
What do you want to do next with your app?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Run and Watch Tests
-
-
-
-
-
-
Build for Production
-
-
-
-
-
-
ng generate component xyz
-
ng add @angular/material
-
ng add @angular/pwa
-
ng add _____
-
ng test
-
ng build --prod
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 2c3ba29..019a14a 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -3,10 +3,14 @@ import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
+import { SlideComponent } from './slide/slide.component';
+import { NavigationComponent } from './navigation/navigation.component';
@NgModule({
declarations: [
- AppComponent
+ AppComponent,
+ SlideComponent,
+ NavigationComponent
],
imports: [
BrowserModule,
diff --git a/src/app/navigation/navigation.component.html b/src/app/navigation/navigation.component.html
new file mode 100644
index 0000000..de25b92
--- /dev/null
+++ b/src/app/navigation/navigation.component.html
@@ -0,0 +1,6 @@
+
diff --git a/src/app/navigation/navigation.component.scss b/src/app/navigation/navigation.component.scss
new file mode 100644
index 0000000..88a255a
--- /dev/null
+++ b/src/app/navigation/navigation.component.scss
@@ -0,0 +1,9 @@
+div.controls{
+ div.control {position:absolute;z-index:100;width:10vw;height:20vh;display:flex;justify-content: center; align-items: center;}
+ div.left { top:0;left:0;height:100vh; }
+ div.right { top:0;right:0;height:100vh; }
+ div.top { top:0;left:0;width:100vw; }
+ div.bottom { bottom:0;left:0;width:100vw; }
+}
+
+div.arrow { cursor:crosshair;}
diff --git a/src/app/navigation/navigation.component.spec.ts b/src/app/navigation/navigation.component.spec.ts
new file mode 100644
index 0000000..23438b0
--- /dev/null
+++ b/src/app/navigation/navigation.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NavigationComponent } from './navigation.component';
+
+describe('NavigationComponent', () => {
+ let component: NavigationComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ NavigationComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(NavigationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/navigation/navigation.component.ts b/src/app/navigation/navigation.component.ts
new file mode 100644
index 0000000..18be053
--- /dev/null
+++ b/src/app/navigation/navigation.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-navigation',
+ templateUrl: './navigation.component.html',
+ styleUrls: ['./navigation.component.scss']
+})
+export class NavigationComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/slide/slide.component.html b/src/app/slide/slide.component.html
new file mode 100644
index 0000000..66535d0
--- /dev/null
+++ b/src/app/slide/slide.component.html
@@ -0,0 +1,7 @@
+
+
+
Beire
+
Mar de tierra
+
+
+
diff --git a/src/app/slide/slide.component.scss b/src/app/slide/slide.component.scss
new file mode 100644
index 0000000..94d056b
--- /dev/null
+++ b/src/app/slide/slide.component.scss
@@ -0,0 +1,30 @@
+div.slide {
+ color:#fff;
+ width:100vw;
+ height:100vh;
+ background-image:url("/assets/img/output.gif");
+ background-size:cover;
+ background-color:#f90;
+ background-blend-mode: luminosity;
+ display:flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+div.element {
+ width:50vw;
+ margin:auto;
+ text-align:center;
+}
+
+div.big-title {
+ font-family:"Staatliches",sans-serif;
+ font-size:10rem;
+ opacity:0.6;
+}
+
+div.second-title {
+ font-size:3rem;
+ font-family:"Reenie Beanie",serif;
+}
diff --git a/src/app/slide/slide.component.spec.ts b/src/app/slide/slide.component.spec.ts
new file mode 100644
index 0000000..6efd594
--- /dev/null
+++ b/src/app/slide/slide.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SlideComponent } from './slide.component';
+
+describe('SlideComponent', () => {
+ let component: SlideComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ SlideComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(SlideComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/slide/slide.component.ts b/src/app/slide/slide.component.ts
new file mode 100644
index 0000000..e50d275
--- /dev/null
+++ b/src/app/slide/slide.component.ts
@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-slide',
+ templateUrl: './slide.component.html',
+ styleUrls: ['./slide.component.scss']
+})
+export class SlideComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+ onKeydown(event) {
+ console.log(event)
+ }
+
+}
diff --git a/src/assets/font/ITCAvantGardeStdBold.otf b/src/assets/font/ITCAvantGardeStdBold.otf
new file mode 100644
index 0000000..1ccaeea
Binary files /dev/null and b/src/assets/font/ITCAvantGardeStdBold.otf differ
diff --git a/src/assets/img/down.svg b/src/assets/img/down.svg
new file mode 100644
index 0000000..c7922cf
--- /dev/null
+++ b/src/assets/img/down.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/src/assets/img/landarte_logo.png b/src/assets/img/landarte_logo.png
new file mode 100644
index 0000000..7d99cc2
Binary files /dev/null and b/src/assets/img/landarte_logo.png differ
diff --git a/src/assets/img/left.svg b/src/assets/img/left.svg
new file mode 100644
index 0000000..2e76258
--- /dev/null
+++ b/src/assets/img/left.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/src/assets/img/output.gif b/src/assets/img/output.gif
new file mode 100644
index 0000000..2414258
Binary files /dev/null and b/src/assets/img/output.gif differ
diff --git a/src/assets/img/right.svg b/src/assets/img/right.svg
new file mode 100644
index 0000000..d3c9830
--- /dev/null
+++ b/src/assets/img/right.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/src/assets/img/top.svg b/src/assets/img/top.svg
new file mode 100644
index 0000000..0b064d6
--- /dev/null
+++ b/src/assets/img/top.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/src/styles.scss b/src/styles.scss
index 90d4ee0..f66c907 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1 +1,10 @@
/* You can add global styles to this file, and also import other style files */
+
+@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Reenie+Beanie&family=Staatliches&display=swap');
+
+body {
+ margin:0;
+ padding:0;
+ background-color:#1c1c1c;
+ cursor:none;
+}