Refresh the home page: shorter cards, news timeline, figures strip, recent papers

_data/highlights.yml

@@ -6,39 +6,39 @@
 
 - title: "Twitter — Elecciones 2019"
   blurb:
-    es: "Seguimiento de las Elecciones presidenciales de 2019."
-    en: "Tracking the 2019 Argentinian presidential elections."
-    fr: "Suivi des élections présidentielles argentines de 2019."
+    es: "Las elecciones presidenciales de 2019, vistas desde Twitter."
+    en: "The 2019 Argentine presidential elections, seen from Twitter."
+    fr: "Les élections présidentielles argentines de 2019, vues depuis Twitter."
   # The live site is gone (default nginx page); 2019 Wayback snapshot.
   url: "https://web.archive.org/web/20190912124205/http://elecciones2019.fi.uba.ar/"
 
 - title: "CDNs"
   blurb:
-    es: "Cómo los proveedores de contenido pasaron a estar en el centro de Internet."
-    en: "How Content Providers became central to the AS ecosystem after the rise of private CDNs."
-    fr: "Comment les fournisseurs de contenu sont devenus centraux dans l'écosystème des AS après l'essor des CDN privés."
+    es: "Cómo los proveedores de contenido llegaron al centro de Internet."
+    en: "How content providers moved to the center of the Internet."
+    fr: "Comment les fournisseurs de contenu sont arrivés au cœur d'Internet."
   # cnet.fi.uba.ar/TMA2018/ now meta-redirects here.
   url: "https://netcores.fi.uba.ar/"
 
 - title: "LaNet-vi"
   blurb:
-    es: "Software de visualización de redes grandes mediante k-núcleos."
-    en: "Large-network visualization software using k-cores and k-denses decomposition."
-    fr: "Logiciel de visualisation de grands réseaux par décomposition en k-cœurs et k-denses."
+    es: "Visualización de redes grandes mediante k-núcleos."
+    en: "Large-network visualization with k-cores."
+    fr: "Visualisation de grands réseaux par k-cœurs."
   url: "http://lanet-vi.fi.uba.ar/"
 
 - title: "I'm Here!"
   blurb:
-    es: "Visualizá un mapa de la topología de Internet indicando dónde estás."
-    en: "Visualize a map of the Internet topology, showing where you are."
-    fr: "Visualisez la topologie d'Internet et le point où vous vous trouvez."
+    es: "Un mapa de Internet que muestra dónde estás."
+    en: "A map of the Internet that shows where you are."
+    fr: "Une carte d'Internet qui montre où vous êtes."
   url: "http://lanet-vi.fi.uba.ar/i-am-here"
 
 - title: "TiX"
   blurb:
-    es: "Traffic information eXchange — herramienta para medir la calidad de su acceso a Internet."
-    en: "Traffic information eXchange — a tool to measure the quality of your Internet access."
-    fr: "Traffic information eXchange — outil de mesure de la qualité de votre accès Internet."
+    es: "Medí la calidad de tu acceso a Internet."
+    en: "Measure the quality of your Internet access."
+    fr: "Mesurez la qualité de votre accès Internet."
   url: "https://github.com/TiX-measurements"
   cta:
     es: "Código en GitHub"
@@ -47,9 +47,9 @@
 
 - title: "UBACyT"
   blurb:
-    es: "Internet: medición de QoS domiciliaria, análisis tomográfico y propuestas de algoritmos de ruteo."
-    en: "Internet: residential QoS measurement, tomographic analysis, and routing-algorithm proposals."
-    fr: "Internet : mesure de la QoS résidentielle, analyse tomographique et propositions d'algorithmes de routage."
+    es: "Calidad de servicio domiciliaria, tomografía y ruteo en Internet."
+    en: "Residential quality of service, tomography, and routing on the Internet."
+    fr: "Qualité de service résidentielle, tomographie et routage sur Internet."
   # Internal link: polyglot prefixes /en/ or /fr/ automatically.
   url: "/projects/"
   cta:

