mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-25 12:38:35 +00:00
hotfix: youtube embed styles were lost on prod
This commit is contained in:
parent
06743cb072
commit
b184348f55
@ -6,8 +6,6 @@ tags: ['meta']
|
|||||||
author: froos
|
author: froos
|
||||||
---
|
---
|
||||||
|
|
||||||
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
|
|
||||||
|
|
||||||
Strudel is now 2 years old! This was the first commit to the strudel repo:
|
Strudel is now 2 years old! This was the first commit to the strudel repo:
|
||||||
|
|
||||||
```log
|
```log
|
||||||
@ -32,7 +30,7 @@ Here is the (pretty technical) video of my presentation:
|
|||||||
|
|
||||||
import { Youtube } from '@src/components/Youtube';
|
import { Youtube } from '@src/components/Youtube';
|
||||||
|
|
||||||
<Youtube id="ZzDSW08IAdU" params="start=2805" client:only="react" />
|
<Youtube client:only="react" id="ZzDSW08IAdU" params="start=2805" />
|
||||||
|
|
||||||
For the conference, I wrote a paper with Alex McLean, called [Strudel: Live Coding Patterns on the Web](https://zenodo.org/records/7842142).
|
For the conference, I wrote a paper with Alex McLean, called [Strudel: Live Coding Patterns on the Web](https://zenodo.org/records/7842142).
|
||||||
For me personally, this was my first major contact with the live coding scene and it was a very memorable experience!
|
For me personally, this was my first major contact with the live coding scene and it was a very memorable experience!
|
||||||
@ -49,14 +47,14 @@ I've also given workshops in [Switzerland](https://basel.codes/2023/index.html)
|
|||||||
Additionally, there is now a [Creative Coding](https://www.chalmers.se/en/collaborate-with-us/activities-for-schools/creative-coding/) course at Chalmers in Sweden, consisting of "a 10-week series of workshops [...] for younger girls to have fun and experiment with code and music".
|
Additionally, there is now a [Creative Coding](https://www.chalmers.se/en/collaborate-with-us/activities-for-schools/creative-coding/) course at Chalmers in Sweden, consisting of "a 10-week series of workshops [...] for younger girls to have fun and experiment with code and music".
|
||||||
I was very delighted to see this video of the girls having fun with Strudel:
|
I was very delighted to see this video of the girls having fun with Strudel:
|
||||||
|
|
||||||
<Youtube id="4zgHeNpG4wU" client:only="react" />
|
<Youtube client:only="react" id="4zgHeNpG4wU" />
|
||||||
|
|
||||||
The course was also encompassed by a study on female empowerement through Creative Coding, read more in [Jasmina Maric's paper "Singing Code"](https://www.academia.edu/106106710/Singing_Code).
|
The course was also encompassed by a study on female empowerement through Creative Coding, read more in [Jasmina Maric's paper "Singing Code"](https://www.academia.edu/106106710/Singing_Code).
|
||||||
|
|
||||||
Another bigger installment was the [(Algo|Afro) Futures programme](https://algo-afro-futures.lurk.org/) led by Antonio Roberts, which is "a mentoring programme for early career Black artists who want to explore creative coding and live coding".
|
Another bigger installment was the [(Algo|Afro) Futures programme](https://algo-afro-futures.lurk.org/) led by Antonio Roberts, which is "a mentoring programme for early career Black artists who want to explore creative coding and live coding".
|
||||||
For the final concert they recorded this amazing live stream:
|
For the final concert they recorded this amazing live stream:
|
||||||
|
|
||||||
<Youtube id="zUoZvkZ3J7Q" params="start=842" client:only="react" />
|
<Youtube client:only="react" id="zUoZvkZ3J7Q" params="start=842" />
|
||||||
|
|
||||||
I am so happy to see that the project I've co-created has had such an impact already, making live coding workshops more easy and accessible.
|
I am so happy to see that the project I've co-created has had such an impact already, making live coding workshops more easy and accessible.
|
||||||
In my opinion, the reasons why people seem to choose strudel for teaching are:
|
In my opinion, the reasons why people seem to choose strudel for teaching are:
|
||||||
@ -211,7 +209,7 @@ This photo shows a flok jam I did with my workshop participants in basel:
|
|||||||
The cool thing about flok is that you can jam with people on the other side of the planet!
|
The cool thing about flok is that you can jam with people on the other side of the planet!
|
||||||
Here is a recording of the first session we organized over the discord server:
|
Here is a recording of the first session we organized over the discord server:
|
||||||
|
|
||||||
<Youtube id="p0J7XrT9JEs" params="start=2634" client:only="react" />
|
<Youtube client:only="react" id="p0J7XrT9JEs" params="start=2634" />
|
||||||
|
|
||||||
### Better MIDI integration
|
### Better MIDI integration
|
||||||
|
|
||||||
@ -223,7 +221,7 @@ The midi integration has gotten a few new features:
|
|||||||
|
|
||||||
Here is a little demo of me fiddling with a midi controller, changing a piano pattern:
|
Here is a little demo of me fiddling with a midi controller, changing a piano pattern:
|
||||||
|
|
||||||
<Youtube id="e2-Sv_jjDQk" client:only="react" />
|
<Youtube client:only="react" id="e2-Sv_jjDQk" />
|
||||||
|
|
||||||
### Experimental Features
|
### Experimental Features
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,7 @@ import PageContent from '../components/PageContent/PageContent.astro';
|
|||||||
import RightSidebar from '../components/RightSidebar/RightSidebar.astro';
|
import RightSidebar from '../components/RightSidebar/RightSidebar.astro';
|
||||||
import { getCollection } from 'astro:content';
|
import { getCollection } from 'astro:content';
|
||||||
import { compareDesc } from 'date-fns';
|
import { compareDesc } from 'date-fns';
|
||||||
|
import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
|
||||||
const currentPage = Astro.url.pathname;
|
const currentPage = Astro.url.pathname;
|
||||||
|
|
||||||
const posts = (await getCollection('blog')).sort((a, b) => compareDesc(a.data.date, b.data.date));
|
const posts = (await getCollection('blog')).sort((a, b) => compareDesc(a.data.date, b.data.date));
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user