fix: #1 #2 add candidate commit for improvements

assets/html/biomodal.html

@@ -1,5 +1,8 @@
 <div id="artist-modal" class="modal modal-artist">
+  <p class="close-modal">&#215;</p>
   <h1 id="artist-name"></h1>
   <img src="" id="artist-picture" alt="artist-picture">
+  <h3 id="artist-roles"></h3>
   <p id="artist-bio"></p>
+  <button id="close-modal-button" class="close-modal"></button>
 </div>

assets/html/pastmembersmodal.html

@@ -0,0 +1,6 @@
+<div id="past-members-modal" class="modal past-members-modal">
+  <p class="close-modal">&#215;</p>
+  <h1 id="modal-title"></h1>
+  <div id="past-members-container" class="past-members-container"></div>
+  <button id="close-modal-button" class="close-modal"></button>
+</div>

assets/json/de.json

@@ -3,16 +3,30 @@
     "name": "Name der Musikgruppe",
     "desc": "Beschreibung du groupe"
   },
+  "roles": {
+    "leadvocals": "Hauptgesang",
+    "backvocals": "Chöre",
+    "guitar": "Gitarre",
+    "keyboard": "Tastatur",
+    "bass": "Niedrig",
+    "doublebass": "Bass",
+    "drums": "Batterie"
+  },
   "listenLink": "Siehe die Diskographie",
   "treeLink": "Finden Sie uns im Internet",
   "musicians": "Die Musiker",
   "works": "Stücke",
-  "learnMore": "Mehr erfahren",
-  "from": "von",
+  "videos": "Videos",
+  "pastMembers": "Frühere Mitglieder",
   "listenOnline": "Online anhören",
   "seeMore": "mehr sehen",
   "publishedOn": "Veröffentlicht am",
-  "composer": "Komponist",
   "author": "Autor",
+  "composer": "Komponist",
+  "learnMore": "Mehr erfahren",
+  "from": "von",
+  "to": "bis",
+  "since": "seit",
+  "close": "Schließen",
   "months": ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"]
 }

assets/json/en.json

@@ -1,18 +1,32 @@
 {
   "band": {
-    "name": "Band Name",
-    "desc": "This is your band's name description"
+    "name": "NAC",
+    "desc": "NAC is a Hard Rock/Progressive Rock band, founded in 1994 in Igny, France. Crafted around Pierrot and Elliot, the band's formation has often evolved to gradually consolidate from 2015. Its eclectic members put their interpretation at the service of their music; straightforward and raw."
+  },
+  "roles": {
+    "leadvocals": "Lead Singer",
+    "backvocals": "Back Vocals",
+    "guitar": "Guitar",
+    "keyboard": "Keyboard",
+    "bass": "Bass",
+    "doublebass": "Double Bass",
+    "drums": "Drums"
   },
   "listenLink": "Check the discography",
   "treeLink": "Find us online",
   "musicians": "Musicians",
   "works": "Pieces",
+  "videos": "Videos",
   "learnMore": "Click to read more",
-  "from": "from",
+  "pastMembers": "Past members",
   "listenOnline": "Listen online",
-  "seeMore": "see more",
   "publishedOn": "Released on",
+  "author": "Author",
   "composer": "Composer",
-  "author": "Author", 
+  "seeMore": "see more",
+  "from": "from",
+  "to": "to",
+  "since": "since",
+  "close": "Close",
   "months": ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
 }

assets/json/es.json

@@ -3,16 +3,30 @@
     "name": "Nombre de la banda",
     "desc": "Descripción de la banda"
   },
+  "roles": {
+    "leadvocals": "Voces Principales",
+    "backvocals": "Coro",
+    "guitar": "GitarreGuitarra",
+    "keyboard": "Teclado",
+    "bass": "Bajo",
+    "doublebass": "Contrabajo",
+    "drums": "Batería"
+  },
   "listenLink": "Ver la discografia",
   "treeLink": "Encuéntrenos en línea",
   "musicians": "Los Músicos",
   "works": "Las Obras",
-  "learnMore": "Más información",
-  "from": "de",
+  "videos": "Vídeos",
+  "pastMembers": "Miembros anteriores",
   "listenOnline": "Escuche en línea",
   "seeMore": "ver más",
   "publishedOn": "Publicado en",
-  "composer": "Compositor",
   "author": "Autor",
+  "composer": "Compositor",
+  "learnMore": "Más información",
+  "from": "de",
+  "to": "a",
+  "since": "desde",
+  "close": "Cerca",
   "months": ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]
 }

assets/json/fr.json

@@ -1,18 +1,32 @@
 {
   "band": {
-    "name": "Nom du groupe",
-    "desc": "Description du groupe"
+    "name": "NAC",
+    "desc": "NAC est un groupe de Hard Rock/Rock Progressif, fondé en 1994 à Igny, France. La formation du groupe a souvent évoluée, autour de Pierrot et Elliot pour progressivement se consolider à partir de 2015. Ses éclectiques membres mettent leur interprétation au service de leur musique ; brute et sans détour."
+  },
+  "roles": {
+    "leadvocals": "Chant Principal",
+    "backvocals": "Chœurs",
+    "guitar": "Guitare",
+    "keyboard": "Clavier",
+    "bass": "Basse",
+    "doublebass": "Contrebasse",
+    "drums": "Batterie"
   },
   "listenLink": "Voir la discographie",
   "treeLink": "Retrouvez-nous en ligne",
   "musicians": "Les Musiciens",
   "works": "Les Œuvres",
+  "videos": "Vidéos",
   "learnMore": "Cliquez pour en savoir plus",
-  "from": "de",
+  "pastMembers": "Anciens membres",
   "listenOnline": "Écouter en ligne",
-  "seeMore": "voir plus",
   "publishedOn": "Publié le",
-  "composer": "Compositeur",
   "author": "Auteur",
+  "composer": "Compositeur",
+  "seeMore": "voir plus",
+  "from": "de",
+  "to": "à",
+  "since": "depuis",
+  "close": "Fermer",
   "months": ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Decembre"]
 }

index.html

@@ -45,7 +45,7 @@
 <body data-type="index">
 <main class="bio">
   <nav>
-    <img src="./assets/img/logo-small.png" class="band-logo" alt="band-logo">
+    <img src="#" id="band-picture" class="band-picture" alt="band-picture">
     <h1 id="band-name"></h1>
     <h2 id="band-desc"></h2>
     <div class="links">
@@ -57,6 +57,10 @@ <h3 id="musicians-section"></h3>
   <section id="artists"></section>
   <h3 id="works-section"></h3>
   <section id="releases"></section>
+  <h3 id="videos-section"></h3>
+  <figure>
+    <iframe title="NAC – Dystopie Live (Concert Complet)" width="560" height="315" src="https://tube.mycozy.space/videos/embed/5a713c21-3093-457f-be5a-1951ea6c4ab0" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
+  </figure>
   <footer>
     <a href="https://messe-basse-production.com" target="_blank" rel="noreferrer noopener">Messe Basse Production</a>
     <p>2021 – 2023</p>

listen.html

@@ -62,6 +62,7 @@
   </div>
 </section>
 <section class="track-links">
+  <div id="release-pager" class="release-pager"></div>
   <h1 id="release-title"></h1>
   <h2><span id="release-from"></span> <span id="release-artist"></span></h2>
   <p><b id="listen-online"></b> <span id="see-more-links"></span></p>