some bio

CookieCollective · Sep 8, 2024 · 74c25b6 · 74c25b6
1 parent 605fbf3
commit 74c25b6
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 104 deletions.
diff --git a/src/_data/projects.json b/src/_data/projects.json
@@ -1127,12 +1127,6 @@
 					"name": "linktr.ee",
 					"url": "https://linktr.ee/sergiiio"
 				}
-			],
-			"sources": [
-				{
-					"name": "code.scd",
-					"file": "code.scd"
-				}
 			]
 		}
 	},
@@ -1148,8 +1142,8 @@
 			"name": "VJ",
 			"links": [
 				{
-					"name": "linktr.ee",
-					"url": "https://linktr.ee/sergiiio"
+					"name": "Instagram",
+					"url": "https://www.instagram.com/krease_vision/"
 				}
 			],
 			"sources": [
@@ -1295,4 +1289,4 @@
 			]
 		}
 	}
-]
+]
diff --git a/src/content/projects/leon-vj/musician_bio.html b/src/content/projects/leon-vj/musician_bio.html
@@ -0,0 +1,5 @@
+Since 2022, Krease has been exploring live coding with an innovative approach. He started at Stereolux in Nantes, where he discovered the possibilities of live coding by combining music and programming. Initially, he used Ableton, but gradually evolved towards tools like PureData and PlugData before focusing on SuperCollider and Sardine.
+
+<br><br>His current approach is distinguished by the use of a micro-computer for lightweight travel, a transition motivated by the breakdown of his laptop. Krease is working on an ambitious project: encapsulating complete tracks in Python functions while optimizing the code structure for quick and efficient use in live coding.
+
+<br><br>For sound design, he experiments with granular synthesizers and serial effects to create unique sound textures. The idea is to go beyond standard usual codes and explore new musical techniques, while remaining rigorous in respecting the criteria of drum'n'bass and experimental neurobass.
diff --git a/src/content/projects/leon-vj/musician_description.html b/src/content/projects/leon-vj/musician_description.html
@@ -0,0 +1,9 @@
+For his latest track, Krease started with REAPER and BESPOKE on a micro-computer with limited power. BESPOKE quickly confronted him with CPU and RAM limitations, especially with multiple VSTi. Additionally, manually configuring MIDI devices was quite time-consuming.
+
+<br><br>He then moved to Pure Data and PlugData. Although PlugData's modular aspect was interesting, he encountered similar CPU limitations, and manual programming was quite complex.
+
+<br><br>Next, he discovered that plugins used in PlugData also work in SuperCollider. Using SuperCollider in headless mode with Sardine, he was able to integrate and manage functions more efficiently. Sardine was crucial for encapsulating functions and organizing pattern arrays, even though the Swim function he used doesn't directly handle syncopation but facilitates pattern management.
+
+<br><br>For this track, he explored using syncopation to align rhythms with the drum and bass style and began creating drum patterns that gradually launch. He also watched many learning videos on this musical style, techniques, and synthesizers used for inspiration. This took time but was very enriching.
+
+<br><br>Additionally, he found a method to create automations, marking the beginning of a new adventure in his creative process. The project is still in development, and he plans to add sound design techniques to enrich the track. In the future, he also wants to integrate Processing to control visuals in sync with the music.
diff --git a/src/content/projects/sheglitch-pango/musician_bio.html b/src/content/projects/sheglitch-pango/musician_bio.html
@@ -1 +1,2 @@
-A changing and composite being, evolving in epochs and spaces while adapting to each.
+I'm a 13 years old music maker. I started making music in 2020.
+My music has been really influenced by the original musicians of the game Geometry Dash such as f777, Waterflame, rukkus, thefatrat and Detious music. When I start a song I usually think ''what if I make this pattern on Nanoloop?" If it's good I keep it, if it's not I try something else until I get something good. My music doesn't have a special meaning, I let you find one yourself if you want to!
diff --git a/src/content/projects/stella-plot/musician_description.html b/src/content/projects/stella-plot/musician_description.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html>
+  <head><meta charset="utf-8"></head>
+  <body><p><span style="font-size:11pt"><span style="font-family:Arial,sans-serif">A la base j'était inspirer des processus de Iannis Xenakis. En essayant d'utiliser un ensemble de processus en transformant des éléments visuels en sons. Avec TouchDesigner un patch à convertit certaines données vidéo en son et sont ravalées et digérées en MIDI pour pouvoir les remanipuler. L'objectif était de créer une connexion entre l'image et le son, pour rendre certains mouvements visuel audible.</span></span><br type="_moz"></p><p><span style="font-size:11pt"><span style="font-family:Arial,sans-serif">La compo à été faite via Orca, Sunvox et SonicPi avec trois sessions d’enregistrement pour être rassembler en couche. Les datas qui avait été récupérer sont aussi ré-utilisées pour définir différents paramètres comme les notes, les octaves, la vélocité ou les fx utilisés. L’ensemble essaye de s'unir pour matérialiser la vision de la production visuel à la base où la musique essaye à son tour d’être vecteur d'une libération intérieure face à un système oppressif.</span></span></p><p><span style="font-size:11pt"><span style="font-family:Arial,sans-serif"></span></span>Voila voila, j'ai pas une technique de ouf donc on est pas sur une dinguerie mais c'était sympa comme expérience&nbsp;<br></p><p><br></p>  </body>
+</html>
diff --git a/src/project.njk b/src/project.njk
@@ -9,12 +9,11 @@ permalink: "projects/{{ project.folder | slugify }}/"
 {% include "head.njk" %}
 {% include "navigation.njk" %}
 
-
 <div class="page-container">
     <div class="background"></div>
     <div class="content-wrapper">
         <div class="column videast-column">