_data/home.yml

@@ -0,0 +1,68 @@
+# =============================================================================
+# CoNexDat — home page labels (rendered by _includes/home.html).
+# The three _pages/home*.md files only set front matter and include that file,
+# so every label lives here in the three languages.
+# =============================================================================
+
+affiliations_label:
+  es: "Pertenencia institucional"
+  en: "Affiliations"
+  fr: "Affiliations institutionnelles"
+
+# Section headings
+areas_label:
+  es: "Áreas de investigación"
+  en: "Research areas"
+  fr: "Axes de recherche"
+news_label:
+  es: "Noticias"
+  en: "News"
+  fr: "Actualités"
+recent_label:
+  es: "Publicaciones recientes"
+  en: "Recent publications"
+  fr: "Publications récentes"
+highlights_label:
+  es: "Proyectos destacados"
+  en: "Featured projects"
+  fr: "Projets phares"
+
+# Link labels
+more_label:
+  es: "Saber más"
+  en: "Learn more"
+  fr: "En savoir plus"
+all_publications_label:
+  es: "Ver todas las publicaciones"
+  en: "See all publications"
+  fr: "Voir toutes les publications"
+visit_label:
+  es: "Ir al sitio"
+  en: "Visit site"
+  fr: "Visiter le site"
+
+# Figures strip. Counts come from the bibliography and _data/ at build time;
+# `since` is the year of the oldest entry in _bibliography/conexdat.bib.
+since: 1995
+stats:
+  publications:
+    es: "publicaciones"
+    en: "publications"
+    fr: "publications"
+  theses:
+    es: "tesis dirigidas"
+    en: "theses supervised"
+    fr: "thèses dirigées"
+  projects:
+    es: "proyectos financiados"
+    en: "funded projects"
+    fr: "projets financés"
+  years:
+    es: "años de investigación"
+    en: "years of research"
+    fr: "années de recherche"
+
+intecin:
+  es: "Grupo de investigación perteneciente al"
+  en: "Research group within"
+  fr: "Groupe de recherche affilié à l'"

_data/research_areas.yml

@@ -12,6 +12,11 @@
     es: "Sistemas Complejos"
     en: "Complex Systems"
     fr: "Systèmes complexes"
+  # One line for the home-page card; `excerpt` is the longer text on /research/.
+  tagline:
+    es: "Descomposición en k-núcleos, comunidades y propagación en redes reales."
+    en: "k-core decomposition, communities, and propagation in real-world networks."
+    fr: "Décomposition en k-cœurs, communautés et propagation dans les réseaux réels."
   excerpt:
     es: "Estudiamos redes complejas con métodos como descomposición en *k-núcleos* y detección de comunidades. Aplicamos teoría de grafos y modelos de propagación a redes biológicas, sociales y tecnológicas."
     en: "We study complex networks via *k-core* decomposition and community detection. Graph theory and propagation models applied to biological, social and technological networks."
@@ -73,6 +78,11 @@
     es: "Ciencia de Datos"
     en: "Data Science"
     fr: "Science des données"
+  # One line for the home-page card; `excerpt` is the longer text on /research/.
+  tagline:
+    es: "Twitter, elecciones y movilidad humana a gran escala."
+    en: "Twitter, elections, and human mobility at scale."
+    fr: "Twitter, élections et mobilité humaine à grande échelle."
   excerpt:
     es: "Análisis a gran escala de trazas de Twitter, datos electorales y registros móviles (CDR). Inferimos movilidad humana, demanda de contenidos y dinámica de comunidades online."
     en: "Large-scale analysis of Twitter traces, electoral data, and Call Detail Records (CDR). We infer human mobility, content demand, and online community dynamics."
@@ -132,6 +142,11 @@
     es: "Internet"
     en: "Internet"
     fr: "Internet"
