Fix some details

_layouts/talk.html

@@ -5,9 +5,12 @@
 <section class="schedule">
   <div>
     <h1>{{ page.title }}</h1>
+    <div class="schedule__tags">
+      <strong>{% for tag in page.tags %}{{ tag | upcase }}{% if page.tags.last != tag %}, {% endif %}{% endfor %}</strong>
+    </div>
     <div class="schedule__time">
       <span>
-        {{ page.time.start }} - {{ page.time.end }}
+        {{ page.time.start }}<span>-</span>{{ page.time.end }}
       </span>
     </div>
     {% for d in page.desc %}

_talks/04-sonia-ruiz.md

@@ -4,7 +4,7 @@ permalink: sonia-ruiz
 
 title: Arte generativo con CSS
 desc:
-  - ¿Sabías que a través del arte generativo podemos generar obras autónomas a partir de un algoritmo? En esta charla vamos a aprender cómo utilizar CSS para crear arte, de la mano de <css-doodle>, un Web Component para dibujar patrones que pensarías que son imposibles de hacer con CSS.
+  - '¿Sabías que a través del arte generativo podemos generar obras autónomas a partir de un algoritmo? En esta charla vamos a aprender cómo utilizar CSS para crear arte, de la mano de &lt;css-doodle /&gt, un Web Component para dibujar patrones que pensarías que son imposibles de hacer con CSS.'
 tags:
   - CSS
   - Arte

_talks/06-henar-hernandez.md

@@ -2,14 +2,14 @@
 layout: talk
 permalink: henar-hernandez
 
-title: Programación funcional para el día a día ¿mito o realidad?
+title: Programación funcional para el día a día, ¿mito o realidad?
 desc:
-  - La programación funcional está de moda, eso es así. Este paradigma de programación constituye los cimientos de tecnologías tan punteras como react y sus hooks, redux o los observables rxjs.
-  - La mayoría de los desarrolladores ya tenemos asimilados sus conceptos más básicos como reduce, map, filter… algunos incluso hacen katas con currificación o inmutabilidad. Sin embargo, integrarlo en nuestro día a día , no siempre es sencillo, estamos acostumbrados a una programación imperativa con la que nos es difícil romper.
+  - La programación funcional está de moda, eso es así. Este paradigma de programación constituye los cimientos de tecnologías tan punteras como React y sus hooks, Redux o los observables RxJS.
+  - La mayoría de los desarrolladores ya tenemos asimilados sus conceptos más básicos como reduce, map, filter… algunos incluso hacen katas con currificación o inmutabilidad. Sin embargo, integrarlo en nuestro día a día no siempre es sencillo, estamos acostumbrados a una programación imperativa con la que nos es difícil romper.
   - En esta charla abordaremos problemas a los que nos enfrentamos a diario los programadores e intentaremos darle un enfoque funcional, descubriendo, la forma de integrar este paradigma en nuestro trabajo habitual y las ventajas que nos reporta. Plantearemos ejemplos prácticos que nos permitan salir de nuestra zona de comfort programático y empezar a explorar el universo funcional más allá de la vía láctea imperativa.
 tags:
   - Programación funcional
-  - High Order Components
+  - Higher-Order Components
 time:
   start: "12:00"
   end: "12:45"
@@ -20,7 +20,7 @@ speakers:
   bio:
     - Soy Licenciada en Ciencias Químicas por la Universidad Complutense y Doctora en Física de Sistemas Complejos por la UPM. Mi tesis consta de un montón de líneas de código escritas principalmente en C (con memoria dinámica, punteros y esas cosas bonitas que a nadie asustan), pero también, algunas, en FORTRAN (los compiladores son mis amigos).
     - Tras doctorarme tocó salir al mundo de la empresa y tras varios intentos fallidos (editora, profesora, etc.) caí en el mundo del desarrollo en JS y tuve un “crush”, tanto con el lenguaje como con las comunidades.
-    - Actualmente trabajo en eldiario.es donde hacemos cosas chulas con datos y herramientas para todo el equipo. Podéis encontrarme (dando el callo y la turra) en las comunidades functionalJS y nodegirlsmadrid.
+    - Actualmente trabajo en eldiario.es donde hacemos cosas chulas con datos y herramientas para todo el equipo. Podéis encontrarme (dando el callo y la turra) en las comunidades functionalJS y NodeGirlsMadrid.
   sn:
     twitter: HenarMendiola
     github: Maritxis

assets/css/main.css

@@ -375,8 +375,13 @@ hr {
   padding: 0;
 }
 
+.schedule__tags {
+  margin-top: 8px;
+}
+
 .schedule li {
   display: flex;
+  border-bottom: 4px solid black;
 }
 
 .schedule__author {
@@ -388,15 +393,20 @@ hr {
   margin: 24px 0 32px 0;
 }
 
-.schedule__time span,
-.schedule__time div {
+.schedule__time > span,
+.schedule__time > div {
   white-space: nowrap;
   background: black;
   color: white;
   font-weight: bold;
   padding: 12px 12px 8px 12px;
 }
 
+.schedule__time > span > span,
+.schedule__time > div > span {
+  padding: 0 3px;
+}
+
 .schedule__data {
   margin-left: 30px;
   margin-top: 15px;

pages/schedule.md

@@ -10,7 +10,7 @@ permalink: /schedule/
     {% for talk in site.talks %}
       {% if talk.desc %}
         <li>
-          <div class="schedule__time"><div>{{ talk.time.start }} - {{ talk.time.end }}</div></div>
+          <div class="schedule__time"><div>{{ talk.time.start }}<span>-</span>{{ talk.time.end }}</div></div>
           <div class="schedule__data">
             <a href="{{ talk.url }}"><h2>{{ talk.title }}</h2></a>
             {% for speaker in talk.speakers %}
@@ -20,7 +20,7 @@ permalink: /schedule/
         </li>
       {% else %}
         <li>
-          <div class="schedule__time"><span>{{ talk.time.start }} - {{ talk.time.end }}</span></div>
+          <div class="schedule__time"><span>{{ talk.time.start }}<span>-</span>{{ talk.time.end }}</span></div>
           <div class="schedule__data">
             <h3>{{ talk.title }}</h3>
           </div>