[WIP] New data structure

frontfest · Dec 9, 2019 · 38db5d8 · 38db5d8
1 parent 4bd218c
commit 38db5d8
Show file tree

Hide file tree

Showing 18 changed files with 360 additions and 212 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/_config.yml b/_config.yml
@@ -58,3 +58,7 @@ plugins:
 #   - vendor/cache/
 #   - vendor/gems/
 #   - vendor/ruby/
+
+collections:
+  talks:
+    output: true
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,59 +1,33 @@
 <footer class="footer">
 
-    <nav class="footer-nav nav">
-        <ul>
-            <li><a target="_blank" rel="noopener" href="https://twitter.com/{{ site.username }}">Twitter</a></li>
-            <li><a target="_blank" rel="noopener" href="https://youtube.com/{{ site.username }}">YouTube</a></li>
-            <li><a target="_blank" rel="noopener" href="https://github.com/{{ site.username }}/">GitHub</a></li>
-            <li><a target="_blank" rel="noopener" href="https://t.me/{{ site.username }}">Telegram</a></li>
-            <li><a target="_blank" rel="noopener" href="mailto:{{ site.email }}">Email</a></li>
-        </ul>
-    </nav>
-
-    <div class="footer-div">
-
-        <div class="footer-div-left">
-            <h2>FrontFest 2020 <small> 4ª edición</small></h2>
-
-            <p>
-                <a href="https://2017.frontfest.es">2017</a> /
-                <a href="https://2018.frontfest.es">2018</a> /
-                <a href="https://2019.frontfest.es">2019</a>
-            </p>
-        </div>
-
-        <div class="footer-div-right">
-            <a href="{{ '/' | relative_url }}">
-                <img src="{{ '/assets/img/frontfest.svg' | relative_url }}">
-            </a>
-        </div>
-
+  <nav class="footer-nav nav">
+    <ul>
+      <li><a target="_blank" rel="noopener" href="https://twitter.com/{{ site.username }}">Twitter</a></li>
+      <li><a target="_blank" rel="noopener" href="https://youtube.com/{{ site.username }}">YouTube</a></li>
+      <li><a target="_blank" rel="noopener" href="https://github.com/{{ site.username }}/">GitHub</a></li>
+      <li><a target="_blank" rel="noopener" href="https://t.me/{{ site.username }}">Telegram</a></li>
+      <li><a target="_blank" rel="noopener" href="mailto:{{ site.email }}">Email</a></li>
+    </ul>
+  </nav>
+
+  <div class="footer-div">
+
+    <div class="footer-div-left">
+      <h2>FrontFest 2020 <small> 4ª edición</small></h2>
+
+      <p>
+        <a href="https://2017.frontfest.es">2017</a> /
+        <a href="https://2018.frontfest.es">2018</a> /
+        <a href="https://2019.frontfest.es">2019</a>
+      </p>
+    </div>
 
+    <div class="footer-div-right">
+      <a href="{{ '/' | relative_url }}">
+        <img src="{{ '/assets/img/frontfest.svg' | relative_url }}">
+      </a>
+    </div>
 
+  </div>
 
-        <!-- <div class="footer-col-wrapper">
-        <div class="footer-col one-half">
-            <ul class="contact-list">
-            <li class="p-name">
-                {%- if site.author -%}
-                {{ site.author | escape }}
-                {%- endif -%}
-                </li>
-                {%- if site.email -%}
-                <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-                {%- endif -%}
-            </ul>
-        </div>
-    
-        <div class="footer-col one-half">
-            <p>{{- site.description | escape -}}</p>
-        </div>
-    
-        <div class="social-links">
-            {%- include social.html -%}
-        </div>
-        </div> -->
-
-    </div>
-
-</footer>
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,40 +1,40 @@
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <title>{{ site.title }}</title>
-
-    <meta name="description" content="{{ site.description }} @ {{ site.event_details }} {{ site.hashtag }}">
-    <meta name="keywords" content="evento, meetup, conferencia, madrid, software, comunidad, front-end, frontend, html, css, javascript, desarrollo web" />
-    <meta name="theme-color" content="#FFE7DE">
-
-    <!-- twitter card  -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:site" content="@{{ site.username }}" />
-    <meta name="twitter:creator" content="@{{ site.username }}" />
-    <meta name="twitter:url" content="{{ site.url }}" />
-    <meta name="twitter:title" content="{{ site.title }} | {{ site.description }}" /> <!-- maximum 140 char -->
-    <meta name="twitter:description" content="{{ site.event_details }}" /> <!-- maximum 140 char -->
-    <meta name="twitter:image" content="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" />  <!-- when you post this page url in twitter , this image will be shown -->
-    <!-- twitter card ends from here -->
-
-    <!-- facebook open graph  -->
-    <meta property="og:title" content="{{ site.title }} | {{ site.description }}" />
-    <meta property="og:url" content="{{ site.url }}" />
-    <meta property="og:locale" content="{{ site.locale }}" />
-    <meta property="og:site_name" content="{{ site.title }}" />
-    <meta property="og:description" content="{{ site.event_details }}" />
-    <meta property="og:type" content="website" />
-    <meta property="og:image" content="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" /> <!-- when you post this page url in facebook, this image will be shown -->
-    <!-- facebook open graph ends from here -->
+  <title>{{ site.title }}</title>
 