+  # One line for the home-page card; `excerpt` is the longer text on /research/.
+  tagline:
+    es: "Topología, tomografía y ruteo de Internet a nivel de sistemas autónomos."
+    en: "Internet topology, tomography, and routing at the autonomous-system level."
+    fr: "Topologie, tomographie et routage d'Internet au niveau des systèmes autonomes."
   excerpt:
     es: "Tomografía de Internet y modelado de su topología (BGP, IXPs, AS-level). Diseñamos protocolos de ruteo cuyas tablas crecen sub-linealmente con el tamaño de la red."
     en: "Internet tomography and topology modeling (BGP, IXPs, AS-level). We design routing protocols whose tables grow sub-linearly with network size."
@@ -231,6 +246,11 @@
     es: "Tráfico de red"
     en: "Network traffic"
     fr: "Trafic réseau"
+  # One line for the home-page card; `excerpt` is the longer text on /research/.
+  tagline:
+    es: "Tráfico autosimilar y medición de la calidad del acceso residencial."
+    en: "Self-similar traffic and quality measurement of residential Internet access."
+    fr: "Trafic autosimilaire et mesure de la qualité de l'accès résidentiel."
   excerpt:
     es: "Caracterización estadística *autosimilar* del tráfico residencial. Mediciones continuas de baja carga para evaluar QoS y detectar tráfico de IXPs y CDNs."
     en: "Statistical *self-similar* characterization of residential traffic. Continuous low-load probing for QoS assessment and IXP/CDN traffic detection."
@@ -287,6 +307,11 @@
     es: "Redes ad-hoc"
     en: "Ad-hoc networks"
     fr: "Réseaux ad-hoc"
+  # One line for the home-page card; `excerpt` is the longer text on /research/.
+  tagline:
+    es: "Ruteo bio-inspirado para redes inalámbricas sin infraestructura."
+    en: "Bio-inspired routing for infrastructure-less wireless networks."
+    fr: "Routage bio-inspiré pour les réseaux sans fil sans infrastructure."
   excerpt:
     es: "Protocolos de ruteo para redes inalámbricas sin infraestructura. Desarrollamos *ANTop* (algoritmo bio-inspirado) y lo evaluamos sobre el simulador QUENAS."
     en: "Routing protocols for infrastructure-less wireless networks. We developed *ANTop* (bio-inspired algorithm) and evaluated it on the QUENAS simulator."

_includes/home.html

