first pass front end + content integration

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

Hide file tree

Showing 16 changed files with 416 additions and 436 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -2,6 +2,8 @@ const eleventySass = require("@11tyrocks/eleventy-plugin-sass-lightningcss");
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.addPlugin(eleventySass);
+  eleventyConfig.addPassthroughCopy("src/media");
+  eleventyConfig.addPassthroughCopy("src/content");
 
   return {
     dir: {

diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,76 @@
+# https://gitattributes.io/api/web
+
+# Content
+*.p8              text
+*.docx            text
+*.process         binary
+*.sav             binary
+
+# Graphics
+*.ai              binary
+*.bmp             binary
+*.eps             binary
+*.gif             binary
+*.gifv            binary
+*.ico             binary
+*.jng             binary
+*.jp2             binary
+*.jpg             binary
+*.jpeg            binary
+*.jpx             binary
+*.jxr             binary
+*.pdf             binary
+*.png             binary
+*.psb             binary
+*.psd             binary
+*.svg             text
+*.svgz            binary
+*.tif             binary
+*.tiff            binary
+*.wbmp            binary
+*.webp            binary
+
+
+# Audio
+*.kar             binary
+*.m4a             binary
+*.mid             binary
+*.midi            binary
+*.mp3             binary
+*.ogg             binary
+*.ra              binary
+
+# Video
+*.3gpp            binary
+*.3gp             binary
+*.as              binary
+*.asf             binary
+*.asx             binary
+*.avi             binary
+*.fla             binary
+*.flv             binary
+*.m4v             binary
+*.mng             binary
+*.mov             binary
+*.mp4             binary
+*.mpeg            binary
+*.mpg             binary
+*.ogv             binary
+*.swc             binary
+*.swf             binary
+*.webm            binary
+
+# Archives
+*.7z              binary
+*.gz              binary
+*.jar             binary
+*.rar             binary
+*.tar             binary
+*.zip             binary
+
+# Fonts
+*.ttf             binary
+*.eot             binary
+*.otf             binary
+*.woff            binary
+*.woff2           binary
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/_data/projects.json b/src/_data/projects.json
@@ -1,79 +1,32 @@
 [
 	{
-		"title": "Envi 2 terroir",
-		"description": "On a voulu collaborer avec des artistes locaux pour créer un projet qui met en valeur la culture de notre ville et les nombreux produits de la région.",
-		"date": "27-07-2024",
-		"videast": {
-			"name": "Jean",
-			"pseudonym": "Jean Lafuma",
-			"role": "videast",
-			"bio": "Jean est un vidéaste parisien bienheureux.",
-			"website": "https://jeanjean.com",
-			"links": {
-				"youtube": "https://youtube.com/jeanjean",
-				"instagram": "https://instagram.com/jeanjean",
-				"website": "https://jeanjean.com"
-			},
-			"technology": {
-				"camera": "Canon EOS 5D Mark IV",
-				"lens": "Canon EF 24-70mm f/2.8L II USM",
-				"software": "Adobe Premiere Pro"
-			}
+		"title": "DRD",
+		"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": "Paul",
-			"pseudonym": "Paul Reebok",
-			"role": "musician",
-			"bio": "Paul est un musicien parisien bienheureux.",
-			"website": "https://paulpaul.com",
-			"links": {
-				"youtube": "https://youtube.com/paulpaul",
-				"instagram": "https://instagram.com/paulpaul",
-				"website": "https://paulpaul.com"
-			},
-			"technology": {
-				"instrument": "Gibson Les Paul",
-				"software": "Ableton Live"
-			}
+		"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": "Urban Harmony",
-    	"description": "Un projet collaboratif visant à capturer l'essence de la vie urbaine à travers des images et des sons. Nous avons parcouru la ville avec un appareil photo afin de capter les meilleurs instants de vie... tant que nous sommes encore jeunes !",
-    	"date": "15-08-2024",
-    	"videast": {
-    	    "name": "Marie",
-    	    "pseudonym": "Marie Lumière",
-    	    "role": "videast",
-    	    "bio": "Marie est une vidéaste passionnée de Lyon, spécialisée dans les documentaires urbains.",
-    	    "website": "https://marielumiere.com",
-    	    "links": {
-    	        "youtube": "https://youtube.com/marielumiere",
-    	        "instagram": "https://instagram.com/marielumiere",
-    	        "website": "https://marielumiere.com"
-    	    },
-    	    "technology": {
-    	        "camera": "Sony A7 III",
-    	        "lens": "Sony FE 35mm f/1.4 GM",
-    	        "software": "Final Cut Pro"
-    	    }
-    	},
-    	"musician": {
-    	    "name": "Lucas",
-    	    "pseudonym": "Lucas Beats",
-    	    "role": "musician",
-    	    "bio": "Lucas est un musicien lyonnais spécialisé dans la production de musique électronique.",
-    	    "website": "https://lucasbeats.com",
-    	    "links": {
-    	        "youtube": "https://youtube.com/lucasbeats",
-    	        "instagram": "https://instagram.com/lucasbeats",
-    	        "website": "https://lucasbeats.com"
-    	    },
-    	    "technology": {
-    	        "instrument": "Novation Launchpad",
-    	        "software": "FL Studio"
-    	    }
-    	}
-}
-
+	}
 ]
diff --git a/src/_includes/_head.html b/src/_includes/_head.html
diff --git a/src/_includes/head.html b/src/_includes/head.html
@@ -0,0 +1,6 @@
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<link rel="stylesheet" href="{{ '/css/style.css' | url }}" />
+	<link rel="stylesheet" href="/css/gallery.css" />
+</head>
diff --git a/src/_includes/navigation.html b/src/_includes/navigation.html
@@ -0,0 +1,84 @@
+
+<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>
+</div>
+
+<style>
+
+    .main-bar
+    {
+        display: flex;
+        width: auto;
+        height: var(--navigation-size);
+        background-color: #333;
+        color: white;
+        justify-content: space-between;
+        align-items: center;
+        white-space: nowrap;
+    }
+
+    .logo img
+    {
+        line-height: var(--navigation-size);
+        padding: 0 10px;
+    }
+
+    .logo-link
+    {
+        text-decoration: none;
+        color: white;
+    }
+
+    .logo a:hover
+    {
+        background-color: #333;
+        color: white;
+        transition: background-color 0.3s ease, color 0.3s ease;
+    }
+
+    .horizontal-scroller
+    {
+        display: flex;
+        gap: 16px;
+        padding: 16px;
+        /**used to scroll text*/
+        white-space: nowrap;    
+        overflow-x: scroll;
+        scrollbar-width: none;
+        overflow-y: hidden;
+    }
+
+    .navlink
+    {
+        white-space: nowrap;
+        text-decoration: none;
+        color: white;
+        font-size: 2vh;
+        padding-left: 1vh;
+        padding-right: 1vh;
+        width: 100%;
+    }
+
+    .navlink:hover
+    {
+        background: white;
+        color: black;
+        padding: 1vh;
+        padding-bottom: 1vh;
+        transition: background-color 0.3s ease, color 0.3s ease;
+    }
+
+</style>
diff --git a/src/_includes/project.html b/src/_includes/project.html
diff --git a/src/about.html b/src/about.html
@@ -1,6 +1,6 @@
 ---
 title: Cookie Compilation
 ---
-{%include "_head.html" %}
+{%include "head.html" %}
 
 Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repudiandae odit cum numquam culpa, quos voluptatibus! Voluptate odio facilis provident ullam accusamus rerum sint nesciunt, sunt, temporibus laboriosam, magnam cumque ea? Et le Cookie Collective vaincra.