diff --git a/src/_data/linkTree.json b/src/_data/linkTree.json new file mode 100644 index 0000000..d7c565e --- /dev/null +++ b/src/_data/linkTree.json @@ -0,0 +1,42 @@ +[ + { + "title": "Cookie Collective", + "link": "https://cookie.paris" + }, + { + "title": "YouTube", + "link": "https://www.youtube.com/@cookiecollective" + }, + { + "title": "Spotify", + "link": "https://open.spotify.com/artist/2EzsVF83hFQU0lITwaMiBj?si=m1KaEQOXSJKqEKMpUIqrlA" + }, + { + "title": "Bandcamp", + "link": "https://cookiecollectif.bandcamp.com/music" + }, + { + "title": "LiveCoding.fr", + "link": "https://livecoding.fr" + }, + { + "title": "Renardo", + "link": "https://renardo.org" + }, + { + "title": "qsdlfkjqsdfl", + "link": "" + }, + { + "title": "qsdlfkjqsdfl", + "link": "" + }, + { + "title": "qsdlfkjqsdfl", + "link": "" + }, + { + "title": "qsdlfkjqsdfl", + "link": "" + } +] \ No newline at end of file diff --git a/src/_includes/navigation.njk b/src/_includes/navigation.njk index b2b75e2..02b7133 100644 --- a/src/_includes/navigation.njk +++ b/src/_includes/navigation.njk @@ -5,7 +5,7 @@
{% phicon "folder" %} Browse
{% phicon "scribble-loop" %} Wander
{% phicon "wall" %} Wall
-
{% phicon "film-reel" %} Cinema
+
{% phicon "film-reel" %} Cinema
{% phicon "book-open-text" %} Fanzine
{% phicon "flying-saucer" %} More
{% phicon "cookie" %}
diff --git a/src/about.njk b/src/about.njk index 9f622ef..d963fa0 100644 --- a/src/about.njk +++ b/src/about.njk @@ -4,60 +4,22 @@ title: Cookie Compilation {%include "head.njk" %} {%include "navigation.njk"%} +
-
-

- - Cookie Collective - -

-
- -
-

- - Youtube - -

-
- -
-

- - Spotify - -

-
- -
-

- - Bandcamp - -

-
- -
-

- - LiveCoding.fr - -

-
- -
-

- - Renardo - -

-
- + {% for link in linkTree -%} +
+

+ + {{link.title}} + +

+
+ {% endfor %}
@@ -68,31 +30,33 @@ title: Cookie Compilation margin: 5%; } - .container - { + .container { margin: 5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; + overflow: auto; + scrollbar-width: none; /* For Firefox */ + display: flex; + flex-direction: column; + align-items: center; } - .card { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; + .container::-webkit-scrollbar { + display: none; /* For Chrome, Safari, and Opera */ } .ressource-button { display: flex; justify-content: center; + width: 100%; } .button { - width: 85%; + width: 100%; + max-width: 600px; /* Adjust the max-width as needed */ font-size: 1.5em; } @@ -108,11 +72,6 @@ title: Cookie Compilation padding: 10px; text-decoration: none; transition: background-color 0.3s, color 0.3s; - width: 93%; - } - - - .button a { width: 100%; text-align: center; } @@ -122,6 +81,11 @@ title: Cookie Compilation z-index: 10; } - + /* Add larger margin-top for phones */ + @media (max-width: 600px) { + .container { + margin-top: 12%; + } + } diff --git a/src/cinema.njk b/src/cinema.njk new file mode 100644 index 0000000..563d549 --- /dev/null +++ b/src/cinema.njk @@ -0,0 +1,85 @@ +{%include "head.njk" %} +{%include "navigation.njk"%} + +
+
+

Please turn your device to landscape mode to view the video.

+
+ +
+ + + + + \ No newline at end of file diff --git a/src/index.njk b/src/index.njk index 5c85464..78cb63a 100644 --- a/src/index.njk +++ b/src/index.njk @@ -10,37 +10,35 @@ title: Cookie Compilation Your browser does not support HTML5 video.
-

- The concept is straightforward: an audiovisual compilation on the theme of Divagation.
- Divagation is a attractive starting point, that promotes personal errands; letting everyone's singularity emerge (also, it's a pretty flexible theme 🙊)
-
- Some definitions:
-
- _The act of wandering here and there, out of place.
- _The action of a mind wandering, wandering at the whim of its _reverie.
- _The contravention of letting animals wander or abandoning _them on the roads.
- _Displacement, total or partial, permanent or temporary, of a river bed.
-
- Synonyms: elucubration - extravagance - incoherence - rambling - reverie - daydream.’’
-
- In the first act, people created videos.
- For the second act, others created a soudtrack/music/noise for them.
-
- Our goal was to create a space of diffusion, for productions/techniques that have few or none, allow encounters to emerge, and foster collaboration between visual art and sound.
-
- That's how you ended with this U.F.O (Unidentified Freeform Object) lighting up your retina & tingling your eardrums.
-
- The Cookie Collective is an organization of humans, with de-facto roots since 2016. The collective's core is in France and especially the Greater Paris area.
- Some of us see themselves as technicians; some as artists; some keep pondering this existential question, while others just don't ask.
- From a focus on realtime visual art, over the last 3 years the musical dimension grew bigger in our collective's works.
- For this project, we want to bring back the visual to the front stage. A kind of Travel through Time, or rather to an alternative Present which honors the first years of the ollective, a salute to our livecoding pioneers.

+
+
+

The concept is straightforward: an audiovisual compilation on the theme of Divagation. + Divagation is a attractive starting point, that promotes personal errands; letting everyone's singularity emerge (also, it's a pretty flexible theme 🙊).

+

Some definitions:

+
    +
  • The act of wandering here and there, out of place.
  • +
  • The action of a mind wandering, wandering at the whim of its _reverie.
  • +
  • The contravention of letting animals wander or abandoning _them on
    the roads.
  • +
  • Displacement, total or partial, permanent or temporary, of a river bed.
  • +
+
+

Synonyms: elucubration - extravagance - incoherence - rambling - reverie - daydream.’’

+
+

In the first act, people created videos. For the second act, others created a soudtrack/music/noise for them. + Our goal was to create a space of diffusion, for productions/techniques that have few or none, allow encounters to emerge,and foster collaboration between visual art and sound. + That's how you ended with this U.F.O (Unidentified Freeform Object) lighting up your retina tingling your eardrums.

+

The Cookie Collective is an organization of humans, with de-facto roots since 2016. The collective's core is in France and especially the Greater Paris area. + Some of us see themselves as technicians; some as artists; some keep pondering this existential question, while others just don't ask. + From a focus on realtime visual art, over the last 3 years the musical dimension grew bigger in our collective's works. + For this project, we want to bring back the visual to the front stage. A kind of Travel through Time, or rather to an alternative Present which honors the first years of the ollective, a salute to our livecoding pioneers.

+

+
diff --git a/src/wall_of_sound.njk b/src/wall_of_sound.njk index e91ee43..d4d757d 100644 --- a/src/wall_of_sound.njk +++ b/src/wall_of_sound.njk @@ -28,6 +28,7 @@ permalink: /wall-of-sound/ {%- endfor %} {% endfor %} +