add a fetured flag for events to be displayed on the HP hero

Author: dwightjack

.eleventy.js

@@ -33,6 +33,11 @@ module.exports = function(eleventyConfig) {
     return posts.slice(0, num);
   });
 
+  eleventyConfig.addNunjucksFilter('featuredEvent', (posts) => {
+    // return a featured event or the first one
+    return posts.find(({ data }) => data.featured) || posts[0];
+  });
+
   // redirect collection
   eleventyConfig.addCollection('redirects', function(collection) {
     const redirs = collection.getAll().filter(({ data }) => data.redirect_from);

src/index.njk

@@ -3,14 +3,14 @@ layout: default
 isHome: true
 ---
 
-{% set post = collections.eventi | published | last %}
+{% set post = collections.eventi | published | reverse | featuredEvent %}
 <!-- Slider Start -->
 <section id="slider" style="background-image: url({{ post.data.cover }})">
   <div class="container">
     <div class="row">
       <div class="col-xs-12">
         <div class="block">
-          <p class="sr-only">Prossimo evento</p>
+          <p class="sr-only">Evento in primo piano</p>
           <h1 class="animated fadeInUp">{{post.data.title | upper }}</h1>
           <div class="animated fadeInUp buttons">
             <p>

static/admin/config.yml

@@ -35,7 +35,11 @@ collections:
         default: '/eventi/{{ page.date | dateslug }}/{{ page.fileSlug | slug }}/index.html'
       - widget: boolean
         name: published
-        label: Pubblicato
+        label: Visibile
+        default: false
+      - widget: boolean
+        name: featured
+        label: In Primo Piano (Hero)
         default: false
       - widget: object
         name: event