test gallery, menu

CookieCollective · Aug 9, 2024 · 97681d2 · 97681d2
1 parent 4fb0059
commit 97681d2
Show file tree

Hide file tree

Showing 6 changed files with 168 additions and 130 deletions.
diff --git a/src/_data/projects.json b/src/_data/projects.json
@@ -28,5 +28,125 @@
 				}
 			]
 		}
+	},
+	{
+		"title": "DRD2",
+		"folder": "damien-rene-danger",
+		"videast":
+		{
+			"name": "Damien",
+			"bio": "Programmeur et dévelopeur de jeu vidéo. J'ai découvert Pico8 il y a un an lors d'une demo party.",
+			"description": "Demo réalisée en utilisant Pico8, une Fantasy Console qui propose un environement developement de jeu complet (code,sprite,son,level design) inspirée des  console 8bit.<br/><br/>Démo réalisée en 1 mois, avec le gros de l'optimisation fait pendant la Revision 2024 Pico8 simulant également les soucis de performance des console 8bit. L'on utilise donc pas la puissance brut de l'ordinateur.<br/><br/><a href='https://www.lexaloffle.com/pico-8.php'>https://www.lexaloffle.com/pico-8.php</a>"
+		},
+		"musician":
+		{
+			"name": "Rene Danger",
+			"bio": "Dans ses concerts, René Danger superpose sa voix aux synthétiseurs modulaires et à sa gameboy, pour un mélange entre gwerzoù (complaintes) bretonnes et breakbeat, mélodies traditionnelles et sonorités dub ou electro. Un style que l'on pourrait qualifier de chip-trad ou gwerz-dub.<br/><br/>Il a co-fondé le micro-label Editentités, avec lequel il explore musiques traditionnelles ou futuristes. DJ sur LYL radio pour sa propre émission, il expérimente également avec le format radiophonique au sein d'Ondorphine, radio pirate et rêveuse qui utilise la bande FM comme canal éphémère de convivialité, savoir et expérimentation. <br/><br/>Entre quelques apparitions sur des labels bretons et parisiens, René Danger a sorti son premier album \"Pacifique Atlantique\" en 2019 sur Supergenius Records, et son deuxième intitulé \"Randonerd EP\" en 2022 sur son propre label Editentités. \"Gwerz Boy\", son dernier opus, est paru en mai 2023 accompagné d'un jeu pour gameboy entièrement développé par René lui-même.",
+			"links":
+			[
+				{
+					"name": "soundcloud",
+					"url": "https://soundcloud.com/rene-danger"
+				},
+				{
+					"name": "instagram",
+					"url": "https://www.instagram.com/rene_dangerrr/"
+				},
+				{
+					"name": "website",
+					"url": "https://aledreff.github.io/"
+				}
+			]
+		}
+	},
+	{
+		"title": "DRD3",
+		"folder": "damien-rene-danger",
+		"videast":
+		{
+			"name": "Damien",
+			"bio": "Programmeur et dévelopeur de jeu vidéo. J'ai découvert Pico8 il y a un an lors d'une demo party.",
+			"description": "Demo réalisée en utilisant Pico8, une Fantasy Console qui propose un environement developement de jeu complet (code,sprite,son,level design) inspirée des  console 8bit.<br/><br/>Démo réalisée en 1 mois, avec le gros de l'optimisation fait pendant la Revision 2024 Pico8 simulant également les soucis de performance des console 8bit. L'on utilise donc pas la puissance brut de l'ordinateur.<br/><br/><a href='https://www.lexaloffle.com/pico-8.php'>https://www.lexaloffle.com/pico-8.php</a>"
+		},
+		"musician":
+		{
+			"name": "Rene Danger",
+			"bio": "Dans ses concerts, René Danger superpose sa voix aux synthétiseurs modulaires et à sa gameboy, pour un mélange entre gwerzoù (complaintes) bretonnes et breakbeat, mélodies traditionnelles et sonorités dub ou electro. Un style que l'on pourrait qualifier de chip-trad ou gwerz-dub.<br/><br/>Il a co-fondé le micro-label Editentités, avec lequel il explore musiques traditionnelles ou futuristes. DJ sur LYL radio pour sa propre émission, il expérimente également avec le format radiophonique au sein d'Ondorphine, radio pirate et rêveuse qui utilise la bande FM comme canal éphémère de convivialité, savoir et expérimentation. <br/><br/>Entre quelques apparitions sur des labels bretons et parisiens, René Danger a sorti son premier album \"Pacifique Atlantique\" en 2019 sur Supergenius Records, et son deuxième intitulé \"Randonerd EP\" en 2022 sur son propre label Editentités. \"Gwerz Boy\", son dernier opus, est paru en mai 2023 accompagné d'un jeu pour gameboy entièrement développé par René lui-même.",
+			"links":
+			[
+				{
+					"name": "soundcloud",
+					"url": "https://soundcloud.com/rene-danger"
+				},
+				{
+					"name": "instagram",
+					"url": "https://www.instagram.com/rene_dangerrr/"
+				},
+				{
+					"name": "website",
+					"url": "https://aledreff.github.io/"
+				}
+			]
+		}
+	},
+	{
+		"title": "DRD4",
+		"folder": "damien-rene-danger",
+		"videast":
+		{
+			"name": "Damien",
+			"bio": "Programmeur et dévelopeur de jeu vidéo. J'ai découvert Pico8 il y a un an lors d'une demo party.",
+			"description": "Demo réalisée en utilisant Pico8, une Fantasy Console qui propose un environement developement de jeu complet (code,sprite,son,level design) inspirée des  console 8bit.<br/><br/>Démo réalisée en 1 mois, avec le gros de l'optimisation fait pendant la Revision 2024 Pico8 simulant également les soucis de performance des console 8bit. L'on utilise donc pas la puissance brut de l'ordinateur.<br/><br/><a href='https://www.lexaloffle.com/pico-8.php'>https://www.lexaloffle.com/pico-8.php</a>"
+		},
+		"musician":
+		{
+			"name": "Rene Danger",
+			"bio": "Dans ses concerts, René Danger superpose sa voix aux synthétiseurs modulaires et à sa gameboy, pour un mélange entre gwerzoù (complaintes) bretonnes et breakbeat, mélodies traditionnelles et sonorités dub ou electro. Un style que l'on pourrait qualifier de chip-trad ou gwerz-dub.<br/><br/>Il a co-fondé le micro-label Editentités, avec lequel il explore musiques traditionnelles ou futuristes. DJ sur LYL radio pour sa propre émission, il expérimente également avec le format radiophonique au sein d'Ondorphine, radio pirate et rêveuse qui utilise la bande FM comme canal éphémère de convivialité, savoir et expérimentation. <br/><br/>Entre quelques apparitions sur des labels bretons et parisiens, René Danger a sorti son premier album \"Pacifique Atlantique\" en 2019 sur Supergenius Records, et son deuxième intitulé \"Randonerd EP\" en 2022 sur son propre label Editentités. \"Gwerz Boy\", son dernier opus, est paru en mai 2023 accompagné d'un jeu pour gameboy entièrement développé par René lui-même.",
+			"links":
+			[
+				{
+					"name": "soundcloud",
+					"url": "https://soundcloud.com/rene-danger"
+				},
+				{
+					"name": "instagram",
+					"url": "https://www.instagram.com/rene_dangerrr/"
+				},
+				{
+					"name": "website",
+					"url": "https://aledreff.github.io/"
+				}
+			]
+		}
+	},
+	{
+		"title": "DRD5",
+		"folder": "damien-rene-danger",
+		"videast":
+		{
+			"name": "Damien",
+			"bio": "Programmeur et dévelopeur de jeu vidéo. J'ai découvert Pico8 il y a un an lors d'une demo party.",
+			"description": "Demo réalisée en utilisant Pico8, une Fantasy Console qui propose un environement developement de jeu complet (code,sprite,son,level design) inspirée des  console 8bit.<br/><br/>Démo réalisée en 1 mois, avec le gros de l'optimisation fait pendant la Revision 2024 Pico8 simulant également les soucis de performance des console 8bit. L'on utilise donc pas la puissance brut de l'ordinateur.<br/><br/><a href='https://www.lexaloffle.com/pico-8.php'>https://www.lexaloffle.com/pico-8.php</a>"
+		},
+		"musician":
+		{
+			"name": "Rene Danger",
+			"bio": "Dans ses concerts, René Danger superpose sa voix aux synthétiseurs modulaires et à sa gameboy, pour un mélange entre gwerzoù (complaintes) bretonnes et breakbeat, mélodies traditionnelles et sonorités dub ou electro. Un style que l'on pourrait qualifier de chip-trad ou gwerz-dub.<br/><br/>Il a co-fondé le micro-label Editentités, avec lequel il explore musiques traditionnelles ou futuristes. DJ sur LYL radio pour sa propre émission, il expérimente également avec le format radiophonique au sein d'Ondorphine, radio pirate et rêveuse qui utilise la bande FM comme canal éphémère de convivialité, savoir et expérimentation. <br/><br/>Entre quelques apparitions sur des labels bretons et parisiens, René Danger a sorti son premier album \"Pacifique Atlantique\" en 2019 sur Supergenius Records, et son deuxième intitulé \"Randonerd EP\" en 2022 sur son propre label Editentités. \"Gwerz Boy\", son dernier opus, est paru en mai 2023 accompagné d'un jeu pour gameboy entièrement développé par René lui-même.",
+			"links":
+			[
+				{
+					"name": "soundcloud",
+					"url": "https://soundcloud.com/rene-danger"
+				},
+				{
+					"name": "instagram",
+					"url": "https://www.instagram.com/rene_dangerrr/"
+				},
+				{
+					"name": "website",
+					"url": "https://aledreff.github.io/"
+				}
+			]
+		}
 	}
 ]