@@ -0,0 +1,74 @@
+{%- comment -%}
+  Home page body, shared by _pages/home.md, home.en.md and home.fr.md.
+  Required: include.lang (es|en|fr). Labels live in _data/home.yml; cards come
+  from _data/research_areas.yml (tagline) and _data/highlights.yml; the news
+  timeline from _news/; the recent papers from jekyll-scholar. The page title
+  (H1) is rendered by the layout, so the first thing below it is the research
+  areas grid.
+{%- endcomment -%}
+{%- assign lang = include.lang | default: site.default_lang -%}
+{%- assign t = site.data.home -%}
+{%- assign year_now = site.time | date: "%Y" | plus: 0 -%}
+{%- assign years = year_now | minus: t.since -%}
+
+<div class="affiliations affiliations--compact">
+  <div class="affiliations__label">{{ t.affiliations_label[lang] }}</div>
+  <ul class="affiliations__list">
+    <li><a href="https://www.fi.uba.ar/institucional/departamentos/electronica">Departamento de Electrónica</a></li>
+    <li><a href="https://www.fi.uba.ar">Facultad de Ingeniería</a></li>
+    <li><a href="https://www.uba.ar">Universidad de Buenos Aires</a></li>
+    <li><a href="https://www.conicet.gov.ar">CONICET</a></li>
+  </ul>
+</div>
+
+<h2 id="areas" class="home-section-title">{{ t.areas_label[lang] }}</h2>
+
+<div class="home-grid home-grid--areas">
+  {%- for a in site.data.research_areas -%}
+  <a class="home-card" href="/research/{{ a.slug }}/">
+    <span class="home-card__icon"><i class="{{ a.icon }}" aria-hidden="true"></i></span>
+    <span class="home-card__title">{{ a.title[lang] }}</span>
+    <span class="home-card__text">{{ a.tagline[lang] }}</span>
+    <span class="home-card__more">{{ t.more_label[lang] }} <i class="fas fa-arrow-right" aria-hidden="true"></i></span>
+  </a>
+  {%- endfor -%}
+</div>
+
+<ul class="home-stats">
+  <li><a href="/publications/"><span class="home-stats__num">{% bibliography_count --file conexdat %}</span><span class="home-stats__label">{{ t.stats.publications[lang] }}</span></a></li>
+  <li><a href="/theses/"><span class="home-stats__num">{{ site.data.theses | size }}</span><span class="home-stats__label">{{ t.stats.theses[lang] }}</span></a></li>
+  <li><a href="/projects/"><span class="home-stats__num">{{ site.data.projects | size }}</span><span class="home-stats__label">{{ t.stats.projects[lang] }}</span></a></li>
+  <li><span class="home-stats__num">{{ years }}</span><span class="home-stats__label">{{ t.stats.years[lang] }}</span></li>
+</ul>
+
+<h2 id="news">{{ t.news_label[lang] }}</h2>
+
+{% include news.html lang=lang limit=5 %}
+
+<h2 id="recent">{{ t.recent_label[lang] }}</h2>
+
+<div class="publications publications--home">
+{% bibliography --file conexdat --max 3 %}
+</div>
+<p class="home-more"><a class="btn btn--info" href="/publications/">{{ t.all_publications_label[lang] }} &raquo;</a></p>
+
+<h2 id="highlights">{{ t.highlights_label[lang] }}</h2>
+
+<div class="home-grid home-grid--projects">
+  {%- for h in site.data.highlights -%}
+  {%- if h.url and h.url != "" -%}
+  <a class="home-card" href="{{ h.url }}">
+    <span class="home-card__title">{{ h.title }}</span>
+    <span class="home-card__text">{{ h.blurb[lang] }}</span>
+    <span class="home-card__more">{{ h.cta[lang] | default: t.visit_label[lang] }} <i class="fas fa-arrow-right" aria-hidden="true"></i></span>
+  </a>
+  {%- else -%}
+  <div class="home-card">
+    <span class="home-card__title">{{ h.title }}</span>
+    <span class="home-card__text">{{ h.blurb[lang] }}</span>
+  </div>
+  {%- endif -%}
+  {%- endfor -%}
+</div>
+
+<p class="home-intecin"><em>{{ t.intecin[lang] }} <a href="https://intecin.fi.uba.ar">INTECIN — Instituto de Tecnologías y Ciencias de la Ingeniería "Ing. Hilario Fernández Long"</a>.</em></p>

_includes/news.html

@@ -1,27 +1,36 @@
 {%- comment -%}
-  Renders the news collection filtered by language.
-  Required: include.lang (es|en|fr), optional include.limit.
-  Mirrors al-folio's news table: date | message.
+  Renders the news collection as a timeline, filtered by language.
+  Required: include.lang (es|en|fr), optional include.limit (default 10).
+  Dates are written in the page language (day, abbreviated month, year).
 {%- endcomment -%}
 {%- assign lang = include.lang | default: site.default_lang -%}
 {%- assign limit = include.limit | default: 10 -%}
 {%- assign news_items = site.news | where: "lang", lang | sort: "date" | reverse -%}
