From 26483ffe1ec08ed802f8253f5d46fa97fa1987ce Mon Sep 17 00:00:00 2001 From: Siroco Date: Mon, 4 Jun 2018 17:20:38 +0200 Subject: [PATCH] Industria Paisaia Frontend - Angular 5 --- src/app/app.component.html | 24 +- src/app/app.component.ts | 2 +- src/app/app.module.ts | 10 +- src/app/footer/footer.component.css | 0 src/app/footer/footer.component.html | 5 + src/app/footer/footer.component.spec.ts | 25 ++ src/app/footer/footer.component.ts | 15 + src/app/header/header.component.css | 0 src/app/header/header.component.html | 1 + src/app/header/header.component.spec.ts | 25 ++ src/app/header/header.component.ts | 15 + src/app/menu/menu.component.css | 0 src/app/menu/menu.component.html | 19 + src/app/menu/menu.component.spec.ts | 25 ++ src/app/menu/menu.component.ts | 15 + src/app/section/section.component.css | 0 src/app/section/section.component.html | 11 + src/app/section/section.component.spec.ts | 25 ++ src/app/section/section.component.ts | 15 + src/assets/industria-paisaia.svg | 442 ++++++++++++++++++++++ src/assets/logo.gif | Bin 0 -> 6911 bytes src/assets/manteka.eot | Bin 0 -> 13556 bytes src/assets/manteka.ttf | Bin 0 -> 13376 bytes src/assets/manteka.woff | Bin 0 -> 3432 bytes src/index.html | 4 +- src/styles.css | 127 +++++++ 26 files changed, 781 insertions(+), 24 deletions(-) create mode 100644 src/app/footer/footer.component.css create mode 100644 src/app/footer/footer.component.html create mode 100644 src/app/footer/footer.component.spec.ts create mode 100644 src/app/footer/footer.component.ts create mode 100644 src/app/header/header.component.css create mode 100644 src/app/header/header.component.html create mode 100644 src/app/header/header.component.spec.ts create mode 100644 src/app/header/header.component.ts create mode 100644 src/app/menu/menu.component.css create mode 100644 src/app/menu/menu.component.html create mode 100644 src/app/menu/menu.component.spec.ts create mode 100644 src/app/menu/menu.component.ts create mode 100644 src/app/section/section.component.css create mode 100644 src/app/section/section.component.html create mode 100644 src/app/section/section.component.spec.ts create mode 100644 src/app/section/section.component.ts create mode 100644 src/assets/industria-paisaia.svg create mode 100644 src/assets/logo.gif create mode 100644 src/assets/manteka.eot create mode 100644 src/assets/manteka.ttf create mode 100644 src/assets/manteka.woff diff --git a/src/app/app.component.html b/src/app/app.component.html index fa2706a..56e834f 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,20 +1,4 @@ - -
-

- Welcome to {{ title }}! -

- Angular Logo -
-

Here are some links to help you start:

- - + + + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 7b0f672..117ea2a 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -6,5 +6,5 @@ import { Component } from '@angular/core'; styleUrls: ['./app.component.css'] }) export class AppComponent { - title = 'app'; + title = 'industria-paisaia'; } diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 926975a..feea01f 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -3,11 +3,19 @@ import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; +import { MenuComponent } from './menu/menu.component'; +import { HeaderComponent } from './header/header.component'; +import { SectionComponent } from './section/section.component'; +import { FooterComponent } from './footer/footer.component'; @NgModule({ declarations: [ - AppComponent + AppComponent, + MenuComponent, + HeaderComponent, + SectionComponent, + FooterComponent ], imports: [ BrowserModule diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html new file mode 100644 index 0000000..fd8de31 --- /dev/null +++ b/src/app/footer/footer.component.html @@ -0,0 +1,5 @@ + diff --git a/src/app/footer/footer.component.spec.ts b/src/app/footer/footer.component.spec.ts new file mode 100644 index 0000000..2ca6c45 --- /dev/null +++ b/src/app/footer/footer.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FooterComponent } from './footer.component'; + +describe('FooterComponent', () => { + let component: FooterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ FooterComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(FooterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/footer/footer.component.ts b/src/app/footer/footer.component.ts new file mode 100644 index 0000000..67f1378 --- /dev/null +++ b/src/app/footer/footer.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-footer', + templateUrl: './footer.component.html', + styleUrls: ['./footer.component.css'] +}) +export class FooterComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html new file mode 100644 index 0000000..bb32088 --- /dev/null +++ b/src/app/header/header.component.html @@ -0,0 +1 @@ + diff --git a/src/app/header/header.component.spec.ts b/src/app/header/header.component.spec.ts new file mode 100644 index 0000000..2d0479d --- /dev/null +++ b/src/app/header/header.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HeaderComponent } from './header.component'; + +describe('HeaderComponent', () => { + let component: HeaderComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ HeaderComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(HeaderComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/header/header.component.ts b/src/app/header/header.component.ts new file mode 100644 index 0000000..3ee4d0f --- /dev/null +++ b/src/app/header/header.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-header', + templateUrl: './header.component.html', + styleUrls: ['./header.component.css'] +}) +export class HeaderComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/menu/menu.component.css b/src/app/menu/menu.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/menu/menu.component.html b/src/app/menu/menu.component.html new file mode 100644 index 0000000..8c36d58 --- /dev/null +++ b/src/app/menu/menu.component.html @@ -0,0 +1,19 @@ +
+ + + + +
+ EUS | ES +
+
diff --git a/src/app/menu/menu.component.spec.ts b/src/app/menu/menu.component.spec.ts new file mode 100644 index 0000000..beb2d9b --- /dev/null +++ b/src/app/menu/menu.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MenuComponent } from './menu.component'; + +describe('MenuComponent', () => { + let component: MenuComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MenuComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MenuComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/menu/menu.component.ts b/src/app/menu/menu.component.ts new file mode 100644 index 0000000..af2aede --- /dev/null +++ b/src/app/menu/menu.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-menu', + templateUrl: './menu.component.html', + styleUrls: ['./menu.component.css'] +}) +export class MenuComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/section/section.component.css b/src/app/section/section.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/section/section.component.html b/src/app/section/section.component.html new file mode 100644 index 0000000..8d2502a --- /dev/null +++ b/src/app/section/section.component.html @@ -0,0 +1,11 @@ + diff --git a/src/app/section/section.component.spec.ts b/src/app/section/section.component.spec.ts new file mode 100644 index 0000000..9b59954 --- /dev/null +++ b/src/app/section/section.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SectionComponent } from './section.component'; + +describe('SectionComponent', () => { + let component: SectionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ SectionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(SectionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/section/section.component.ts b/src/app/section/section.component.ts new file mode 100644 index 0000000..0cd3c44 --- /dev/null +++ b/src/app/section/section.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-section', + templateUrl: './section.component.html', + styleUrls: ['./section.component.css'] +}) +export class SectionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/assets/industria-paisaia.svg b/src/assets/industria-paisaia.svg new file mode 100644 index 0000000..a53e36c --- /dev/null +++ b/src/assets/industria-paisaia.svg @@ -0,0 +1,442 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/logo.gif b/src/assets/logo.gif new file mode 100644 index 0000000000000000000000000000000000000000..590f6574dc8ec905a36e14df4d7a816e76266d36 GIT binary patch literal 6911 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 DHEmAQ literal 0 HcmV?d00001 diff --git a/src/assets/manteka.eot b/src/assets/manteka.eot new file mode 100644 index 0000000000000000000000000000000000000000..182db0ebea3d78f589d299e4156f621ea09ed5ad GIT binary patch literal 13556 zcmeI3U5H)Rb%57B_i9Gg&serx`A2_8j;#Dp&FIHUYa`MlTPSjIY$K(n4}r{`nJdkW zG;=3+t~8p|lnr&E4}qEzifK&HL!fy`pVEhtq~tv0C5azeC?&B1_;LCDNuF~&=*(0xm>C38gr3Y;+$7NcMF>+vt zJ09VMNDbJAO-+eky*P8C_2&~;M7G}sJ3GJBUfKJP2QXQ_E)p$VzPf&?{heRFEwW=) z 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 literal 0 HcmV?d00001 diff --git a/src/assets/manteka.ttf b/src/assets/manteka.ttf new file mode 100644 index 0000000000000000000000000000000000000000..cb96a87de3dfec20f5c708092b603cd0476347bb GIT binary patch literal 13376 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 - + - IndustriaPaisaia + Industria Paisaia | Memoria y paisaje industrial . Irizar diff --git a/src/styles.css b/src/styles.css index 90d4ee0..5e46326 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1 +1,128 @@ /* You can add global styles to this file, and also import other style files */ +@import '../node_modules/bootstrap/dist/css/bootstrap.min.css'; +@import url('https://fonts.googleapis.com/css?family=Tinos'); +@import url('https://fonts.googleapis.com/css?family=Raleway'); + +@font-face { + font-family: "Manteka"; + font-style: normal; + font-weight: normal; + src: url('./assets/manteka.woff'); +} + +/* main */ +* { transition:0.2s;} + +body { font-family:"Raleway",serif; overflow-x:hidden;background:#efefef;margin:0; font-size:14pt;} +h1,h2 { font-family: "Manteka", sans-serif;} + +header { overflow:hidden; width:100%;height:100%;height:100vh;text-align:center;position:relative;} + +header.homepage { background:url('./assets/industria-paisaia.svg'); background-size:contain; background-repeat:no-repeat; background-position:center center;} + +header.section { padding-top:10%;background-attachment: fixed; } +header.section h1 {word-wrap: break-word;} +header.section h1 span {font-size:3em;background-color:#d2e8eb; padding:10px;} +header.section h3 {text-transform:uppercase;font-size:2em;font-weight:400; color:#f7886c; font-family:"Manteka";} + +header.section h1::after {content:'';width:100%;height:100%;position:absolute;background:#f00;} + +a {color:#000;} +a:hover { color:#000; text-decoration:none;} + +header h3 {text-align:left;} + +/* menu */ +div.menu {padding:0px; width:100%; background:#fff; z-index:200; position:fixed; top:0; border-bottom:3px solid #d2e8eb;} +div.menu * {float:left;} +div.menu div.Search {float:right;} +div.menu div.language {float:right;margin:5px;font-size:0.7em;padding-top:1%;} +div.menu div.language span {padding:3px;font-family:"Manteka";cursor:pointer;} +div.Search input {background:none; border:none; border-bottom:2px solid #000;} +div.menu nav ul li {text-transform:uppercase;height:60px;font-family:"Manteka";padding:10px;min-width:10%;cursor:pointer;} +div.menu nav ul li:hover { background-color:#f7886c;} +div.menu nav ul li:active { background-color:#f7886c;color:#fff;} +div.menu nav ul li.active { background-color:#f7886c;color:#fff;} + +div.stick-menu { z-index:200;position:fixed;width:100%;top:0;} + +/* section */ +div.ia-section { min-height:300px;width:100%;background-size:contain; background-repeat:no-repeat; } +div.ia-section div.row div {text-align:center;} +div.ia-section h1, +div.ia-section p {margin-top:50px;padding:20px;} +div.ia-section p { font-size:1.2em;} +div.ia-section h1 span { background-color:#d2e8eb; padding:10px; } +div.ia-section h2 span { background-color:#f7886c; } +div.ia-section:hover { cursor:pointer; } +div.ia-section:active { background: #f7886c; } +div.ia-section:hover div.ia-select { min-height:300px; background:#f7886c; padding:0 !important; } +div.ia-section div.col-md-5, +div.ia-section div.col-md-6 { padding:20px;} + +/*article*/ + +article {padding-top:80px;} +article img {border:3px solid #f7886c;width:100%;margin:20px auto;filter:grayscale(0.8);} +article img:hover {filter:none; box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.7);cursor:pointer;} +article p {font-size:0.9em;} +article h2 span {background:#d2e8eb;padding:10px;} +article h2 {margin-bottom:20px;} + +/* footer */ +footer { min-height:300px; height:100%; background-color:#d2e8eb; padding:20px; color:#000;} +footer div.row { text-align:center; min-height:200px; margin-top:20px;} +footer div.row h2 {margin-bottom:20px;} +footer div.row h2 span {font-weight:400; background-color:#f7886c; padding:5px;} +footer div.row p {font-size:0.9em;padding:5px;} + +footer.single { min-height:100px; height:100%; margin-top:30px; padding:20px; color:#888; background:transparent; font-size:0.8em; text-align:center; background:#fff; font-weight:bold;} + +/*video*/ +.video-container video {width:100%;} + +/* item continaer */ +.item-container {width:27%;margin:15px 15px 25px 15px;float:left;padding:0px; border:0px solid #E12323;trans ition:1s;} +.item-container:hover {transform:translateY(-5px);} +.item-container h3 {font-family:"Manteka";text-transform:uppercase;color:#f7886c; margin-bottom:0; font-size:0.8em; text-align:right;padding:2px;cursor:pointer;} +.item-container h3::after {content:'';} +.item-container h2 {font-size:2em; text-align:center;padding:2px;} +.item-container h2.thumbtitle {position:relative;width:100%;text-align:center;padding-top:15%;} +.item-container .thumbnail-image { transition:2s;padding:5px; min-height:150px;background:#fff; background-size:cover; background-size:120%; } +.item-container .thumbnail-image.last { background:#E12323;color:#fff; } +.item-container .thumbnail-image a, +.item-container .thumbnail-image h2 {color:#000;transition:1s;transform-origin:left;text-align:left;} +.item-container .thumbnail-image:hover { background-position:-10%;cursor:pointer; } +.item-container .thumbnail-image:hover > a, +.item-container .thumbnail-image:hover h2 { opacity:1;transform:rotate(5deg); } +.item-container .thumbnail-image.last h2 { text-align:center; color:#fff;} +.item-container .content {height:150px; overflow:hidden; text-align:left; border-bottom:0px solid #E12323;} +.item-container .content p {margin:auto !important; line-height:1.5em;} + +.item-container.sticky {margin-bottom:0px;} +.item-container.sticky h3 {margin-bottom:0px;} +.item-container.sticky .thumbnail-image {border:0px solid #E12323;} +.item-container.sticky .content { +/*background:#E12323;*/ +/*background:url('square.svg') repeat 2%;*/ +color:#e12323; +padding:0px; +border:0px solid #E12323; +} + + +/* item */ + +header.item { margin-top:50px;height:0;} +.arrow-down { color:#f7886c;font-size:3em; transition:1s;} +.arrow-down:hover { transform:scale(1.5); margin-top:20px;} + +/* barra lateral item / media */ +.info h1 {margin:20px auto;} +.info h1 span {background-color:#d2e8eb;padding:5px;} +.info h2 {color:#f7886c;} +.info ul.filters {list-style:none; margin:0;padding:0;} +.info ul.filters li {cursor:pointer; border-right:5px solid #f7886c; padding:5px 30px; text-transform:uppercase;font-family:"Manteka";text-align:right;} +.info ul.filters li:hover {border-right:0px;color:#f7886c;} +.info ul.filters li:active {border-right:0px;color:#fff;background-color:#f7886c;} +.info ul.filters li.active {border-right:0px;color:#fff;background-color:#f7886c;}