Roman Jaquez romanejaquez

💭

I may be slow to respond.

Flutter & Dart GDE, Firebase, Rive Ambassador, AR / VR.

romanejaquez / splash-screen.component.html

Last active August 18, 2020 04:11

	<div
	class="app-splash-screen"
	[ngStyle]="{ left: windowWidth }"
	*ngIf="showSplash"
	>
	<div class="app-splash-inner">
	<div class="app-logo"></div>
	<div class="app-label">Splashy</div>
	<div class="app-loader"></div>
	</div>

romanejaquez / splash-screen.component.css

Created August 18, 2020 04:15

romanejaquez / splash-screen.component.ts

Created August 18, 2020 04:18

	import { Component, OnInit } from "@angular/core";

	@Component({
	selector: "splash-screen",
	templateUrl: "./splash-screen.component.html",
	styleUrls: ["./splash-screen.component.css"]
	})
	export class SplashScreenComponent implements OnInit {
	windowWidth: string;
	showSplash = true;

romanejaquez / app.module.ts

Created August 18, 2020 04:43

	import { BrowserModule } from "@angular/platform-browser";
	import { AppRoutingModule } from "./../app/app.routing.module";
	import { NgModule } from "@angular/core";
	import { AppComponent } from "./app.component";
	import { SplashScreenComponent } from "./../app/components/splash-screen.component";
	import { HomeComponent } from "./../app/home/home.component";

	@NgModule({
	declarations: [AppComponent, SplashScreenComponent, HomeComponent],
	imports: [BrowserModule, AppRoutingModule],

romanejaquez / app.routing.module.ts

Created August 18, 2020 04:50


	import { NgModule } from "@angular/core";
	import { Routes, RouterModule } from "@angular/router";
	import { HomeComponent } from "./../app/home/home.component";

	const routes: Routes = [
	{
	component: HomeComponent,
	path: "home"
	},

romanejaquez / index.html

Created August 18, 2020 04:53

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Angular</title>
	<base href="/" />
	<link
	href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap"
	rel="stylesheet"
	/>

romanejaquez / splash-animation-type.ts

Created August 18, 2020 04:59

	export enum SplashAnimationType {
	SlideLeft = "slide-left",
	SlideRight = "slide-right",
	FadeOut = "fade-out"
	}

romanejaquez / updated splash-screen.component.ts

Created August 18, 2020 05:02

	import { Component, OnInit, Input } from "@angular/core";
	import { SplashAnimationType } from "./splash-animation-type";

	@Component({
	selector: "splash-screen",
	templateUrl: "./splash-screen.component.html",
	styleUrls: ["./splash-screen.component.css"]
	})
	export class SplashScreenComponent implements OnInit {
	windowWidth: string;

romanejaquez / splash-screen.component.ts

Created August 18, 2020 05:09

	<div
	class="app-splash-screen"
	[ngStyle]="{
	left: windowWidth,
	opacity: opacityChange,
	transition: splashTransition
	}"
	*ngIf="showSplash"
	>
	<div class="app-splash-inner">

romanejaquez / step.model.ts

Last active August 20, 2020 03:30