link teatrar y resize img biblioteca digital

Author: nidiah

Gemfile

@@ -10,4 +10,7 @@ gem "webrick", "~> 1.8"
 gem "jekyll-redirect-from"
 gem "jekyll-multiple-languages-plugin"
 gem "jekyll-feed"
-gem "jekyll-remote-theme"
+gem "jekyll-remote-theme"
+gem "base64"
+gem "logger"
+gem "bigdecimal"

_i18n/en.yml

@@ -27,6 +27,7 @@ titles:
   publications: "Publications"
   categories: "Categories"
   notfound: "Page not found"
+  misc: "Miscellaneous texts"
 form:
   name: Name
   email: Email

_i18n/es.yml

@@ -27,6 +27,7 @@ titles:
   publications: "Publicaciones"
   categories: "Categorías"
   notfound: "Página no encontrada"
+  misc: "Miscelánea"
 form:
   name: Nombre
   email: Email

_pages/bibliotecadigital.html

@@ -24,47 +24,70 @@ <h1 class="hero__title">{% t titles.library %}</h1>
     <!-- Card LAM -->
 
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_arg-manus-pagina-uno.png"/></a>
+      <a href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/arg-manus-pagina-uno.png"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank">
       	<p style="font-size: 10px; text-align:left;">Imagen: gallica.bnf.fr</p>
       	<h2>La Argentina Manuscrita</h2>
       </a>
     </div>
     <!-- Card ACARETE -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_acarete-1943-cover.jpg"/></a>
+      <a href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/acarete-1943-cover.jpg"/>
+        </figure></a>
       <a class="post-card__inner" href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank">
       	<p style="font-size: 10px; text-align:left;">Imagen: Cervantes Virtual</p>
       	<h2>Relación de un viaje</h2>
       </a>
     </div>
     <!-- Card PERO HERNANDEZ -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="http://hdlabconicet.github.io/Relacion-de-las-cosas-sucedidas/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_relacion-descubrimiento-perohernandez-cover.jpg"/></a>
+      <a href="http://hdlabconicet.github.io/Relacion-de-las-cosas-sucedidas/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/relacion-descubrimiento-perohernandez-cover.jpg"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="http://hdlabconicet.github.io/Relacion-de-las-cosas-sucedidas/" target="_blank">
         <p style="font-size: 10px; text-align:left;">Imagen: Cervantes Virtual</p>
         <h2>Relación de las cosas sucedidas</h2>
       </a>
     </div>
     <!-- Card PIGAFETTA -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="http://nidiah.github.io/Primer-viaje-alrededor-del-mundo/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_pg_0015.jpg"/></a>
+      <a href="http://nidiah.github.io/Primer-viaje-alrededor-del-mundo/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/pg_0015.jpg"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="http://nidiah.github.io/Primer-viaje-alrededor-del-mundo/" target="_blank">
         <p style="font-size: 10px; text-align:left;">Imagen: University of Texas Libraries</p>
         <h2>Primer viaje alrededor del mundo</h2>
       </a>
     </div>
    <!-- Card DEL BARCO CENTENERA -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-          <a href="http://hdlabconicet.github.io/argentina-y-conquista-del-rio-de-la-plata/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_argentina-y-conquista-del-barco-centenera-cover.png"/></a>
-<a class="post-card__inner" href="http://hdlabconicet.github.io/argentina-y-conquista-del-rio-de-la-plata/" target="_blank">
+      <a href="http://hdlabconicet.github.io/argentina-y-conquista-del-rio-de-la-plata/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/argentina-y-conquista-del-barco-centenera-cover.png"/>
+        </figure>
+      </a>
+      <a class="post-card__inner" href="http://hdlabconicet.github.io/argentina-y-conquista-del-rio-de-la-plata/" target="_blank">
         <p style="font-size: 10px; text-align:left;">Imagen: John Carter Brown Library</p>
         <h2>Argentina y Conquista del Río de la Plata</h2>
-  </a>
-      </div>
+      </a>
+    </div>
     <!-- Card ULRICO -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="https://hdlab.space/viaje-al-rio-de-la-plata/" target="_blank"><img src="{{site.baseurl}}/assets/img/ulrico_chico.jpg"/></a>
