Incrementa elementos da página principal, conserta tags

estrategias-adaptativas · May 5, 2024 · f3ba187 · f3ba187
1 parent 1ba2ca3
commit f3ba187
Show file tree

Hide file tree

Showing 36 changed files with 179 additions and 80 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -69,6 +69,10 @@ module.exports = function(eleventyConfig) {
  /****************************
   * Dynamic collections {{{2 *
   ****************************/
+  // Set the collection to reverse chronological order
+  //eleventyConfig.addCollection("post", (collection) => {
+    //return collection.getFilteredByTag("post").reverse();
+  //});
   eleventyConfig.addCollection("produtos", function(collection) {
     // Read the YAML file
     const fileContent = fs.readFileSync("src/_data/produtos.yaml", "utf8");

diff --git a/_scss/main.scss b/_scss/main.scss
@@ -305,18 +305,22 @@ main p:not(.card-text) {
   hyphens: auto;
 }
 
-h3:not(.card-title) {
-  @extend .fw-medium;
-  @extend .fs-5;
+h1 {
+  font-family: $font-family-narrow;
 }
 
 .subtitle,
 h2,
 h3 {
+  font-family: $headings-font-family;
   @extend .fst-italic;
   font-variant-numeric: lining-nums;
 }
 
+h3:not(.card-title) {
+  @extend .fw-medium;
+}
+
 h1,
 h4,
 h5,
@@ -374,7 +378,8 @@ tfoot,
   @extend .fw-medium;
 }
 
-.sidebar {
+.sidebar,
+.toc {
   @extend .fs-6;
   @extend .text-secondary;
   @extend .fw-light;
@@ -407,11 +412,11 @@ tfoot,
   font-family: $font-family-sans-serif;
 }
 
-.card h3,
+h3.card-title,
 .btn {
   font-family: $font-family-narrow;
   @extend .fst-normal;
-  @extend .fw-normal;
+  @extend .fw-light;
   a {
     @extend .link-dark;
   }
@@ -436,6 +441,10 @@ blockquote > footer {
   @extend .fw-medium;
 }
 
+small {
+  @extend .fw-medium;
+}
+
 // IDs {{{2
 #hero {
   background-size: cover;
@@ -503,8 +512,14 @@ blockquote > footer {
 
 // Tufte and CSL classes {{{2
 // Columns {{{3
+main {
+  @extend .d-md-flex;
+  @extend .flex-md-nowrap;
+}
+
 main > .container.has-sidebar {
   @extend .ms-lg-0;
+  @extend .d-md-flex;
   @extend .flex-grow-1;
 }
 
@@ -568,12 +583,12 @@ main > .container > .row {
 
 .sidebar {
   @extend .order-first;
-  @extend .d-flex;
+  @extend .d-md-flex;
   @extend .flex-column;
   @extend .flex-shrink-1;
-  @extend .mt-3;
   @extend .me-5;
   @extend .ms-auto;
+  @extend .ps-5;
   @extend .opacity-50;
   &:hover {
     @extend .opacity-100;

diff --git a/src/_includes/layouts/archive.njk b/src/_includes/layouts/archive.njk
@@ -1,11 +1,16 @@
 {%- extends "layouts/base.njk" -%}
 {%- block pagecontent -%}
-<div class="container{% if sidebar %} has-sidebar{% endif %}">
-  <div class="row wide has-sidebar row-cols-1 row-cols-md-2 row-cols-lg-3 g-3 my-3">
+<div class="container{% if sidebar or author_profile %} has-sidebar{% endif %}">
+  <div class="row wide row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 g-3 my-3">
   {{ content | safe }}
   {% block archive %}
-    {% set album = pagination.items %}
+  {%- if tags[0] %}{% set posts = tags[0] %}
+  {% elseif tags %}{% set posts = tags %}
+  {% else %}       {% set posts = 'posts' %}
+  {% endif -%}
+  {% for post in posts %}
     {% include "partials/album.njk" %}
+  {% endfor %}
   {% endblock %}
   </div>
 </div>

diff --git a/src/_includes/layouts/archive_produto.njk b/src/_includes/layouts/archive_produto.njk
@@ -1,7 +1,7 @@
 {%- extends "layouts/archive.njk" -%}
 {% block archive %}
-  {% set album = collections.produtos %}
-  {% for issuedYear, items in album | groupby("issuedYear") | dictsort | reverse %}
+  {% set produtos = collections.produtos %}
+  {% for issuedYear, items in produtos | groupby("issuedYear") | dictsort | reverse %}
     <h3 class="w-100">{{ issuedYear }}</h3>
     {% for a in items %}
       {% include "partials/cards_produto.njk" %}

diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -40,9 +40,9 @@
 {% endif %}
 {%- endblock %}
 
-<main class="d-flex flex-nowrap">
+<main>
 {% block pagecontent -%}
-<div class="container d-flex">
+<div class="container">
   <div class="row{% if classes %} {{ classes }}{% endif %}">
   {{ content | safe }}
   </div>

diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
@@ -0,0 +1,69 @@
+{%- extends "layouts/base.njk" -%}
+{%- block pagecontent -%}
+<div class="container{% if sidebar or author_profile %} has-sidebar{% endif %}">
+  <div class="row wide">
+    {{ content | safe }}
+    <h2>Notícias</h2>
+    <div class="col col-md-6 col-lg-9">
+      {%- block featured -%}
+      {%- set destaque = collections.destaque -%}
+      {%- for post in destaque -%}
+      <div class="col col-xl-6">
+        <div class="row g-0 border rounded overflow-hidden flex-xl-row mb-3 shadow-sm h-md-250 position-relative">
+          <div class="col p-3 d-flex flex-column position-static">
+            <small class="d-inline-block text-body-secondary card-header capitalize-first">
+              {%- if post.data.tags[0] -%}
+              {{ post.data.tags[0] }}
+              {%- elseif post.data.tags -%}
+              {{ post.data.tags }}
+              {%- endif -%}
+            </small>
+            <h3 class="mb-0 card-title">{{ post.data.title }}</h3>
+            <small class="mb-2 text-body-secondary">
+              {{ post.data.date | dateFilter }}
+            </small>
+            <p class="card-text mb-auto">{{ post.data.description }}</p>
+            <a class="icon-link gap-1 icon-link-hover stretched-link link-secondary text-decoration-none" href="{{ post.url }}">
+              {{ ui_text[lang].more_label }} ›
+            </a>
+          </div><!--/.col .position-static-->
+          <div class="col-auto d-none d-lg-block">
+            <img src="{{ post.data.teaser }}" />
+          </div><!--/.col-auto-->
+        </div><!--/.row .border-->
+      </div><!--/.col-xl-6-->
+      {%- endfor -%}
+      {%- endblock -%}
+    </div>
+    <div class="col col-md-6 col-lg-3">
+    {% block archive %}
+      <ul class="list-unstyled toc">
+        {% for post in collections.post | reverse %}{% if (loop.index <= 3) %}
+        <li>
+          <a class="d-flex flex-column flex-lg-row gap-3 my-3 align-items-start align-items-lg-center link-body-emphasis text-decoration-none border-bottom" href="{{ post.url }}">
+            <img class="object-fit-cover" src="{{ post.data.teaser }}" />
+            <div class="col-lg-8">
+              {{ post.data.title }}
+              <small class="d-block body-tertiary my-2">{{ post.data.date | dateFilter }}</small>
+            </div>
+          </a>
+        </li>
+        {% endif %}{% endfor %}
+      </ul>
+    {% endblock %}
+    </div>
+    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3 my-5">
+      <h2>Produção bibliográfica e técnica</h2>
+      {% block publications %}
+      {% set produtos = collections.produtos %}
+      {% for issuedYear, items in produtos | groupby("issuedYear") | dictsort | reverse %}
+      <h3 class="w-100">{{ issuedYear }}</h3>
+      {% for a in items %}
+        {% include "partials/cards_produto.njk" %}
+      {% endfor %}
+      {% endfor %}
+      {% endblock %}
+    </div>
+  </div>
+</div>
+{%- endblock -%}
diff --git a/src/_includes/partials/album.njk b/src/_includes/partials/album.njk
@@ -1,24 +1,28 @@
-{% for a in album %}
 <div class="col">
-  <div class="card mb-3 h-100">
-    <div class="row g-0">
-      <div class="col-md-4">
-        <img class="img-fluid rounded-start" src="{{ a.teaser }}" />
-      </div><!--/div containing img-->
-      <div class="col-md-8">
-        <div class="card-body fs-6">
-          <h3 class="card-title fs-5">
-            <a class="stretched-link text-decoration-none link-body-emphasis" href="{{ a.url }}" >{{ a.title }}</a>
-          </h3>
-          <p class="card-text">{{ a.description | safe }}</p>
-        </div><!--/.card-body-->
-        <div class="card-footer">
-          <small class="text-body-secondary">
-            Publicado em: {{ a.date | dateFilter }}
-          </small>
-        </div><!--/.card-footer-->
-      </div><!--/.col-md-8-->
-    </div><!--/.row g-0-->
+  <div class="card shadow-sm mb-3 h-100">
+    <img class="card-img-top" alt="Imagem do(a) {{ post.data.title }}" src="{{ post.data.teaser }}" />
+    <div class="card-header d-flex text-end text-body-secondary fs-5">
+      <a class="ps-3 link-secondary ms-auto" href="{{ post.url }}" alt="Notas de aula" title="Notas de aula" aria-label="Notas de aula">
+        <svg class="bi" width="24" height="24" fill="currentColor">
+          <use xlink:href="/assets/bootstrap-icons.svg#book"/>
+        </svg>
+      </a>
+      <a class="ps-3 link-secondary" href="#" alt="Slides" title="Slides" aria-label="Slides">
+        <svg class="bi" width="24" height="24" fill="currentColor">
+          <use xlink:href="/assets/bootstrap-icons.svg#easel"/>
+        </svg>
+      </a>
+    </div><!--/.card-header-->
+    <div class="card-body">
+      <h3 class="card-title">
+        <a class="stretched-link" href="{{ a.url }}" class="text-decoration-none link-body-emphasis">{{ post.data.title }}</a>
+      </h3>
+      <p class="card-text">{{ post.data.description | safe }}</p>
+    </div><!--/.card-body-->
+    <div class="card-footer">
+      <small class="text-body-secondary">
+        {{ post.data.date | dateFilter }}
+      </small>
+    </div><!--/.card-footer-->
   </div><!--/.card-->
 </div><!--/.col-->
-{% endfor %}
diff --git a/src/_includes/partials/cards_produto.njk b/src/_includes/partials/cards_produto.njk
@@ -1,7 +1,7 @@
 {%- set slug = a.id | replace(":", "-") -%}
 {%- set teaser = [ "/assets/media/teaser/biblio-", slug, ".jpg" ] | join -%}
 <div class="col">
-  <div class="card mb-3">
+  <div class="card mb-3 overflow-hidden">
     <div class="row g-0">
       <div class="card-header fs-6 capitalize-first justify-content-around">
         <small class="text-body-secondary">

diff --git a/src/_includes/partials/hero.njk b/src/_includes/partials/hero.njk
@@ -28,9 +28,9 @@
         </span>
         {%- endif %}
       </h1>
-      <div class="lead">
-        {% if description %}{{ description | safe }}{% else %}{{ site.description | safe }}{% endif %}
-      </div>
+      {% if description %}<div class="lead">
+        {{ description | safe }}
+      </div>{% endif %}
       {% if header.cta_url %}
         <p><a href="{{ header.cta_url }}" class="btn btn--light-outline btn--large">{{ header.cta_label }}</a></p>
       {% endif %}

diff --git a/src/index.md → src/index.html b/src/index.md → src/index.html
@@ -1,7 +1,7 @@
 ---
 title: "Resiliência urbana"
-subtitle: "Estratégias adaptativas na construção tradicional <br /> Projeto de pesquisa"
-layout: "layouts/archive_produto.njk"
+subtitle: "Estratégias adaptativas na construção tradicional"
+layout: "layouts/home.njk"
 entries_layout: grid
 classes: "wide"
 author_profile: false
@@ -10,18 +10,20 @@
 description: |
   Este projeto de pesquisa investiga a ocorrência de sistemas de ordem
   emergente na construção moderna luso-brasileira — da segunda metade do
-  século XVIII à primeira metade do século XX —, avaliando a
-  possibilidade de estes sistemas oferecerem respostas descentralizadas e
-  <em>low tech</em> aos problemas atuais da sustentabilidade urbana.
+  século <span style="font-variant:all-small-caps">XVIII</span> à
+  primeira metade do século <span
+  style="font-variant:all-small-caps">XX</span> —, avaliando a
+  possibilidade de estes sistemas oferecerem respostas descentralizadas
+  e <em>low tech</em> aos problemas atuais da sustentabilidade urbana.
 header:
   overlay_image: "assets/media/fragoso-architectural-og.jpg"
   overlay_filter: 0.7
+pagination:
+  data: collections.post
+  size: 3
+  alias: posts
 ---
 
-# Notícias #
-
-# Produção bibliográfica e técnica #
-
 <!--
    -Compilação sucinta das atividades de pesquisa desenvolvidas,
    -consideradas pelo requerente as mais relevantes, indicando a produção
@@ -33,4 +35,3 @@
    -financiamentos recebidos de agências públicas ou instituições privadas,
    -orientações concluídas ou em andamento e parcerias institucionais;
    -->
-
diff --git a/src/pibic/2020-fazenda-velha.md b/src/pibic/2020-fazenda-velha.md
@@ -2,7 +2,7 @@
 title  : "Arqueologia da casa da fazenda Velha, Distrito Federal"
 author : Tainá Abreu
 date   : 2020-04-13
-excerpt: "Projeto de iniciação científica 2020–2021"
+description: "Projeto de iniciação científica 2020–2021"
 ---
 
 ## Objetivos, problema e justificativa ##

diff --git a/src/pibic/2020-fundacoes.md b/src/pibic/2020-fundacoes.md
@@ -2,7 +2,7 @@
 title  : "Tipologias de fundações na construção tradicional do Brasil central"
 author : Iriani Jéssica
 date   : 2020-05-20
-excerpt: "Projeto de iniciação científica 2020–2021"
+description: "Projeto de iniciação científica 2020–2021"
 sidebar:
   nav: "mapa"
 header:

diff --git a/src/pibic/2020-modulos-urbanos.md b/src/pibic/2020-modulos-urbanos.md
@@ -9,7 +9,7 @@ header:
   overlay_filter: 0.5
 category        : "pibic"
 tags            : ["urbanismo", "módulo", "século XIX", "vernacular", "padrões"]
-excerpt: >
+description: >
   Análise morfológica do parcelamento do solo urbano no Brasil do
   século XIX, verificando dimensões de lotes e vias por meio do
   redesenho da cartografia histórica ou atual.

diff --git a/src/pibic/2021-estado-novo-cuiaba.md b/src/pibic/2021-estado-novo-cuiaba.md
@@ -2,7 +2,7 @@
 title: "Arquitetura no Estado Novo (1937–1945): a presença do neocolonial em edifícios institucionais em Cuiabá"
 author: Bruna Leite Lopes
 date: 2021-06-06
-excerpt: "Projeto de iniciação científica 2021–2022"
+description: "Projeto de iniciação científica 2021–2022"
 ---
 
 ## Objetivos, problema e justificativa

diff --git a/src/pibic/2021-topologia-casas.md b/src/pibic/2021-topologia-casas.md
@@ -2,7 +2,7 @@
 title: "Representação topológica digital da edilícia de base"
 author: Eduarda Toscano
 date: 2021-06-06
-excerpt: "Plano de trabalho de Iniciação Científica 2021–2022"
+description: "Plano de trabalho de Iniciação Científica 2021–2022"
 ---
 
 ## Objetivos ##

diff --git a/src/pibic/2022-chuandou.md b/src/pibic/2022-chuandou.md
@@ -2,7 +2,7 @@
 title: "Chuandou e frontal, paralelos entre construções vernáculas da Ásia e do Brasil"
 author: Matheus Rudo
 date: 2022-03-15
-excerpt: |
+description: |
   Modelagem comparativa de sistemas de esqueletos em madeira usando o
   software livre Blender.
 

diff --git a/src/pibic/2023-documentario-casas.md b/src/pibic/2023-documentario-casas.md
@@ -9,7 +9,7 @@ header:
   overlay_filter: 0.5
 category        : "Pibic"
 tags            : ["casa", "vernacular", "século XIX", "documentário", "padrões"]
-excerpt: >
+description: >
   Análise gráfica de casas urbanas brasileiras 1780–1890, por meio
   do redesenho e análise de dimensões, proporções e distribuição
   espacial.