diff --git a/src/_includes/navigation.html b/src/_includes/navigation.html
@@ -1,18 +1,13 @@
 
 <div class="main-bar">
     <div class="logo">
-        <a href="/">
-            <img src="/media/icon/cookie_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg">
-        </a>
     </div>
     <div class="horizontal-scroller">
-        {% for project in projects %}
-        <div>
-            <a class="navlink" href="/projects/{{ project.title | slugify }}">{{ project.title }}</a>
-        </div>
-        {% endfor %}
-        <div><a class="navlink" href="/project_list">A</a></div>
-        <div><a class="navlink" href="/about">Q</a></div>
+        <div><a class="navlink" href="/gallery">All</a></div>
+        <div><a class="navlink" href="/">Random</a></div>
+        <div><a class="navlink" href="/">Mur du son</a></div>
+        <div><a class="navlink" href="/">Zapping</a></div>
+        <div><a class="navlink" href="/"><img src="/media/icon/cookie_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24.svg"></a></div>
     </div>
 </div>
 

diff --git a/src/content/damien-rene-danger/more/.~lock.RENE-DANGER_me.docx# b/src/content/damien-rene-danger/more/.~lock.RENE-DANGER_me.docx#
diff --git a/src/css/gallery.scss b/src/css/gallery.scss
@@ -1,5 +1,4 @@
 