-    <link rel="icon" href="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" />
-    <link rel="canonical" href="{{ site.url }}" />
-    <link rel="manifest" href="manifest.json">
+  <meta name="description" content="{{ site.description }} @ {{ site.event_details }} {{ site.hashtag }}">
+  <meta name="keywords" content="evento, meetup, conferencia, madrid, software, comunidad, front-end, frontend, html, css, javascript, desarrollo web" />
+  <meta name="theme-color" content="#FFE7DE">
 
-    <link rel="stylesheet" href="{{ '/assets/css/normalize.css' | relative_url }}">
-    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+  <!-- twitter card  -->
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:site" content="@{{ site.username }}" />
+  <meta name="twitter:creator" content="@{{ site.username }}" />
+  <meta name="twitter:url" content="{{ site.url }}" />
+  <meta name="twitter:title" content="{{ site.title }} | {{ site.description }}" /> <!-- maximum 140 char -->
+  <meta name="twitter:description" content="{{ site.event_details }}" /> <!-- maximum 140 char -->
+  <meta name="twitter:image" content="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" />  <!-- when you post this page url in twitter , this image will be shown -->
+  <!-- twitter card ends from here -->
 
-    {%- feed_meta -%}
-</head>
+  <!-- facebook open graph  -->
+  <meta property="og:title" content="{{ site.title }} | {{ site.description }}" />
+  <meta property="og:url" content="{{ site.url }}" />
+  <meta property="og:locale" content="{{ site.locale }}" />
+  <meta property="og:site_name" content="{{ site.title }}" />
+  <meta property="og:description" content="{{ site.event_details }}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:image" content="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" /> <!-- when you post this page url in facebook, this image will be shown -->
+  <!-- facebook open graph ends from here -->
+
+  <link rel="icon" href="{{ '/assets/img/frontfest-logo-128x128.png' | relative_url }}" />
+  <link rel="canonical" href="{{ site.url }}" />
+  <link rel="manifest" href="manifest.json">
+
+  <link rel="stylesheet" href="{{ '/assets/css/normalize.css' | relative_url }}">
+  <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+
+  {%- feed_meta -%}
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,21 +1,21 @@
 <header>
-
-    <div class="header-inner">
-        <div class="header-inner-left">
-            <div class="claim">
-                <div><a href="{{ '/' | relative_url }}">{{ site.description }}</a></div>
-            </div>
-        </div>
 
-        <div class="header-inner-right">
-            <div>
-                <a target="_blank" rel="noopener" href="https://twitter.com/search?q=%23FrontFest20&src=typed_query">{{ site.hashtag }}</a>
-            </div>
-        </div>
+  <div class="header-inner">
+    <div class="header-inner-left">
+      <div class="claim">
+        <div><a href="{{ '/' | relative_url }}">{{ site.description }}</a></div>
+      </div>
     </div>
 
-    <div class="nav-wrapper">
-        {%- include nav.html -%}
+    <div class="header-inner-right">
+      <div>
+        <a target="_blank" rel="noopener" href="https://twitter.com/search?q=%23FrontFest20&src=typed_query">{{ site.hashtag }}</a>
+      </div>
     </div>
-
+  </div>
+
+  <div class="nav-wrapper">
+    {%- include nav.html -%}
+  </div>
+
 </header>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -1,9 +1,9 @@
 <nav class="nav">