+{%- if lang == "es" -%}
+  {%- assign months = "ene,feb,mar,abr,may,jun,jul,ago,sep,oct,nov,dic" | split: "," -%}
+{%- elsif lang == "fr" -%}
+  {%- assign months = "janv.,févr.,mars,avr.,mai,juin,juil.,août,sept.,oct.,nov.,déc." | split: "," -%}
+{%- else -%}
+  {%- assign months = "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec" | split: "," -%}
+{%- endif -%}
 
 {% if news_items.size > 0 %}
-  <div class="news">
-    <table>
-      {% for item in news_items limit: limit %}
-        <tr>
-          <th scope="row">{{ item.date | date: "%b %-d, %Y" }}</th>
-          <td>
-            {%- if item.inline -%}
-              {{ item.content | markdownify | remove: "<p>" | remove: "</p>" }}
-            {%- else -%}
-              <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
-            {%- endif -%}
-          </td>
-        </tr>
-      {% endfor %}
-    </table>
-  </div>
+  <ol class="news-timeline">
+    {% for item in news_items limit: limit %}
+      {%- assign m = item.date | date: "%-m" | minus: 1 -%}
+      <li class="news-timeline__item">
+        <time class="news-timeline__date" datetime="{{ item.date | date: '%Y-%m-%d' }}">
+          <span class="news-timeline__day">{{ item.date | date: "%-d" }}</span>
+          <span class="news-timeline__month">{{ months[m] }} {{ item.date | date: "%Y" }}</span>
+        </time>
+        <div class="news-timeline__body">
+          {%- if item.inline -%}
+            {{ item.content | markdownify | remove: "<p>" | remove: "</p>" }}
+          {%- else -%}
+            <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
+          {%- endif -%}
+        </div>
+      </li>
+    {% endfor %}
+  </ol>
 {% endif %}

_pages/home.en.md

@@ -5,52 +5,4 @@ title: "Complex Networks and Data Communication Group"
 author_profile: true
 ---
 
-<div class="affiliations">
-  <div class="affiliations__label">Affiliations</div>
-  <ul class="affiliations__list">
-    <li><a href="https://www.fi.uba.ar/institucional/departamentos/electronica">Departamento de Electrónica</a></li>
-    <li><a href="https://www.fi.uba.ar">Facultad de Ingeniería</a></li>
-    <li><a href="https://www.uba.ar">Universidad de Buenos Aires</a></li>
-    <li><a href="https://www.conicet.gov.ar">CONICET</a></li>
-  </ul>
-</div>
-
-## Research areas
-
-<div class="feature__wrapper">
-{% for a in site.data.research_areas %}
-  <div class="feature__item">
-    <div class="archive__item">
-      <div class="archive__item-body">
-        <h2 class="archive__item-title"><i class="{{ a.icon }}"></i> {{ a.title[page.lang] }}</h2>
-        <div class="archive__item-excerpt">{{ a.excerpt[page.lang] | markdownify }}</div>
-        <p><a class="btn btn--info" href="/research/{{ a.slug }}/">Learn more &raquo;</a></p>
-      </div>
-    </div>
-  </div>
-{% endfor %}
-</div>
-
-## News
-
-{% include news.html lang="en" %}
-
-## Featured projects
-
-<div class="feature__wrapper">
-{% for h in site.data.highlights %}
-  <div class="feature__item">
-    <div class="archive__item">
-      <div class="archive__item-body">
-        <h2 class="archive__item-title">{{ h.title }}</h2>
-        <div class="archive__item-excerpt"><p>{{ h.blurb.en }}</p></div>
-        {% if h.url and h.url != "" %}<p><a class="btn btn--info" href="{{ h.url }}">{{ h.cta.en | default: "Visit site" }} &raquo;</a></p>{% endif %}
-      </div>
-    </div>
-  </div>
-{% endfor %}
-</div>
-
----
-
-*Research group within [INTECIN — Instituto de Tecnologías y Ciencias de la Ingeniería "Ing. Hilario Fernández Long"](https://intecin.fi.uba.ar).*
+{% include home.html lang="en" %}