-
 .gallery {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
@@ -8,13 +7,11 @@
     // Limit the vertical size to the size of the viewport then scroll
     max-height: 80vh;
     overflow-y: auto;
-
 }
 
 .gallery-item {
     position: relative;
     background-color: #f9f9f9;
-    border: 1px solid #ddd;
     border-radius: 8px;
     overflow: hidden;
     transition: transform 0.2s;

diff --git a/src/gallery.html b/src/gallery.html
@@ -0,0 +1,43 @@
+{%include "head.html" %}
+{%include "navigation.html" %}
+
+<div class="container">
+    <video autoplay muted loop>
+        <source src="/media/ccc.mp4" type="video/mp4">
+        Your browser does not support HTML5 video.
+    </video>
+    <div class="gallery">
+        {% for project in projects %}
+        <div class="gallery-item">
+            <a href="/projects/{{ project.title | slugify }}">
+                <img src="/content/{{ project.folder }}/screenshot.png" alt="{{ project.title }}">
+                <div class="gallery-item-content">
+                    <h2>{{ project.videast.name }}</h2>
+                    <h2>{{ project.musician.name }}</h2>
+                </div>
+            </a>
+        </div>
+        {% endfor %}
+    </div>
+</div>
+
+<style>
+
+    .container
+    {
+        position: absolute;
+        top: var(--navigation-size);
+        left: 0;
+        right: 0;
+        bottom: 0;
+    }
+
+    video
+    {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+
+</style>
diff --git a/src/project_list.html b/src/project_list.html