-    <ul>
-        <li><a>Entradas</a></li>
-        <li><a href="{{ '/speakers' | relative_url }}">Ponentes</a></li>
-        <li><a>Agenda</a></li>
-        <li><a href="{{ '/coc' | relative_url }}">Código de conducta</a></li>
-        <li><a href="https://blog.frontfest.es">Blog</a></li>
-    </ul>
-</nav>
+  <ul>
+    <li><a>Entradas</a></li>
+    <li><a href="{{ '/speakers' | relative_url }}">Ponentes</a></li>
+    <li><a href="{{ '/schedule' | relative_url }}">Agenda</a></li>
+    <li><a href="{{ '/coc' | relative_url }}">Código de conducta</a></li>
+    <li><a href="https://blog.frontfest.es">Blog</a></li>
+  </ul>
+</nav>
diff --git a/_includes/social.html b/_includes/social.html
diff --git a/_layouts/talk.html b/_layouts/talk.html
@@ -0,0 +1,39 @@
+---
+layout: default
+---
+
+<section class="schedule">
+  <div>
+    <h1>{{ page.title }}</h1>
+    <p>{{ page.time }}</p>
+    {% for d in page.desc %}
+      <p>{{ d }}</p>
+    {% endfor %}
+    <div>
+      {% for speaker in page.speakers %}
+      <h3>{{ speaker.name }}</h3>
+      <div class="schedule__speaker">
+        <div class="schedule__speaker-img speaker-pic">
+          <div class="speaker-pic-img">
+            <img src="{{ '/assets/img/speakers/' | relative_url }}{{ speaker.pic }}">
+          </div>
+        </div>
+        <div class="schedule__speaker-bio">
+          {% for b in speaker.bio %}
+            <p>{{ b }}</p>
+          {% endfor %}
+          {% if speaker.sn.twitter %}
+            <p>{{speaker.sn.twitter}}</p>
+          {% endif %}
+          {% if speaker.sn.github %}
+            <p>{{speaker.sn.github}}</p>
+          {% endif %}
+          {% if speaker.sn.blog %}
+            <p>{{speaker.sn.blog}}</p>
+          {% endif %}
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>
diff --git a/_talks/slot1.md b/_talks/slot1.md
@@ -0,0 +1,6 @@
+---
+
+title: Recibimiento
+time: 09:45 - 10:15
+
+---
diff --git a/_talks/slot2.md b/_talks/slot2.md
@@ -0,0 +1,21 @@
+---
+layout: talk
+permalink: la-charla-1
+
+title: Mi awesómica charla está aquí
+desc:
+  - Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.
+  - No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
+time: 09:45 - 10:15
+speakers:
+- name: Adrià Fontcuberta
+  headline: Un desarrollador a quién le gusta hacer bien las cosas
+  pic: adria-fontcuberta.jpg
+  bio:
+    - Si lo tuviera que explicar en inglés diría que soy "a UI engineer interested in JavaScript, CSS, lean software development, XP, clean code, and everything in between". La traducción sería algo como "un desarrollador a quién le gusta hacer bien las cosas". Vaya, que ayudo a desarrollar aplicaciones útiles, usables y agradables
+  sn:
+    twitter: afontcu_
+    github: afontcu
+    blog: afontcu.dev
+
+---
diff --git a/_talks/slot3.md b/_talks/slot3.md
@@ -0,0 +1,30 @@
+---
+layout: talk
+permalink: la-charla-2
+
+title: ¡La otra charla super guay, a por ella!
+desc:
+  - Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen.
+  - No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.
+time: 10:20 - 11:05
+speakers:
+- name: Aída Albarrán
+  headline: Frontend Developer
+  pic: aida-albarran.jpg
+  bio:
+    - Soy desarrolladora de Frontend, con gran pasión por la lógica y un background muy variopinto, en el que se incluye la Psicología, los RRHH, la música y otras experiencias. El camino me llevó a convertirme en adalaber, por tanto, en desarrolladora, y lo que verdaderamente me terminó enamorando de esta profesión fue compartir varios meses de formación en Kairos con Carlos Blé, que me enseñó a trabajar con un código más mantenible, basado en patrones, principios SOLID y con el testing como amigo inseparable.
+  sn:
+    twitter: aidaispro
+    linkedin: aidaalbarran
+    github: Alienah
+    blog: alienah.github.com
+    medium: Aida_Pro_
+- name: Elena Ramírez
+  headline: Diseñadora y maquetadora web
+  pic: elena-ramirez.jpg
+  bio:
+    - Elena Ramírez es una diseñadora y maquetadora web de Sevilla. Co-fundadora del estudio de diseño Ashler Design, donde ha trabajado para clientes como Google, Telefónica o Porcelanosa, entre otras; y para fundiciones como Frere Jones Type, Sudtipos o Typerepublic, lo que le ha obligado a afilar su ojo tipográfico. Su trabajo ha sido reconocido por el Type Directors Club de Nueva York, los premios Laus, y Communications Arts entre otros.
+  sn:
+    twitter: lenatwitteada
+
+---
diff --git a/_talks/slot4.md b/_talks/slot4.md
@@ -0,0 +1,6 @@
+---
+
+title: Desayuno
+time: xx:xx - xx:xx
+
+---