-            <div class="text-icon-combo"><h2>{% phosphor "eye" %}</h2> <h2>Video</h2></div>
+            <h2>Video {% phosphor "eye" %} </h2>
             {% if project.videast.bio %}
                 <fieldset>
                     <legend>Biography: <b>{{project.videast.name }}</b></legend>
@@ -54,17 +53,14 @@ permalink: "projects/{{ project.folder | slugify }}/"
         </div>
 
         <div class="column video-column">
-            <div class="project-title"</div>
-                <h2>{% phicon "projector-screen" %}</h2>
-                <h2>{{project.videast.name}} X {{project.musician.name}} &mdash; {{project.title}}</h2> 
-            </div>
+            <h2>{{project.videast.name}} X {{project.musician.name}} &mdash; {{project.title}} </h2>
             <video class="view box-shadow borders" controls>
                 <source src="/content/projects/{{ project.folder | slugify }}/clip.mp4" type="video/mp4" />
             </video>
         </div>
 
         <div class="column musician-column">
-            <div class="text-icon-combo"><h2>{% phosphor "ear" %}</h2><h2>Music</h2> </div>
+            <h2>Music {% phosphor "ear" %}</h2>
             {% if project.musician.bio %}
                 <fieldset>
                     <legend>Biography: <b>{{project.musician.name}}</b></legend>
@@ -112,19 +108,6 @@ permalink: "projects/{{ project.folder | slugify }}/"
         height: 100%;
     }
 
-    .text-icon-combo {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-    }
-
-    .project-title {
-        padding-top: 5px;
-        display: flex;
-        align-items: flex-start;
-        gap: 10px;
-    }
-
     .page-container {
         overflow: hidden;
         @media (max-width: 1024px) {
@@ -136,40 +119,39 @@ permalink: "projects/{{ project.folder | slugify }}/"
         background: black;
         color: white;
         position: relative;
-        padding-top: 25px;
     }
 
     .background {
-        background: center / cover url("/content/projects/{{ project.folder }}/screenshot.png") no-repeat fixed;
+        background: center / contain url("/content/projects/{{ project.folder }}/screenshot.png") no-repeat;
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
-        filter: blur(0px);
+        filter: blur(8px);
         z-index: 0;
     }
 
     .content-wrapper {
         display: flex;
         justify-content: space-between;
-        max-height: 90vh;
+        max-width: 1400px;
         margin: 0 auto;
-        padding: 0px;
+        padding: 20px;
         padding-top: 50px;
         position: relative;
         z-index: 1;
     }
 
     .column {
-        max-height: 100vh;
+        max-height: 90vh;
         flex: 1;
         background-color: rgba(0, 0, 0, 0.7);
         border-radius: 10px;
         opacity: 1;
-        background-color: rgba(0, 0, 0, 0.7);
+        background-color: rgba(0, 0, 0, 0.3);
         padding: 10px;
-        margin: 0 5px;
+        margin: 0 10px;
         overflow-y: auto;
         scrollbar-width: none; /* Hide scrollbar for Firefox */
         -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
@@ -187,6 +169,7 @@ permalink: "projects/{{ project.folder | slugify }}/"
 
     .view {
         width: 100%;
+        max-width: 800px;
         margin: 0 auto;
     }
 
@@ -217,96 +200,38 @@ permalink: "projects/{{ project.folder | slugify }}/"
     }
 
     @media (max-width: 1024px) {
-
-        .page-container {
-            padding-top: 50px;
-            overflow: visible;
-            height: auto;
-            min-height: auto;
-        }
-
         .content-wrapper {
-            overflow: visible;
             flex-direction: column;
-            max-height: none;
-            padding-top: 20px;
         }
 
         .column {
-            max-height: none;
-            overflow-y: visible;
             margin: 10px 0;
         }
 
-        // .video-column {
-        //     order: -1;
-        // }
-
         .video-column {
-            padding-top: 10px;
-            flex: 2;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
+            order: -1;
         }
-
-        .view {
-            width: 100%;
-            max-width: 100%;
-            height: auto;
-            margin: 0 auto;
-        }
-
-
-
-
-        body, html {
-            height: auto;
-            overflow-y: auto;
-        }
-
-        .ressource-button {
-            display: flex;
-            justify-content: center;
-        }
-
-        .button {
-            width: 85%;
-        }
-
-        .button a {
-            width: 100%;
-            text-align: center;
-        }
-
     }
-
 </style>
 
 <script>
 document.addEventListener('DOMContentLoaded', function() {
     const videoColumn = document.querySelector('.video-column');
     const videastColumn = document.querySelector('.videast-column');
     const musicianColumn = document.querySelector('.musician-column');
-    const contentWrapper = document.querySelector('.content-wrapper');
 
     function handleResize() {
         if (window.innerWidth <= 1024) {
-            if (videastColumn.nextElementSibling !== musicianColumn) {
-                contentWrapper.appendChild(videoColumn);
-                contentWrapper.appendChild(videastColumn);
-                contentWrapper.appendChild(musicianColumn);
-            }
+            videoColumn.after(videastColumn);
+            videoColumn.after(musicianColumn);
         } else {
-            if (videastColumn.nextElementSibling !== videoColumn) {
-                contentWrapper.appendChild(videastColumn);
-                contentWrapper.appendChild(videoColumn);
-                contentWrapper.appendChild(musicianColumn);
-            }
+            videoColumn.before(videastColumn);
+            videoColumn.after(musicianColumn);
         }
     }
 
     window.addEventListener('resize', handleResize);
-    handleResize(); // Call once to set initial state
+    handleResize();
 });
-</script>
+
+</script>