Commit 2091357cd69ccf8756db31741d9d076ee7d64336
1 parent
b18d24ac92
Exists in
master
and in
2 other branches
Fix en fuente
Showing
3 changed files
with
4 additions
and
4 deletions
Show diff stats
src/app/modules/splash-screen/splash-screen.component.ts
| 1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
| 2 | 2 | ||
| 3 | @Component({ | 3 | @Component({ |
| 4 | selector: 'app-splash-screen', | 4 | selector: 'app-splash-screen', |
| 5 | templateUrl: './splash-screen.component.html', | 5 | templateUrl: './splash-screen.component.html', |
| 6 | styleUrls: ['./splash-screen.component.scss'] | 6 | styleUrls: ['./splash-screen.component.scss'] |
| 7 | }) | 7 | }) |
| 8 | export class SplashScreenComponent implements OnInit { | 8 | export class SplashScreenComponent implements OnInit { |
| 9 | timerSplashScreen = 2000; | 9 | timerSplashScreen = 2000; |
| 10 | showSplashScreen = true; | 10 | showSplashScreen = true; |
| 11 | textWelcome = 'BIENVENIDO A SPOT!'; | 11 | textWelcome = 'BIENVENIDO A SPOT!'; |
| 12 | textComoEstas = '¿cómo estas?'; | 12 | textComoEstas = '¿cómo estás?'; |
| 13 | textInvitamos = 'TE INVITAMOS A HACER'; | 13 | textInvitamos = 'TE INVITAMOS A HACER'; |
| 14 | textTuPedido = 'tu pedido acá'; | 14 | textTuPedido = 'tú pedido acá'; |
| 15 | 15 | ||
| 16 | constructor() { } | 16 | constructor() { } |
| 17 | 17 | ||
| 18 | ngOnInit() { | 18 | ngOnInit() { |
| 19 | setTimeout(() => { | 19 | setTimeout(() => { |
| 20 | this.showSplashScreen = false; | 20 | this.showSplashScreen = false; |
| 21 | }, this.timerSplashScreen); | 21 | }, this.timerSplashScreen); |
| 22 | } | 22 | } |
| 23 | 23 | ||
| 24 | } | 24 | } |
| 25 | 25 |
src/assets/fonts/gotham-medium.woff
No preview for this file type
src/styles.scss
| 1 | @import "scss/styles-bootstrap.scss"; | 1 | @import "scss/styles-bootstrap.scss"; |
| 2 | @import "scss/height-width.scss"; | 2 | @import "scss/height-width.scss"; |
| 3 | @import "scss/animations.scss"; | 3 | @import "scss/animations.scss"; |
| 4 | @import "node_modules/bootstrap/scss/_variables.scss"; | 4 | @import "node_modules/bootstrap/scss/_variables.scss"; |
| 5 | 5 | ||
| 6 | @font-face { | 6 | @font-face { |
| 7 | font-family: "Gotham-Medium"; | 7 | font-family: "Gotham"; |
| 8 | font-style: normal; | 8 | font-style: normal; |
| 9 | font-weight: normal; | 9 | font-weight: normal; |
| 10 | src: url("assets/fonts/gotham-medium.woff") format("woff"); | 10 | src: url("assets/fonts/gotham-medium.woff") format("woff"); |
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | html, | 13 | html, |
| 14 | body { | 14 | body { |
| 15 | min-height: 100vh; | 15 | min-height: 100vh; |
| 16 | max-height: 100vh; | 16 | max-height: 100vh; |
| 17 | height: 100vh; | 17 | height: 100vh; |
| 18 | background-color: #fcf2e3; | 18 | background-color: #fcf2e3; |
| 19 | font-family: "Gotham-Medium"; | 19 | font-family: "Gotham"; |
| 20 | overflow: hidden; | 20 | overflow: hidden; |
| 21 | } | 21 | } |
| 22 | 22 | ||
| 23 | .cursor-pointer { | 23 | .cursor-pointer { |
| 24 | cursor: pointer; | 24 | cursor: pointer; |
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | p { | 27 | p { |
| 28 | margin: 0 !important; | 28 | margin: 0 !important; |
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | .rounded { | 31 | .rounded { |
| 32 | border-radius: 1.5rem !important; | 32 | border-radius: 1.5rem !important; |
| 33 | } | 33 | } |
| 34 | 34 |