+ Errores en plantilla de entrevistas

+ Revisión 11 de enero de 2019 del mail de Lourdes

package.json

@@ -6,8 +6,8 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build --prod",
-		"build-i18n":"for lang in es eu; do ng build --output-path=dist/$lang --aot --bh /$lang/ --i18n-file=src/locale/messages.$lang.xlf --i18n-format=xlf --locale=$lang; done",
+    "build-i18n": "for lang in es eu; do ng build --output-path=dist/$lang --aot --bh /$lang/ --i18n-file=src/locale/messages.$lang.xlf --i18n-format=xlf --locale=$lang; done",
-   	"test": "ng test",
+    "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"
   },
@@ -49,7 +49,7 @@
     "karma-coverage-istanbul-reporter": "^1.2.1",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.1.2",
+    "protractor": "^5.4.2",
     "ts-node": "~4.1.0",
     "tslint": "~5.9.1",
     "typescript": "~2.5.3"

src/app/app-routing.module.ts

@@ -11,6 +11,8 @@ const routes: Routes = [
   { path: '', component: HomeComponent , pathMatch: 'full'},
   { path: 'entrevistas', component: InterviewComponent },
   { path: 'entrevistas/:id', component: InterviewComponent },
+  { path: 'elkarrizketak', component: InterviewComponent },
+  { path: 'elkarrizketak/:id', component: InterviewComponent },
   { path: ':id', component: PageComponent },
   { path: ':parent/intro', redirectTo:':parent'},
   { path: ':parent/:id', component: PageComponent},

src/app/app.module.ts

@@ -22,6 +22,7 @@ import { MenuChildsComponent } from './menu-childs/menu-childs.component';
 import { InterviewComponent } from './interview/interview.component';
 import { InterviewGridComponent } from './interview-grid/interview-grid.component';
 import { DedaloService } from './dedalo.service';
+import { HideMarkers } from './pipe';
 
 
 @NgModule({
@@ -35,7 +36,8 @@ import { DedaloService } from './dedalo.service';
     HomeComponent,
     MenuChildsComponent,
     InterviewComponent,
-    InterviewGridComponent
+    InterviewGridComponent,
+    HideMarkers,
   ],
   imports: [
     BrowserModule,

src/app/footer/footer.component.html

@@ -1,6 +1,6 @@
 <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>&copy; Museo Zumalakarregi. 2018 - <span i18n="copyright text">El contenido de este sitio web está bajo la licencia <a target="_blank" href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.es_ES">Creative Commons By-SA-NC</a></span> - <a routerLink="/texto-legal"><span i18n>Texto legal</span></a> </p>
-  <p>www.zumalakarregimuseoa.eus zuma@zm.net +34 000 00 00 00</p>
+  <p>www.zumalakarregimuseoa.eus - mzumalakarregi@gipuzkoa.eus - +34 943 88 99 00  - Muxika Egurastokia 6. 20216 Ormaiztegi (Gipuzkoa)</p>
-  <img title="Iniciativa del Museo Zumalakarregi" src="assets/zuma-dipu.jpg" style="margin:0 30px;"/>
+  <a href="http://www.zumalakarregimuseoa.eus"><img  title="Iniciativa del Museo Zumalakarregi" src="assets/zuma-dipu.jpg" style="margin:0 30px;"/></a>
-  <img title="Con el patrocinio de Irizar Sociedad Cooperativa" src="assets/irizar.jpg" style="max-width:100px;margin:0 30px;"/>
+  <a href="http://www.irizar.com/"><img title="Con el patrocinio de Irizar Sociedad Cooperativa" src="assets/irizar.jpg" style="max-width:100px;margin:0 30px;"/></a>
 </footer>

src/app/header/header.component.html

@@ -3,7 +3,7 @@
 			<div class="row" style="">
 				<div class="col-md-10 offset-md-1"><h1><span [innerHTML]=page.title></span></h1></div>
 				<div class="col-md-10 offset-md-1">
-					<h3 [innerHTML]="page.excerpt"></h3>
+					<h3 *ngIf="page.id!=0" [innerHTML]="page.excerpt"></h3>
 					<!-- <a href="#more">
 						<div class="arrow-down">&#8681;</div>
 					</a> -->

src/app/interview-grid/interview-grid.component.css

@@ -1,10 +1,12 @@
 .thumbnail-image {
   width: 100%;
-  height:100%;
+  /* height:100%; */
-  min-height: 150px;
+  height:200px;
+  /*min-height: 150px;*/
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
+  margin-top:25px;
 }
 
 .entrevista .item-container-wrapper {
@@ -21,3 +23,12 @@
 h2.thumbtitle {
   color:#f7886c;
 }
+
+h3.thumbsubtitle {
+  text-transform:none;
+  text-align:left;
+}
+
+ul {list-style:none;padding:0;}
+ul.interview-meta > li {margin-bottom:20px;text-transform:uppercase;color:#333;}
+ul.interview-meta > li ul li {text-transform:none;}

src/app/interview-grid/interview-grid.component.html

@@ -11,9 +11,17 @@
   <div class="row" *ngFor="let entrevista of entrevistas">
 <div class="col-md-3 offset-md-1 info">
   <!-- <h3 class="parent-header"><a href="entrevistas">Entrevistas</a></h3> -->
-  <h1><span>{{entrevista.title}}</span></h1>
+  <!-- <h1><span>{{entrevista.title}}</span></h1> -->
-  <!-- <h3>{{entrevista.date}}</h3> -->
+  <ul class="interview-meta">
-  <!-- <h2>{{entrevista.abstract}}</h2> -->
+    <!-- <li><strong><span i18n>Fecha:</span></strong>
+      <ul><li>{{entrevista.date}}</li></ul>
+    </li> -->
+    <li><strong><span i18n>Informantes:</span></strong>
+      <ul *ngIf="entrevista.informant">
+        <li *ngFor="let i of entrevista.informant; let i = index; let odd = odd"><span *ngIf="odd">{{i.surname}}; {{i.name}}</span></li>
+      </ul>
+    </li>
+  </ul>
   <!-- <ul class="filters">
     <li class="active"><a href="entrevistas">Entrevistas</a></li>
   </ul> -->
@@ -29,14 +37,17 @@
       </div> -->
       <!-- informant -->
       <!-- audiovisual -->
-      <div *ngFor="let video of entrevista.audiovisual; let i = index">
+      <div [innerHTML]="entrevista.abstract" style="margin-bottom:50px;"></div>
-        <div class="row" *ngIf="i==0">
+      <div *ngFor="let video of entrevista.audiovisual; let i = index;let odd = odd;">
-          <video controls style="width:auto;max-height:40vh; margin:auto;">
+        <div class="row" *ngIf="odd">
+          <video controls style="width:auto; margin:auto;">
             <source [src]="'https://dedalo.anorgatarrak.eus'+video.video" type="video/mp4">
           </video>
         </div>
-        <div class="row" *ngIf="i==0">
+        <div class="row" *ngIf="video.rsc36 && odd">
-          <div class="transcrip" style="max-height:40vh;overflow-y:scroll;margin-top:20px;" [innerHTML]="video.rsc36"></div>
+          <!-- replace(/([\[](.*?)[\]])+/ig,'') -->
+          <div class="transcrip" style="max-height:40vh;overflow-y:scroll;margin-top:20px;" [innerHTML]="video.rsc36 | hideMarkers">
+          </div>
         </div>
       </div>
   </div>
@@ -53,6 +64,7 @@
    <div class="col-md-7">
      <div class="item-container" style="width:auto;">
         <h2 class="thumbtitle">{{entrevista.title}}</h2>
+        <h3 class="thumbsubtitle"[innerHTML]="entrevista.abstract"></h3>
       </div>
   </div>
   <!-- <div class="col-md-4">

src/app/interview/interview.component.ts

@@ -1,9 +1,10 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, LOCALE_ID, Inject} from '@angular/core';
 import { PageItem } from '../page';
 import { InterviewItem } from '../interview';
 import { DedaloService } from '../dedalo.service';
 import { Entrevista } from '../entrevista';
 import { ActivatedRoute,Router, NavigationEnd } from "@angular/router";
+import { PageService } from '../page.service';
 
 @Component({
   selector: 'app-interview',
@@ -22,6 +23,8 @@ export class InterviewComponent implements OnInit {
   constructor(
     private entrevistaService : DedaloService,
     private route: ActivatedRoute,
+    @Inject(LOCALE_ID) protected localeId: string,
+    private pageService: PageService,
   ) {}
 
   ngOnInit() {
@@ -44,20 +47,33 @@ export class InterviewComponent implements OnInit {
       //     v.video = v.video.replace(/^.*[\\\/]/, '')
       //   })
       // })
+
+      console.log(this.localeId)
       this.entrevistas = data.result
-      this.entrevistas = this.entrevistas.filter(entrevista => entrevista.lang == 'lg-spa')
 
-      let p = new PageItem(
+      // TODO: Hacer peticion a Worpdress en vez de este sistema hardcoded..
-        '0',
+      let p;
-        'Entrevistas',
+      switch (this.localeId) {
-        'Archivo en contrucción de entrevistas realizadas en el proyecto Industria Paisaia',
+        case "es":
-        '',
+          this.entrevistas = this.entrevistas.filter(entrevista => entrevista.lang == 'lg-spa');
-        'entrevistas',
+          p = new PageItem('0','Entrevistas','Entrevistas en audio y vídeo del proyecto "Paisaje industrial"','','entrevistas','0');
-        '0'
+          p.language = {current:'entrevistas',es:{slug:'entrevistas'},eu:{slug:'elkarrizketak'}};
-      );
+          break;
-      p['background_image']="https://backend.industriapaisaia.eus/wp-content/uploads/2018/06/ZM_Made_in_Ormaiztegi_erakusketa_Irati-Otamendi_Hitzaldia-2016_02.jpg"
+        case "eu":
+          this.entrevistas = this.entrevistas.filter(entrevista => entrevista.lang == 'lg-eus');
+          p = new PageItem('0','Elkarrizketak','"Industria paisaia" proiektuaren inguruan egindako elkarrizketak, audian eta bideoan','','elkarrizketak','0');
+          p.language = {current:'elkarrizketak',es:{slug:'entrevistas'},eu:{slug:'elkarrizketak'}};
+          break;
+        default:
+          this.entrevistas = this.entrevistas.filter(entrevista => entrevista.lang == 'lg-eus');
+          p = new PageItem('0','Elkarrizketak','"Industria paisaia" proiektuaren inguruan egindako elkarrizketak, audian eta bideoan','','elkarrizketak','0');
+          p.language = {current:'elkarrizketak',es:{slug:'entrevistas'},eu:{slug:'elkarrizketak'}};
+      }
+      // --- end TODO --
+
+      p['background_image']="https://backend.industriapaisaia.eus/wp-content/uploads/2018/12/Colage-elkarrizketauak-1.jpg"
       this.pages = [p];
-
+      this.pageService.currentPage = p
       // console.log(this.entrevistas)
       // console.log(this.pages)
 

src/app/menu/menu.component.css

@@ -0,0 +1,3 @@
+#nav-texto-legal {display:none;}
+div.language span a {transition:0.3s;font-size:1em;padding:2px 5px;background-color:#000;font-weight:bold;color:#fff;}
+div.language span a:hover {background-color:#f7886c;}

src/app/menu/menu.component.html

@@ -3,7 +3,7 @@
   <nav>
     <ul class="nav">
       <!-- <li class="nav-item" [routerLink]='home' [routerLinkActive]="['active']">Inicio</li> -->
-      <li *ngFor="let page of pages" class="nav-item" [routerLink]=page.slug [routerLinkActive]="['active']">{{page.title}}</li>
+      <li *ngFor="let page of pages" class="nav-item" [routerLink]=page.slug [routerLinkActive]="['active']" [id]="'nav-'+page.slug">{{page.title}}</li>
     </ul>
   </nav>
   <!-- search -->
@@ -11,6 +11,6 @@
     <input type="search" placeholder="Search for a title..." value=""/>
   </div>
   <div class="language" style="">
-    <span><a [href]="getLink('eu')">EUS</a></span> <span>|</span> <span><a [href]="getLink('es')">ES</a></span>
+    <span><a [href]="getLink('eu')">EU</a></span> <span></span> <span><a [href]="getLink('es')">ES</a></span>
   </div>
 </div>

src/app/menu/menu.component.ts

@@ -21,6 +21,8 @@ export class MenuComponent implements OnInit {
   ngOnInit() {
     if (this.localeId==='es') this.homeImage = "industria-paisaia.es.svg";
     else if (this.localeId==='eu') this.homeImage = "industria-paisaia.svg";
+    //console.log(this.pages);
+    // this.pages = this.pages.filter(page => page.slug != 'texto-legal');
   }
 
   getLink(locale) {

src/app/page/page.component.html

@@ -19,8 +19,8 @@
 					<li>Video</li>
 					<li>Imágen</li>
 				</ul> -->
-        <app-menu-childs *ngIf="page.parent==0" [parent_id]="page.id" [parent_link]="page.link" [parent_title]="page.title"></app-menu-childs>
+        <app-menu-childs *ngIf="page.parent==0 && page.slug!='texto-legal'" [parent_id]="page.id" [parent_link]="page.link" [parent_title]="page.title"></app-menu-childs>
-        <app-menu-childs *ngIf="page.parent>0" [parent_id]="page.parent" [parent_title]="page.parent_title" [parent_link]="page.parent_link"></app-menu-childs>
+        <app-menu-childs *ngIf="page.parent>0 && page.slug!='texto-legal'" [parent_id]="page.parent" [parent_title]="page.parent_title" [parent_link]="page.parent_link"></app-menu-childs>
         <!-- imagenes en lista-->
       </div>
 			<div class="col-md-7 col-xm-12">
@@ -36,7 +36,7 @@
 				</div>
 			</section>
 				<section class="page-gallery" *ngIf="page.gallery.length>0 && page.gallery[0]">
-					<h2>Galería fotográfica</h2>
+					<h2 i18n>Galería fotográfica</h2>
   				<ks-modal-gallery [id]="0" [slideConfig]="{infinite: true, sidePreviews: {show: false}}" [buttonsConfig]="buttonsConfigIndustria" [previewConfig]="{visible: false}" [dotsConfig]="{visible: false}" [currentImageConfig]="{downloadable: true, description: {imageText:''}}" [modalImages]="page.gallery" [plainGalleryConfig]="customPlainGalleryRowDescConfig"></ks-modal-gallery>
 				</section>
 				<section class="section-publitas">
@@ -47,23 +47,23 @@
               <!-- <div><h3>{{page.pdf.title}}</h3></div> -->
 							<simple-pdf-viewer #pdfViewer [src]="page.pdf.url" [removePageBorders]="true" (onProgress)="onProgressPDF($event,page.pdf.filesize)"></simple-pdf-viewer>
 							<div class="pdf-buttons" *ngIf="!pdfViewer.isDocumentLoaded()">
-								<button>Cargando documento {{loaderPDF}}%</button>
+								<button><span i18n>Cargando documento</span> {{loaderPDF}}%</button>
 							</div>
 							<div class="pdf-buttons" style="" *ngIf="pdfViewer.isDocumentLoaded()">
-								<button (click)="pdfViewer.firstPage()">Primera página</button>
+								<button (click)="pdfViewer.firstPage()" i18n>Primera página</button>
-								<button (click)="pdfViewer.prevPage()">Anterior</button>
+								<button (click)="pdfViewer.prevPage()" i18n>Anterior</button>
 								<button>{{pdfViewer.getCurrentPage()}}/{{pdfViewer.getNumberOfPages()}}</button>
-								<button (click)="pdfViewer.nextPage()">Siguiente</button>
+								<button (click)="pdfViewer.nextPage()" i18n>Siguiente</button>
-								<button (click)="pdfViewer.lastPage()">Última página</button>
+								<button (click)="pdfViewer.lastPage()" i18n>Última página</button>
-                <button (click)="windowOpen(page.pdf.url)">Descarga</button>
+                <button (click)="windowOpen(page.pdf.url)" i18n>Descarga</button>
 							</div>
 							<div class="pdf-buttons pdf-buttons-bottom" style="" *ngIf="pdfViewer.isDocumentLoaded()">
-								<button (click)="pdfViewer.firstPage()">Primera página</button>
+								<button (click)="pdfViewer.firstPage()" i18n>Primera página</button>
-								<button (click)="pdfViewer.prevPage()">Anterior</button>
+								<button (click)="pdfViewer.prevPage()" i18n>Anterior</button>
 								<button>{{pdfViewer.getCurrentPage()}}/{{pdfViewer.getNumberOfPages()}}</button>
-								<button (click)="pdfViewer.nextPage()">Siguiente</button>
+								<button (click)="pdfViewer.nextPage()" i18n>Siguiente</button>
-								<button (click)="pdfViewer.lastPage()">Última página</button>
+								<button (click)="pdfViewer.lastPage()" i18n>Última página</button>
-                <button (click)="windowOpen(page.pdf.url)">Descarga</button>
+                <button (click)="windowOpen(page.pdf.url)" i18n>Descarga</button>
 							</div>
 						</div>
 					</div>

src/app/pipe.ts

@@ -0,0 +1,8 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({name: 'hideMarkers'})
+export class HideMarkers implements PipeTransform {
+  transform(value:string):string {
+    return value.replace(/([\[](.*?)[\]])+/ig,'');
+  }
+}

src/locale/messages.es.xlf

@@ -2,6 +2,111 @@
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en" datatype="plaintext" original="ng2.template">
     <body>
+      <trans-unit id="25c82e39720e69847de05cdec745e285e2e9cca0" datatype="html">
+        <source>El contenido de este sitio web está bajo la licencia <x id="START_LINK" ctype="x-a" equiv-text="&lt;a&gt;"/>Creative Commons By-SA-NC<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a&gt;"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <note priority="1" from="description">copyright text</note>
+      </trans-unit>
+      <trans-unit id="f413614f8e419403f1dc5809f07ebbd5aa5b8c67" datatype="html">
+        <source>Texto legal</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="a8709df32837914fd6b5ae84d2be5043e4f0aef6" datatype="html">
+        <source>Galería fotográfica</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">39</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4d6b1a0791686b20b722338c511db5c4fdebf8ad" datatype="html">
+        <source>Sección referente a</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="b7cdb7dcb55b7ccc5429c920fc4152df5c669560" datatype="html">
+        <source>en la publicación</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1af8b50dae005a00bc39c00a17693a6b46705677" datatype="html">
+        <source>Cargando documento</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">50</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="15bd9a60dbeb82c176a09f4d2653934414e9d528" datatype="html">
+        <source>Primera página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">53</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="41ada76252535a632219b680c25cebe9ccb3e16b" datatype="html">
+        <source>Anterior</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">54</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">62</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="0ac5848d3ee8b22b4f286fbd661a0649e42fe5ca" datatype="html">
+        <source>Siguiente</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">64</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="6c7999abba43653026019f7ad548bcd739891efc" datatype="html">
+        <source>Última página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">57</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">65</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="af830f23806e4451cb81b00b23cc9e59644b4c50" datatype="html">
+        <source>Descarga</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">58</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="d94368d7f34cb9a2d87629580a5ae428c64ee96a" datatype="html">
+        <source>Informantes:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/interview-grid/interview-grid.component.ts</context>
+          <context context-type="linenumber">19</context>
+        </context-group>
+      </trans-unit>
     </body>
   </file>
 </xliff>

src/locale/messages.eu.xlf

@@ -2,6 +2,114 @@
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en" datatype="plaintext" original="ng2.template">
     <body>
+      <trans-unit id="25c82e39720e69847de05cdec745e285e2e9cca0" datatype="html">
+        <source>El contenido de este sitio web está bajo la licencia <x id="START_LINK" ctype="x-a" equiv-text="&lt;a&gt;"/>Creative Commons By-SA-NC<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a&gt;"/></source>
+        <target>Web gune hau <x id="START_LINK" ctype="x-a" equiv-text="&lt;a&gt;"/>Creative Commons By-SA-NC<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a&gt;"/> lizentziapean dago</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <note priority="1" from="description">copyright text</note>
+      </trans-unit>
+      <trans-unit id="f413614f8e419403f1dc5809f07ebbd5aa5b8c67" datatype="html">
+        <source>Texto legal</source>
+        <target>Legal text</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="a8709df32837914fd6b5ae84d2be5043e4f0aef6" datatype="html">
+        <source>Galería fotográfica</source>
+        <target>Argazki galeria</target>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">39</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4d6b1a0791686b20b722338c511db5c4fdebf8ad" datatype="html">
+        <source>Sección referente a</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="b7cdb7dcb55b7ccc5429c920fc4152df5c669560" datatype="html">
+        <source>en la publicación</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1af8b50dae005a00bc39c00a17693a6b46705677" datatype="html">
+        <source>Cargando documento</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">50</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="15bd9a60dbeb82c176a09f4d2653934414e9d528" datatype="html">
+        <source>Primera página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">53</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="41ada76252535a632219b680c25cebe9ccb3e16b" datatype="html">
+        <source>Anterior</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">54</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">62</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="0ac5848d3ee8b22b4f286fbd661a0649e42fe5ca" datatype="html">
+        <source>Siguiente</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">64</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="6c7999abba43653026019f7ad548bcd739891efc" datatype="html">
+        <source>Última página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">57</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">65</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="af830f23806e4451cb81b00b23cc9e59644b4c50" datatype="html">
+        <source>Descarga</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">58</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="d94368d7f34cb9a2d87629580a5ae428c64ee96a" datatype="html">
+        <source>Informantes:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/interview-grid/interview-grid.component.ts</context>
+          <context context-type="linenumber">19</context>
+        </context-group>
+      </trans-unit>
     </body>
   </file>
 </xliff>

src/locale/messages.xlf

@@ -2,6 +2,111 @@
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
   <file source-language="en" datatype="plaintext" original="ng2.template">
     <body>
+      <trans-unit id="25c82e39720e69847de05cdec745e285e2e9cca0" datatype="html">
+        <source>El contenido de este sitio web está bajo la licencia <x id="START_LINK" ctype="x-a" equiv-text="&lt;a&gt;"/>Creative Commons By-SA-NC<x id="CLOSE_LINK" ctype="x-a" equiv-text="&lt;/a&gt;"/></source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+        <note priority="1" from="description">copyright text</note>
+      </trans-unit>
+      <trans-unit id="f413614f8e419403f1dc5809f07ebbd5aa5b8c67" datatype="html">
+        <source>Texto legal</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/footer/footer.component.ts</context>
+          <context context-type="linenumber">2</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="a8709df32837914fd6b5ae84d2be5043e4f0aef6" datatype="html">
+        <source>Galería fotográfica</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">39</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="4d6b1a0791686b20b722338c511db5c4fdebf8ad" datatype="html">
+        <source>Sección referente a</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="b7cdb7dcb55b7ccc5429c920fc4152df5c669560" datatype="html">
+        <source>en la publicación</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">44</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="1af8b50dae005a00bc39c00a17693a6b46705677" datatype="html">
+        <source>Cargando documento</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">50</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="15bd9a60dbeb82c176a09f4d2653934414e9d528" datatype="html">
+        <source>Primera página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">53</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">61</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="41ada76252535a632219b680c25cebe9ccb3e16b" datatype="html">
+        <source>Anterior</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">54</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">62</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="0ac5848d3ee8b22b4f286fbd661a0649e42fe5ca" datatype="html">
+        <source>Siguiente</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">56</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">64</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="6c7999abba43653026019f7ad548bcd739891efc" datatype="html">
+        <source>Última página</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">57</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">65</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="af830f23806e4451cb81b00b23cc9e59644b4c50" datatype="html">
+        <source>Descarga</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">58</context>
+        </context-group>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/page/page.component.ts</context>
+          <context context-type="linenumber">66</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="d94368d7f34cb9a2d87629580a5ae428c64ee96a" datatype="html">
+        <source>Informantes:</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">app/interview-grid/interview-grid.component.ts</context>
+          <context context-type="linenumber">19</context>
+        </context-group>
+      </trans-unit>
     </body>
   </file>
 </xliff>

src/styles.css

@@ -65,7 +65,7 @@ div.ia-section div.ia-home-excerpt { font-size:1.5em; }
 /*article*/
 
 article {padding-top:80px;}
-article img {max-width:100%; height:auto; border:0px solid #f7886c;margin:20px auto;filter:grayscale(0);box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.4);}
+article img {max-width:100%; height:auto; border:0px solid #f7886c; margin:20px auto;filter:grayscale(0);box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.4);}
 article img:hover {filter:none; box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.7);}
 article p {font-size:1.2rem;line-height:2;}
 article div.article-content a { color:#000; font-weight:bold; background:#d2e8eb;padding:5px;}
@@ -98,7 +98,7 @@ footer.single { min-height:100px; height:100%; margin-top:30px; padding:20px; co
 .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 {width:27%;margin:15px 15px 25px 15px;float:left;padding:0px; border:0px solid #E12323;transition:1s;}
 .item-container:hover {transform:translateY(-5px);}
 .item-container h3 {font-family:"Raleway";text-transform:uppercase;color:#000; margin-bottom:0; font-size:0.8em; text-align:right;padding:2px;cursor:pointer;}
 .item-container h3::after {content:'';}