Industria Paisaia Frontend - Angular 5
This commit is contained in:
parent
74c710a90c
commit
26483ffe1e
@ -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>
|
|
||||||
|
|
||||||
|
@ -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';
|
||||||
}
|
}
|
||||||
|
@ -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
|
||||||
|
0
src/app/footer/footer.component.css
Normal file
0
src/app/footer/footer.component.css
Normal file
5
src/app/footer/footer.component.html
Normal file
5
src/app/footer/footer.component.html
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
<footer class="single">
|
||||||
|
<p>© 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>
|
25
src/app/footer/footer.component.spec.ts
Normal file
25
src/app/footer/footer.component.spec.ts
Normal 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();
|
||||||
|
});
|
||||||
|
});
|
15
src/app/footer/footer.component.ts
Normal file
15
src/app/footer/footer.component.ts
Normal 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() {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
0
src/app/header/header.component.css
Normal file
0
src/app/header/header.component.css
Normal file
1
src/app/header/header.component.html
Normal file
1
src/app/header/header.component.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
<header class="homepage" id="header"></header>
|
25
src/app/header/header.component.spec.ts
Normal file
25
src/app/header/header.component.spec.ts
Normal 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();
|
||||||
|
});
|
||||||
|
});
|
15
src/app/header/header.component.ts
Normal file
15
src/app/header/header.component.ts
Normal 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() {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
0
src/app/menu/menu.component.css
Normal file
0
src/app/menu/menu.component.css
Normal file
19
src/app/menu/menu.component.html
Normal file
19
src/app/menu/menu.component.html
Normal 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>
|
25
src/app/menu/menu.component.spec.ts
Normal file
25
src/app/menu/menu.component.spec.ts
Normal 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();
|
||||||
|
});
|
||||||
|
});
|
15
src/app/menu/menu.component.ts
Normal file
15
src/app/menu/menu.component.ts
Normal 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() {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
0
src/app/section/section.component.css
Normal file
0
src/app/section/section.component.css
Normal file
11
src/app/section/section.component.html
Normal file
11
src/app/section/section.component.html
Normal 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>
|
25
src/app/section/section.component.spec.ts
Normal file
25
src/app/section/section.component.spec.ts
Normal 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();
|
||||||
|
});
|
||||||
|
});
|
15
src/app/section/section.component.ts
Normal file
15
src/app/section/section.component.ts
Normal 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() {
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
442
src/assets/industria-paisaia.svg
Normal file
442
src/assets/industria-paisaia.svg
Normal 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
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
BIN
src/assets/manteka.eot
Normal file
Binary file not shown.
BIN
src/assets/manteka.ttf
Normal file
BIN
src/assets/manteka.ttf
Normal file
Binary file not shown.
BIN
src/assets/manteka.woff
Normal file
BIN
src/assets/manteka.woff
Normal file
Binary file not shown.
@ -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">
|
||||||
|
127
src/styles.css
127
src/styles.css
@ -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;}
|
||||||
|
Loading…
Reference in New Issue
Block a user