automatic event details generation

Author: dwightjack

.eleventy.js

@@ -1,6 +1,34 @@
 const yaml = require('js-yaml');
 const rss = require('@11ty/eleventy-plugin-rss');
 const { DateTime } = require('luxon');
+const markdown = require('markdown-it')({
+  html: true,
+});
+
+const WEEK = [
+  'Lunedì',
+  'Martedì',
+  'Mercoledì',
+  'Giovedì',
+  'Venerdì',
+  'Sabato',
+  'Domenica',
+];
+
+const MONTHS = [
+  'Gennaio',
+  'Febbraio',
+  'Marzo',
+  'Aprile',
+  'Maggio',
+  'Giugno',
+  'Luglio',
+  'Agosto',
+  'Settembre',
+  'Ottobre',
+  'Novembre',
+  'Dicembre',
+];
 
 module.exports = function(eleventyConfig) {
   const assets = ['js', 'css', 'fonts', 'img', 'odx-assets', 'admin'];
@@ -17,12 +45,39 @@ module.exports = function(eleventyConfig) {
     yaml.safeLoad(contents),
   );
 
+  eleventyConfig.addNunjucksShortcode('markdown', (content) =>
+    markdown.render(content),
+  );
+
   eleventyConfig.addNunjucksFilter('dateformat', (date, format) => {
-    return DateTime.fromJSDate(date, { zone: 'utc' }).toFormat(format);
+    return DateTime.fromJSDate(date, { zone: 'Europe/Rome' }).toFormat(format);
+  });
+
+  eleventyConfig.addNunjucksFilter('date_human', (start, end) => {
+    const startDate = DateTime.fromJSDate(start, {
+      zone: 'Europe/Rome',
+    });
+
+    const startLocale = `${
+      WEEK[startDate.weekday - 1]
+    } ${startDate.day.toString().padStart(2, '0')} ${
+      MONTHS[startDate.month - 1]
+    } ${startDate.year}`;
+    const startTime = startDate.toFormat('HH:mm');
+
+    if (!end) {
+      return `${startLocale} alle ${startTime}`;
+    }
+    const endTime = DateTime.fromJSDate(end, { zone: 'Europe/Rome' }).toFormat(
+      'HH:mm',
+    );
+    return `${startLocale} dalle ${startTime} alle ${endTime}`;
   });
 
   eleventyConfig.addFilter('dateslug', (date) => {
-    return DateTime.fromJSDate(date, { zone: 'utc' }).toFormat('yyyy/LL');
+    return DateTime.fromJSDate(date, { zone: 'Europe/Rome' }).toFormat(
+      'yyyy/LL',
+    );
   });
 
   eleventyConfig.addNunjucksFilter('published', (posts) => {

src/_data/site.yaml

@@ -76,10 +76,6 @@ social:
     name: Speakerdeck
     icon: list-alt
     url: 'https://speakerdeck.com/fevr'
-  patreon:
-    name: Patreon
-    icon: eur
-    url: 'https://www.patreon.com/fevr'
   spotify:
     name: Spotify
     url: https://open.spotify.com/show/24e51pmI7X0UXfIgRQiyMX

src/_includes/event-content.njk

@@ -76,6 +76,39 @@
       </footer>
 
       {{ content | safe }}
+
+      {% if event.auto_meta %}
+        {% if event.speaker %}
+          <h2>SPEAKER</h2>
+
+          <p><b>{{ event.speaker }}</b></p>
+
+          {% if event.speaker_bio %}
+            {% markdown event.speaker_bio %}
+          {% endif %}
+          
+
+        {% endif %}
+
+
+        <h2>QUANDO</h2>
+        <p>
+          <time datetime="{{ date.toISOString() }}">{{date | date_human(date_end) }}</time>
+        </p>
+
+        {% if event.location %}
+          <h2>DOVE</h2>
+
+          <p>
+            {{ event.location }}
+            {% if event.location_url %}
+              : <a href="{{event.location_url}}">{{ event.location_url }}</a>  
+            {% endif %}
+          </p> 
+
+        {% endif %}
+
+      {% endif %}
     </div>
   </div>
 </div>
@@ -110,19 +143,6 @@
     </li>
   </ul>
 </footer>
-<hr aria-hidden="true"/>
-
-<footer class="support list-inline">
-  <h2 class="sr-only">Supportaci su:</h2>
-  <ul class="list-inline">
-    <li aria-hidden="true">Supportaci su:</li>
-    <li>
-      <a class="btn red-btn" target="_blank" href="{{site.social.patreon.url}}">
-        <span aria-hidden="true" class="fa fa-link"></span> Patreon
-      </a>
-    </li>
-  </ul>
-</footer>
 
 <footer>
 

static/admin/config.yml

@@ -27,7 +27,10 @@ collections:
         label: Copertina (Hero)
       - widget: datetime
         name: date
-        label: Data Evento
+        label: Data Inizio Evento
+      - widget: datetime
+        name: date_end
+        label: Data Fine Evento
       - widget: hidden
         name: redirect_from
         required: false
@@ -46,15 +49,36 @@ collections:
         name: event
         label: Dettagli
         fields:
+          - widget: boolean
+            name: auto_meta
+            label: Dettagli evento automatici
+            default: false
+            hint: Se attivato, bio dello speaker e dettagli dell'evento saranno generati in automatico nella pagina di dettaglio.
           - widget: string
             name: speaker
             label: Speaker
             required: false
+          - widget: 'markdown'
+            label: 'Biografia'
+            name: 'speaker_bio'
+            buttons:
+              - bold
+              - italic
+              - code
+              - link
+              - quote
+              - bulleted-list
+              - numbered-list
           - widget: string
             name: location
             label: Location
             default: Officina 18
             required: false
+          - widget: string
+            name: location_url
+            label: URL Location
+            default:
+            required: false
           - widget: string
             name: eventbrite
             label: Codice Eventbrite