hotfix: youtube embed styles were lost on prod

website/src/content/blog/year-2.mdx

@@ -6,8 +6,6 @@ tags: ['meta']
 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:
 
 ```log
@@ -32,7 +30,7 @@ Here is the (pretty technical) video of my presentation:
 
 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 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".
 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).
 
 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:
 
-<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.
 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!
 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
 
@@ -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:
 
-<Youtube id="e2-Sv_jjDQk" client:only="react" />
+<Youtube client:only="react" id="e2-Sv_jjDQk" />
 
 ### Experimental Features
 

website/src/pages/blog.astro

@@ -8,7 +8,7 @@ import PageContent from '../components/PageContent/PageContent.astro';
 import RightSidebar from '../components/RightSidebar/RightSidebar.astro';
 import { getCollection } from 'astro:content';
 import { compareDesc } from 'date-fns';
-
+import 'react-lite-youtube-embed/dist/LiteYouTubeEmbed.css';
 const currentPage = Astro.url.pathname;
 
 const posts = (await getCollection('blog')).sort((a, b) => compareDesc(a.data.date, b.data.date));