+      <a href="https://hdlab.space/viaje-al-rio-de-la-plata/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/ulrico.jpg"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="https://hdlab.space/viaje-al-rio-de-la-plata/" target="_blank">
         <p style="font-size: 10px; text-align:left;">Imagen: University of Illinois</p>
         <h2>Viaje al Río de la Plata</h2>
@@ -73,55 +96,87 @@ <h2>Viaje al Río de la Plata</h2>
   </div>
 </div>
 
-<h2>Miscelánea/Miscellaneous texts</h2>
+<h2>{% t titles.misc %}</h2>
 
 <div class="container">
   <div class="post-list" itemscope="" itemtype="http://schema.org/Blog">
     <!-- Card POESIA MEDIEVAL -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_Cancioneiro_da_Ajuda_151_37.jpg"/></a>
+      <a href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/Cancioneiro_da_Ajuda_151_37.jpg"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank" title="via Wikimedia Commons">
         <p style="font-size: 10px; text-align:left;">Imagen: Biblioteca da Ajuda</p>
         <h2>Poesía Medieval</h2>
       </a>
     </div>
     <!-- Card DIÁLOGO PINTURA MÉXICO -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dialogo_pintura_mexico.jpg"/></a>
+      <a href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/dialogo_pintura_mexico.jpg"/></a>
+        </figure>
       <a class="post-card__inner" href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank" title="via Wikimedia Commons">
         <p style="font-size: 10px; text-align:left;">Imagen: Portada del libro Diálogo sobre la historia de la pintura en México</p>
         <h2>Diálogo sobre la historia de la pintura en México</h2>
       </a>
     </div>
             <!-- Card CARTAS DE BUSA -->
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="https://hdlab.space/cartas_busa/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dibujo_busa_index.jpg"/></a>
-      <a class="post-card__inner" href="https://hdlab.space/cartas_busa/" target="_blank" title="via Wikimedia Commons">
-        <p style="font-size: 10px; text-align:left;">Imagen: Dibujo de la serie de postales de Navidad que Busa encargaba todos los años a Marina Molino.</p>
+      <a href="https://hdlab.space/cartas_busa/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/dibujo_busa_index.jpg"/>
+        </figure>
+      </a>
+      <a class="post-card__inner" href="https://hdlab.space/cartas_busa/" target="_blank">
+        <p style="font-size: 10px; text-align:left;">Imagen: Dibujo de la serie de postales de Navidad que Busa encargaba todos los años a Marina Molino</p>
         <h2>Cartas del Padre Busa</h2>
       </a>
     </div>
 
     <!-- Card COLECCIÓN FOULCHÉ DELBOSC-->
 
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank"><img src="{{site.baseurl}}/assets/img/foulche-delbosc-chico.jpg"/></a>
+      <a href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/foulche-delbosc.jpg"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank" title="via Wikimedia Commons">
-        <p style="font-size: 10px; text-align:left;">Imagen: Retrato de Foulché-Delbosc.</p>
-        <h2>La Colección Foulché-Delbosc, de la Historia del Libro y la Edición a las Humanidades Digitales</h2>
+        <p style="font-size: 10px; text-align:left;">Imagen: Retrato de Foulché-Delbosc</p>
+        <h2>Colección Foulché-Delbosc</h2>
       </a>
     </div>
 
 
     <!-- Card LIBRO DE MOTES -->
 
     <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
-      <a href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank"><img src="{{site.baseurl}}/assets/img/chicos_motes.jpg"/></a>
+      <a href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/motes.png"/>
+        </figure>
+      </a>
       <a class="post-card__inner" href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank" title="via Wikimedia Commons">
-        <p style="font-size: 10px; text-align:left;">Imagen: Portada Libro de motes.</p>
+        <p style="font-size: 10px; text-align:left;">Imagen: Portada Libro de motes</p>
         <h2>Libro de motes de damas y caballeros</h2>
       </a>
     </div>
+
+    <!-- Card TEATRAR -->
+    <div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
+      <a href="https://hdlab.space/teatrar/" target="_blank">
+        <figure class="post-card__thumb">
+          <img src="{{site.baseurl}}/assets/img/biblioteca-digital/Coliseo-viejo.jpg"/>
+        </figure>
+      </a>
+      <a class="post-card__inner" href="https://hdlab.space/teatrar/" target="_blank">
+        <p style="font-size: 10px; text-align:left;">Imagen: Archivo General de la Nación</p>
+        <h2>TeatrAr</h2>
+      </a>
+    </div>
 
   </div>
 </div>