Industria Paisaia Frontend - Angular 5

This commit is contained in:
Siroco 2018-06-04 17:20:38 +02:00
parent 74c710a90c
commit 26483ffe1e
26 changed files with 781 additions and 24 deletions

View File

@ -1,20 +1,4 @@
<!--The content below is only a placeholder and can be replaced.--> <app-menu></app-menu>
<div style="text-align:center"> <app-header></app-header>
<h1> <app-section></app-section>
Welcome to {{ title }}! <app-footer></app-footer>
</h1>
<img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
</div>
<h2>Here are some links to help you start: </h2>
<ul>
<li>
<h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://github.com/angular/angular-cli/wiki">CLI Documentation</a></h2>
</li>
<li>
<h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
</li>
</ul>

View File

@ -6,5 +6,5 @@ import { Component } from '@angular/core';
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })
export class AppComponent { export class AppComponent {
title = 'app'; title = 'industria-paisaia';
} }

View File

@ -3,11 +3,19 @@ import { NgModule } from '@angular/core';
import { AppComponent } from './app.component'; 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({ @NgModule({
declarations: [ declarations: [
AppComponent AppComponent,
MenuComponent,
HeaderComponent,
SectionComponent,
FooterComponent
], ],
imports: [ imports: [
BrowserModule BrowserModule

View File

View File

@ -0,0 +1,5 @@
<footer class="single">
<p>&copy; Zumalakaerregi Museoa 2018 - El contenido de este site está bajo una licencia Creative Commons By-SA-NC - Texto legal </p>
<p>www.zumalakarregimuseoa.eus zuma@zm.net +34 000 00 00 00</p>
<img src="../../assets/logo.gif" style="max-width:100px;"/>
</footer>

View File

@ -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<FooterComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ FooterComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(FooterComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -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() {
}
}

View File

View File

@ -0,0 +1 @@
<header class="homepage" id="header"></header>

View File

@ -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<HeaderComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HeaderComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HeaderComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -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() {
}
}

View File

View File

@ -0,0 +1,19 @@
<div class="menu">
<img src="../../assets/industria-paisaia.svg" width="150" height="60" alt=""/>
<nav>
<ul class="nav">
<li class="nav-item active">Inicio</li>
<a href="proyecto.html"><li class="nav-item">Proyecto</li></a>
<a href="exposicion.html"><li class="nav-item">Expo</li></a>
<a href="entrevistas.html"><li class="nav-item">Entrevistas</li></a>
<a href="media.html"><li class="nav-item">Media</li></a>
</ul>
</nav>
<!-- search -->
<div id="search" class="Search" style="display:none;">
<input type="search" placeholder="Search for a title..." value=""/>
</div>
<div class="language">
<span>EUS</span> <span>|</span> <span>ES</span>
</div>
</div>

View File

@ -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<MenuComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MenuComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(MenuComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -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() {
}
}

View File

View File

@ -0,0 +1,11 @@
<div class="ia-section bg1" id="proyecto">
<section>
<a href="proyecto.html">
<div class="row section-content">
<div class="col-md-1 ia-select"></div>
<div class="col-md-5"><h1><span>Proyecto</span></h1></div>
<div class="col-md-6"><p>Texto introducción de la seccioń. Algo sencillo que anime a seguir adelante en esta sección y descubrir su contenido.</p></div>
</div>
</a>
</section>
</div>

View File

@ -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<SectionComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ SectionComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(SectionComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -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() {
}
}

View File

@ -0,0 +1,442 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="297mm"
height="210mm"
viewBox="0 0 297 210"
version="1.1"
id="svg8"
inkscape:version="0.92.1 r15371"
sodipodi:docname="industria-paisaia.svg">
<defs
id="defs2">
<pattern
inkscape:stockid="Polka dots, medium"
id="Polkadots-med"
patternTransform="translate(0,0) scale(10,10)"
height="10"
width="10"
patternUnits="userSpaceOnUse"
inkscape:collect="always">
<circle
id="circle5664"
r="0.15"
cy="0.810"
cx="2.567"
style="fill:black;stroke:none" />
<circle
id="circle5666"
r="0.15"
cy="2.33"
cx="3.048"
style="fill:black;stroke:none" />
<circle
id="circle5668"
r="0.15"
cy="2.415"
cx="4.418"
style="fill:black;stroke:none" />
<circle
id="circle5670"
r="0.15"
cy="3.029"
cx="1.844"
style="fill:black;stroke:none" />
<circle
id="circle5672"
r="0.15"
cy="1.363"
cx="6.08"
style="fill:black;stroke:none" />
<circle
id="circle5674"
r="0.15"
cy="4.413"
cx="5.819"
style="fill:black;stroke:none" />
<circle
id="circle5676"
r="0.15"
cy="4.048"
cx="4.305"
style="fill:black;stroke:none" />
<circle
id="circle5678"
r="0.15"
cy="3.045"
cx="5.541"
style="fill:black;stroke:none" />
<circle
id="circle5680"
r="0.15"
cy="5.527"
cx="4.785"
style="fill:black;stroke:none" />
<circle
id="circle5682"
r="0.15"
cy="5.184"
cx="2.667"
style="fill:black;stroke:none" />
<circle
id="circle5684"
r="0.15"
cy="1.448"
cx="7.965"
style="fill:black;stroke:none" />
<circle
id="circle5686"
r="0.15"
cy="5.049"
cx="7.047"
style="fill:black;stroke:none" />
<circle
id="circle5688"
r="0.15"
cy="0.895"
cx="4.340"
style="fill:black;stroke:none" />
<circle
id="circle5690"
r="0.15"
cy="0.340"
cx="7.125"
style="fill:black;stroke:none" />
<circle
id="circle5692"
r="0.15"
cy="1.049"
cx="9.553"
style="fill:black;stroke:none" />
<circle
id="circle5694"
r="0.15"
cy="2.689"
cx="7.006"
style="fill:black;stroke:none" />
<circle
id="circle5696"
r="0.15"
cy="2.689"
cx="8.909"
style="fill:black;stroke:none" />
<circle
id="circle5698"
r="0.15"
cy="4.407"
cx="9.315"
style="fill:black;stroke:none" />
<circle
id="circle5700"
r="0.15"
cy="3.870"
cx="7.820"
style="fill:black;stroke:none" />
<circle
id="circle5702"
r="0.15"
cy="5.948"
cx="8.270"
style="fill:black;stroke:none" />
<circle
id="circle5704"
r="0.15"
cy="7.428"
cx="7.973"
style="fill:black;stroke:none" />
<circle
id="circle5706"
r="0.15"
cy="8.072"
cx="9.342"
style="fill:black;stroke:none" />
<circle
id="circle5708"
r="0.15"
cy="9.315"
cx="8.206"
style="fill:black;stroke:none" />
<circle
id="circle5710"
r="0.15"
cy="9.475"
cx="9.682"
style="fill:black;stroke:none" />
<circle
id="circle5712"
r="0.15"
cy="6.186"
cx="9.688"
style="fill:black;stroke:none" />
<circle
id="circle5714"
r="0.15"
cy="6.296"
cx="3.379"
style="fill:black;stroke:none" />
<circle
id="circle5716"
r="0.15"
cy="8.204"
cx="2.871"
style="fill:black;stroke:none" />
<circle
id="circle5718"
r="0.15"
cy="8.719"
cx="4.59"
style="fill:black;stroke:none" />
<circle
id="circle5720"
r="0.15"
cy="9.671"
cx="3.181"
style="fill:black;stroke:none" />
<circle
id="circle5722"
r="0.15"
cy="7.315"
cx="5.734"
style="fill:black;stroke:none" />
<circle
id="circle5724"
r="0.15"
cy="6.513"
cx="6.707"
style="fill:black;stroke:none" />
<circle
id="circle5726"
r="0.15"
cy="9.670"
cx="5.730"
style="fill:black;stroke:none" />
<circle
id="circle5728"
r="0.15"
cy="8.373"
cx="6.535"
style="fill:black;stroke:none" />
<circle
id="circle5730"
r="0.15"
cy="7.154"
cx="4.37"
style="fill:black;stroke:none" />
<circle
id="circle5732"
r="0.15"
cy="7.25"
cx="0.622"
style="fill:black;stroke:none" />
<circle
id="circle5734"
r="0.15"
cy="5.679"
cx="0.831"
style="fill:black;stroke:none" />
<circle
id="circle5736"
r="0.15"
cy="8.519"
cx="1.257"
style="fill:black;stroke:none" />
<circle
id="circle5738"
r="0.15"
cy="6.877"
cx="1.989"
style="fill:black;stroke:none" />
<circle
id="circle5740"
r="0.15"
cy="3.181"
cx="0.374"
style="fill:black;stroke:none" />
<circle
id="circle5742"
r="0.15"
cy="1.664"
cx="1.166"
style="fill:black;stroke:none" />
<circle
id="circle5744"
r="0.15"
cy="0.093"
cx="1.151"
style="fill:black;stroke:none" />
<circle
id="circle5746"
r="0.15"
cy="10.093"
cx="1.151"
style="fill:black;stroke:none" />
<circle
id="circle5748"
r="0.15"
cy="4.451"
cx="1.302"
style="fill:black;stroke:none" />
<circle
id="circle5750"
r="0.15"
cy="3.763"
cx="3.047"
style="fill:black;stroke:none" />
</pattern>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.49177593"
inkscape:cx="477.86375"
inkscape:cy="399.21176"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1366"
inkscape:window-height="734"
inkscape:window-x="0"
inkscape:window-y="18"
inkscape:window-maximized="1"
inkscape:measure-start="0,0"
inkscape:measure-end="0,0" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Capa 2" />
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-87)">
<rect
style="opacity:1;fill:#f7886c;fill-opacity:1;stroke:none;stroke-width:0.16465119;stroke-opacity:1"
id="rect6351"
width="227.6949"
height="45.884129"
x="65.001244"
y="207.55202" />
<rect
y="145.14215"
x="12.77956"
height="45.884129"
width="279.37857"
id="rect6353"
style="opacity:1;fill:#d2e8eb;fill-opacity:1;stroke:none;stroke-width:0.18238316;stroke-opacity:1" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Capa 3">
<g
aria-label="iNDUSTRIA pAISAIA"
style="font-style:normal;font-weight:normal;font-size:10.58333302px;line-height:1.25;font-family:sans-serif;text-align:end;letter-spacing:0px;word-spacing:0px;text-anchor:end;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332"
id="text12"
transform="translate(49.282195,-26.676145)">
<path
d="m -33.261913,116.32737 v -6.35 h 6.35 v -31.75 h -6.35 v -6.35 h 19.05 v 6.35 h -6.35 v 31.75 h 6.35 v 6.35 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path16"
inkscape:connector-curvature="0" />
<path
d="m -7.8619134,116.32737 v -44.45 h 6.3499999 l 15.8749995,31.75 v -31.75 h 6.35 v 44.45 h -6.35 l -15.8749995,-31.75 v 31.75 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path18"
inkscape:connector-curvature="0" />
<path
d="m 46.113084,109.97737 v -31.75 h -12.7 v 31.75 z m -19.05,6.35 v -44.45 h 19.05 q 2.629296,0 4.464843,1.885157 1.885157,1.835546 1.885157,4.464843 v 31.75 q 0,2.67891 -1.885157,4.51445 -1.835547,1.83555 -4.464843,1.83555 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path20"
inkscape:connector-curvature="0" />
<path
d="m 65.163084,116.32737 q -2.678906,0 -4.514453,-1.83555 -1.835547,-1.83554 -1.835547,-4.51445 v -38.1 h 6.35 v 38.1 h 12.7 v -38.1 h 6.35 v 38.1 q 0,2.67891 -1.885157,4.51445 -1.835547,1.83555 -4.464843,1.83555 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path22"
inkscape:connector-curvature="0" />
<path
d="m 96.913084,116.32737 q -2.678906,0 -4.514453,-1.83555 -1.835547,-1.83554 -1.835547,-4.51445 v -6.35 h 6.35 v 6.35 h 12.699996 v -12.7 H 96.913084 q -2.678906,0 -4.514453,-1.835547 -1.835547,-1.835547 -1.835547,-4.514453 v -12.7 q 0,-2.629297 1.835547,-4.464843 1.835547,-1.885157 4.514453,-1.885157 h 12.699996 q 2.6293,0 4.46485,1.885157 1.88515,1.835546 1.88515,4.464843 v 6.35 h -6.35 v -6.35 H 96.913084 v 12.7 h 12.699996 q 2.6293,0 4.46485,1.885156 1.88515,1.835547 1.88515,4.464844 v 12.7 q 0,2.67891 -1.88515,4.51445 -1.83555,1.83555 -4.46485,1.83555 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path24"
inkscape:connector-curvature="0" />
<path
d="m 128.66308,116.32737 v -38.1 h -9.525 v -6.35 h 25.4 v 6.35 h -9.525 v 38.1 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path26"
inkscape:connector-curvature="0" />
<path
d="m 169.93808,90.92737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -44.45 h 19.05 q 2.6293,0 4.46484,1.885157 1.88516,1.835546 1.88516,4.464843 v 12.7 q 0,2.678906 -1.88516,4.514453 -1.83554,1.835547 -4.46484,1.835547 h -3.175 l 9.525,19.05 h -6.35 l -9.525,-19.05 h -3.175 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path28"
inkscape:connector-curvature="0" />
<path
d="m 182.63808,116.32737 v -6.35 h 6.35 v -31.75 h -6.35 v -6.35 h 19.05 v 6.35 h -6.35 v 31.75 h 6.35 v 6.35 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path30"
inkscape:connector-curvature="0" />
<path
d="m 227.08809,90.92737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -38.1 q 0,-2.629297 1.83555,-4.464843 1.83554,-1.885157 4.51445,-1.885157 h 12.7 q 2.6293,0 4.46484,1.885157 1.88516,1.835546 1.88516,4.464843 v 38.1 h -6.35 v -19.05 h -12.7 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path32"
inkscape:connector-curvature="0" />
<path
d="m 49.288086,154.42737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -44.45 h 19.05 q 2.629297,0 4.464843,1.88516 1.885157,1.83554 1.885157,4.46484 v 12.7 q 0,2.67891 -1.885157,4.51445 -1.835546,1.83555 -4.464843,1.83555 h -12.7 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path34"
inkscape:connector-curvature="0" />
<path
d="m 81.038086,154.42737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -38.1 q 0,-2.6293 1.835547,-4.46484 1.835547,-1.88516 4.514453,-1.88516 h 12.7 q 2.629297,0 4.464843,1.88516 1.885157,1.83554 1.885157,4.46484 v 38.1 h -6.35 v -19.05 h -12.7 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path36"
inkscape:connector-curvature="0" />
<path
d="m 93.738086,179.82737 v -6.35 h 6.350004 v -31.75 h -6.350004 v -6.35 h 19.050004 v 6.35 h -6.35 v 31.75 h 6.35 v 6.35 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path38"
inkscape:connector-curvature="0" />
<path
d="m 125.48809,179.82737 q -2.67891,0 -4.51446,-1.83555 -1.83554,-1.83554 -1.83554,-4.51445 v -6.35 h 6.35 v 6.35 h 12.7 v -12.7 h -12.7 q -2.67891,0 -4.51446,-1.83555 -1.83554,-1.83554 -1.83554,-4.51445 v -12.7 q 0,-2.6293 1.83554,-4.46484 1.83555,-1.88516 4.51446,-1.88516 h 12.7 q 2.62929,0 4.46484,1.88516 1.88516,1.83554 1.88516,4.46484 v 6.35 h -6.35 v -6.35 h -12.7 v 12.7 h 12.7 q 2.62929,0 4.46484,1.88516 1.88516,1.83554 1.88516,4.46484 v 12.7 q 0,2.67891 -1.88516,4.51445 -1.83555,1.83555 -4.46484,1.83555 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path40"
inkscape:connector-curvature="0" />
<path
d="m 169.93809,154.42737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -38.1 q 0,-2.6293 1.83554,-4.46484 1.83555,-1.88516 4.51446,-1.88516 h 12.7 q 2.62929,0 4.46484,1.88516 1.88516,1.83554 1.88516,4.46484 v 38.1 h -6.35 v -19.05 h -12.7 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path42"
inkscape:connector-curvature="0" />
<path
d="m 182.63808,179.82737 v -6.35 h 6.35 v -31.75 h -6.35 v -6.35 h 19.05 v 6.35 h -6.35 v 31.75 h 6.35 v 6.35 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path44"
inkscape:connector-curvature="0" />
<path
d="m 227.08809,154.42737 v -12.7 h -12.7 v 12.7 z m -19.05,25.4 v -38.1 q 0,-2.6293 1.83555,-4.46484 1.83554,-1.88516 4.51445,-1.88516 h 12.7 q 2.6293,0 4.46484,1.88516 1.88516,1.83554 1.88516,4.46484 v 38.1 h -6.35 v -19.05 h -12.7 v 19.05 z"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:50.79999924px;font-family:Manteka;-inkscape-font-specification:Manteka;text-align:end;text-anchor:end;stroke-width:0.26458332"
id="path46"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

BIN
src/assets/logo.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/assets/manteka.eot Normal file

Binary file not shown.

BIN
src/assets/manteka.ttf Normal file

Binary file not shown.

BIN
src/assets/manteka.woff Normal file

Binary file not shown.

View File

@ -1,8 +1,8 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="es">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>IndustriaPaisaia</title> <title>Industria Paisaia | Memoria y paisaje industrial . Irizar</title>
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">

View File

@ -1 +1,128 @@
/* You can add global styles to this file, and also import other style files */ /* 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;}