Merge pull request MikeCheek#40 from MikeCheek/dev

Dev

README.md

@@ -20,4 +20,4 @@
 
 #
 
-Sito realizzato per l'evento Naturalmente Tecnologici 11-13 Agosto 2023 a Grassano, Matera
+Sito realizzato per l'evento Naturalmente Tecnologici a Grassano (Matera)

gatsby-config.ts

@@ -3,8 +3,11 @@ import type { GatsbyConfig } from 'gatsby';
 const siteUrl = `https://nt.syskrack.org`;
 
 const config: GatsbyConfig = {
+  flags: {
+    DEV_SSR: true,
+  },
   siteMetadata: {
-    title: `Naturalmente Tecnologici 2023 - NT`,
+    title: `Naturalmente Tecnologici - NT`,
     siteUrl: siteUrl,
     description: `L'evento si propone di essere occasione di ritrovo della community di Syskrack nonché strumento di disseminazione culturale sul territorio.`,
     keywords: 'naturalmente, tecnologici, evento, futuro',

gatsby-node.ts

@@ -18,7 +18,7 @@ import { GatsbyNode } from 'gatsby';
 //   });
 // };
 
-export const createSchemaCustomization: GatsbyNode['createSchemaCustomization'] = ({ actions }) => {
+export const createSchemaCustomization: GatsbyNode['createSchemaCustomization'] = ({ stage, loaders, actions }) => {
   const { createTypes } = actions;
   createTypes(`
     type SitePage implements Node {
@@ -35,4 +35,16 @@ export const createSchemaCustomization: GatsbyNode['createSchemaCustomization']
         routed: Boolean
     }
   `);
+  // if (stage === 'build-html' || stage === 'develop-html') {
+  //   actions.setWebpackConfig({
+  //     module: {
+  //       rules: [
+  //         {
+  //           test: /react-p5/,
+  //           use: (loaders as any).null(),
+  //         },
+  //       ],
+  //     },
+  //   });
+  // }
 };

gatsby-ssr.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export const onRenderBody = ({ setHeadComponents }) => {
+  setHeadComponents([
+    <link
+      rel="preload"
+      href="/fonts/alba/ALBA____.woff"
+      as="font"
+      type="font/woff"
+      crossOrigin="anonymous"
+      key="interFont"
+    />,
+  ]);
+};

locales/en/common.json

@@ -1,9 +1,9 @@
 {
-  "Date": "August 11>13 2023",
+  "Date": "9-10-11 August 2024",
   "ThanksTitle": "HEARTFELT THANKS!",
   "ThanksSubTitle": "SEE YOU IN AUGUST 2024",
   "NavContactUs": "Contact us",
-  "NavCta": "TALKS",
+  "NavCta": "TALKS 2023",
   "CookiesText": "This site uses technical cookies for its own functioning and the provision of related services; your consent is not required for these cookies. Analytical cookies (both proprietary and third-party) may also be installed to better understand your usage of this site, as well as profiling cookies (both proprietary and third-party) to send you advertising in line with your preferences; to accept the use of these cookies, click on 'Accept All', while clicking the 'X' button will prevent their installation. If you prefer to make specific choices regarding analytical cookies",
   "CookiesTextCta": "customize your preferences",
   "CookiesFunc": "Functional",

locales/en/index.json

@@ -2,21 +2,29 @@
   "SEOTitle": "Home",
   "SEODescription": "A 3 days event in a wild, breathtaking location, between the Matera hills, that will feature camping, workshops, conferences, and gatherings of people from all over the world.",
   "WhenWhere": "When and where",
-  "Title": "RE-CLAIM THE FUTURE",
-  "Subtitle": "3 DAYS OF MUSIC, ART, TECHNOLOGICAL AND SOCIAL INNOVATION",
+  "NewEdition": "NEW EDITION COMING",
+  "NewEditionSub": "STAY TUNED",
+  "Title": "INNOVAZIONE",
+  "Subtitle": "NON È PROGRESSO",
   "WhatIsName1": "Naturalmente Tecnologici",
   "WhatIsName2": "The music festival",
   "WhatIsName3": "The innovation festival",
   "WhatIsName4": "Why participate?",
-  "WhatIsText1": "The original event format, spread across 3 days, nestled in a <b>stunning wild location</b>, in the middle of Matera hills: <b>camping, workshops, conferences, experiences, music festivals, gatherings of people from everywhere, and much more</b>.<br/><br/> The keyword is contamination.<br/>Participants, local residents, and communities will exchange ideas, visions, and experiences. The goal is <b>to explore new horizons of ethical and sustainable technological development from a social and environmental perspective</b>.",
+  "WhatIsText1": "3 days of music, art, technology innovation and social innovation",
   "WhatIsText2": "National and International artists will take the stage at Naturalmente Tecnologici.<br/><br/>You'll be able to listen to a variety of sounds: from hip-hop to reggae, from techno to goa.",
   "WhatIsText3": "Conferences, workshops, self-awareness experiences, and activities for mindfulness, as well as encounters between people, technology, and nature.<br/>This year's theme is (Re)-claiming the future. Complex discussions on the acceleration of our times.",
   "WhatIsText4": "Naturalmente Tecnologici is a one-of-a-kind event.<br/>Camping, workshops, conferences, excursions under the Lucanian sky and its stars.<br/>Days filled with energy, sharing, and change. <br/><br/>A three-day event to playfully build the foundations of tomorrow's world: a more inclusive, sustainable, and naturally technological world.<br/>The festival serves as a catalyst for people and ideas; you'll return home full of new energy and inspiration, ready to build the world of tomorrow.",
+  "Value1": "Music",
+  "Value2": "Activities",
+  "Value3": "Nature",
+  "ValueText1": "Get ready to dance and sing! Our festival will be a riot of notes and melodies, with artists from all over the world ready to make the air vibrate with their music.",
+  "ValueText2": "Technological and social innovation will be at the heart of the festival’s activities. Through workshops, demonstrations, and discussions, participants will have the opportunity to explore new ideas, discover the latest technological trends, and reflect on how these can be sustainably integrated into our society.",
+  "ValueText3": "And what about our beautiful Lucanian landscape? The festival takes place in the heart of nature, offering participants the opportunity to connect with it. Respect for nature and the promotion of sustainability will be key themes during the event.",
   "HeardOn": "YOU'VE SEEN US ON",
   "WhereLocation": "Don't know how to reach the location?<br />Read our guide in the Info page",
   "HowToReach": "How to reach us",
-  "LocationText1": "The festival will take place at Bosco Le Coste, between Grassano and Grottole, amidst the clayey hills of Basilicata.<br/>Located within the territory of the San Giuliano natural oasis, not far from Matera, it offers a breathtaking view where the eye wanders in every direction, enjoying the spectacle of the surrounding plateaus.<br/> Located a few kilometers from the village, it is the largest green lung, a natural extension of the aforementioned oasis. The Forest is also of significant environmental importance, a vast wooded area where Mediterranean vegetation and very rare floral and faunal species abound.",
-  "LocationText2": "Here you will find a well-equipped green area where you can completely immerse yourself in nature and be soothed by the sounds it contains.<br/>The area is divided into two levels: the upper part is a furnished area with picnic shelters equipped with lighting, children's playgrounds, and a restaurant. Descending into the woods, you enter a 5 km loop trail that winds through the forest. Here, you can enjoy horseback riding or mountain biking, trekking, or simply breathe in the scents of nature along the educational trail.",
+  "LocationText1": "The festival will take place amidst the clayey hills of Basilicata, located within the territory of the San Giuliano natural oasis, not far from Matera.<br/><br/> It offers a breathtaking view where the eye wanders in every direction, enjoying the spectacle of the surrounding plateaus.",
+  "LocationText2": "Located a few kilometers from the village, it is the largest green lung, a natural extension of the aforementioned oasis.<br/><br/> The forest is also of significant environmental importance, a vast wooded area where Mediterranean vegetation and very rare floral and faunal species abound.",
   "LocationCta": "Discover the location",
   "WhatHeading": "What we will do",
   "InfoTitle1": "CONCERTS",

locales/it/common.json

@@ -1,9 +1,9 @@
 {
-  "Date": "11>13 Agosto 2023",
+  "Date": "9-10-11 Agosto 2024",
   "ThanksTitle": "GRAZIE DI CUORE!",
   "ThanksSubTitle": "CI VEDIAMO AD AGOSTO 2024",
   "NavContactUs": "Contattaci",
-  "NavCta": "TALKS",
+  "NavCta": "TALKS 2023",
   "CookiesText": "Questo sito utilizza cookie tecnici per il proprio funzionamento e per l'erogazione dei relativi servizi; per tali cookie non è richiesto il tuo consenso. Potrebbero, inoltre, essere installati cookie analitici (propri e di terza parte) per comprendere meglio il tuo utilizzo di questo sito e cookie di profilazione (propri e di terze parti) per inviarti pubblicità in linea con le tue preferenze; per accettare l'utilizzo di questi cookie clicca su “Accetta tutti”, mentre cliccando sul tasto “X” precludi la loro installazione; se, invece, vuoi operare una scelta analitica su specifici cookie",
   "CookiesTextCta": "personalizza le tue preferenze",
   "CookiesFunc": "Funzionale",

locales/it/index.json

@@ -2,21 +2,29 @@
   "SEOTitle": "Home",
   "SEODescription": "Un evento di 3 giorni in una location mozzafiato, selvaggia, tra le colline materane tra camping, laboratori, conferenze e incontro tra persone di ogni dove.",
   "WhenWhere": "Quando e dove",
-  "Title": "RI-PRENDIAMOCI IL FUTURO",
-  "Subtitle": "3 GIORNI DI MUSICA, ARTE, INNOVAZIONE TECNOLOGICA E SOCIALE",
+  "NewEdition": "NUOVA EDIZIONE IN ARRIVO",
+  "NewEditionSub": "RIMANI SINTONIZZATO",
+  "Title": "INNOVAZIONE",
+  "Subtitle": "NON È PROGRESSO",
   "WhatIsName1": "Naturalmente Tecnologici",
   "WhatIsName2": "Il festival musicale",
   "WhatIsName3": "Il festival dell'innovazione",
   "WhatIsName4": "Perché partecipare?",
-  "WhatIsText1": "Il format originale di evento, spalmato in 3 giorni, immersi in una <b>location mozzafiato</b>, selvaggia, tra le colline materane: <b>camping, laboratori, conferenze, esperienze, festival musicali, incontro tra persone di ogni dove e molto altro</b>.<br/><br/> La parola chiave è contaminazione.<br/>I partecipanti, gli abitanti del luogo e le community si scambieranno idee, visioni ed esperienze. L'obiettivo è <b>indagare nuovi orizzonti dello sviluppo tecnologico etici e sostenibili dal punto di vista sociale ed ambientale</b>.",
+  "WhatIsText1": "3 giorni di musica, arte, innovazione tecnologica e sociale",
   "WhatIsText2": "Artisti nazionali e internazionali saliranno sullo stage di Naturalmente Tecnologici.<br/><br/>Potrai ascoltare tante sonorità diverse: dal hip-hop al reggae, dalla techno alla goa.",
   "WhatIsText3": "Conferenze,  laboratori, esperienze di autocoscienza e attività per la consapevolezza oltre che incontro tra persone, tecnologia e natura.<br/>Il tema di quest'anno è (Ri)-prendiamoci il futuro. Ragionamenti complessi sull'accelerazione dei nostri tempi.",
   "WhatIsText4": "Naturalmente Tecnologici è un evento unico nel suo genere.<br/>Campeggio, laboratori, conferenze, escursioni sotto il cielo lucano e le sue stelle.<br/>Giorni pieni di energie, condivisione e cambiamento. <br/><br/>Una tre giorni per costruire, divertendosi, le fondamenta del mondo di domani: un mondo più inclusivo, sostenibile e naturalmente tecnologico.<br/>Il festival è un catalizzatore di persone e idee, tornerai a casa pieno di nuove energie e stimoli, pronti e pronte a costruire il mondo del domani.",
+  "Value1": "Musica",
+  "Value2": "Attività",
+  "Value3": "Natura",
+  "ValueText1": "Preparati a ballare e cantare! Il nostro festival sarà un tripudio di note e melodie, con artisti provenienti da tutto il mondo pronti a far vibrare l’aria con la loro musica.",
+  "ValueText2": "L'innovazione tecnologica e sociale sarà al centro delle attività del festival. Attraverso workshop, dimostrazioni e discussioni, i partecipanti avranno l'opportunità di esplorare nuove idee, scoprire le ultime tendenze tecnologiche e riflettere su come queste possono essere integrate in modo sostenibile nella nostra società.",
+  "ValueText3": "E che dire del nostro splendido paesaggio lucano? Il festival si svolge nel cuore della natura, offrendo ai partecipanti l'opportunità di connettersi ad essa. Il rispetto per la natura e la promozione della sostenibilità saranno temi chiave durante l'evento.",
   "HeardOn": "CI HAI VISTO SU",
   "WhereLocation": "Non sai come raggiungere la location?<br />Leggi la nostra guida nella pagina Info",
   "HowToReach": "Come raggiungerci",
-  "LocationText1": "Il festival avrà luogo presso Bosco Le Coste, tra Grassano e Grottole, tra le argillose colline lucane.<br/>Rientra nel territorio dell'oasi naturale di San Giuliano, non lontano da Matera. Si gode di una vista mozzafiato, in cui l'occhio spazia in ogni direzione, godendo lo spettacolo degli altopiani circostanti.<br/> Situato a pochi chilometri dall'abitato, è il più grosso polmone verde, appendice naturale dell'oasi predetta. Di notevole importanza ambientale sono anche la Foresta, un vasto territorio boschivo dove abbonda anche la presenza di macchia mediterranea e di specie floristiche e faunistiche molto rare.",
-  "LocationText2": "Qui troverete un'area verde attrezzata dove ci si può immergere totalmente nella natura e farsi coccolare dai suoni che essa contiene.<br/>L'area si sviluppa in due piani, la parte superiore è un'area attrezzata con capanni per pic-nic forniti di illuminazione, giostrine per bambini, ristorante. Scendendo nel bosco invece si entra nel circuito ad anello che si sviluppa nel bosco per 5 Km, qui è possibile fare passeggiate a cavallo o mountain bike, trekking o respirare i profumi della natura nel sentiero didattico.",
+  "LocationText1": "Il festival avrà luogo tra le argillose colline lucane.<br/>Rientra nel territorio dell'oasi naturale di San Giuliano, non lontano da Matera.<br/><br/> Si gode di una vista mozzafiato, in cui l'occhio spazia in ogni direzione, godendo lo spettacolo degli altopiani circostanti.",
+  "LocationText2": "Situato a pochi chilometri dall'abitato, è il più grosso polmone verde, appendice naturale dell'oasi predetta.<br/><br/> La foresta è di notevole importanza ambientale, un vasto territorio boschivo dove abbonda anche la presenza di macchia mediterranea e di specie floristiche e faunistiche molto rare.",
   "LocationCta": "Scopri la location",
   "WhatHeading": "Cosa faremo",
   "InfoTitle1": "CONCERTI",

package.json

@@ -20,6 +20,9 @@
   "dependencies": {
     "@fontsource/cairo": "^4.5.13",
     "@fontsource/poppins": "^4.5.10",
+    "@loadable/component": "^5.16.3",
+    "@types/loadable__component": "^5.13.8",
+    "@types/p5": "^1.7.6",
     "canvas-confetti": "^1.6.1",
     "gatsby": "^5.8.0",
     "gatsby-plugin-canonical-urls": "^5.9.0",
@@ -36,11 +39,13 @@
     "gatsby-transformer-sharp": "^5.8.0",
     "i18next": "^23.7.7",
     "js-cookie": "^3.0.5",
+    "p5": "^1.9.0",
     "react": "^18.2.0",
     "react-circular-progressbar": "^2.1.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^13.5.0",
     "react-intersection-observer": "^9.4.3",
+    "react-p5": "^1.4.1",
     "react-slick": "^0.29.0",
     "react-world-flags": "^1.6.0",
     "sass": "^1.60.0",