Merge pull request #2847 from mashehu/switch-youtube-thumbnails

Switch youtube thumbnail URL
nf-core · Nov 11, 2024 · 45ab97d · 45ab97d
2 parents bf0e53e + 43ce44d
commit 45ab97d
Show file tree

Hide file tree

Showing 16 changed files with 1,540 additions and 1,727 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/sites/configs/astro.config.mjs b/sites/configs/astro.config.mjs
@@ -87,7 +87,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },

diff --git a/sites/docs/astro.config.mjs b/sites/docs/astro.config.mjs
@@ -87,7 +87,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },

diff --git a/sites/main-site/astro.config.mjs b/sites/main-site/astro.config.mjs
@@ -111,7 +111,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },

diff --git a/sites/main-site/src/components/event/HackathonGroup.astro b/sites/main-site/src/components/event/HackathonGroup.astro
@@ -109,7 +109,7 @@ const border_col = this_color ? { 'border-left-color': this_color, 'border-left-
             {
                 intro_video && (
                     <div class="col-md-6">
-                        <YouTube id={intro_video} poster={`https://img.youtube.com/vi/${intro_video}/hqdefault.jpg`} />
+                        <YouTube id={intro_video} poster={`https://i.ytimg.com/vi/${intro_video}/hqdefault.jpg`} />
                     </div>
                 )
             }

diff --git a/sites/main-site/src/components/homepage/HomepageVideosEvents.astro b/sites/main-site/src/components/homepage/HomepageVideosEvents.astro
@@ -54,7 +54,7 @@ let eventPreviewPast = eventPreview
     <div class="row videos-row">
         <div class="col-lg-4" id="nf-core-video">
             <h2>Introduction to nf-core</h2>
-            <YouTube id="gUM9acK25tQ" poster={`https://img.youtube.com/vi/gUM9acK25tQ/maxresdefault.jpg`} />
+            <YouTube id="gUM9acK25tQ" poster={`https://i.ytimg.com/vi/gUM9acK25tQ/maxresdefault.jpg`} />
             <a href="https://www.youtube.com/@nf-core" class="my-3 btn btn-lg btn-danger bg-youtube">
                 <i class="fab fa-youtube me-3"></i> nf-core YouTube channel
             </a>
@@ -117,7 +117,7 @@ let eventPreviewPast = eventPreview
 
             <p>Our weekly series of short talks.</p>
 
-            <YouTube id={latestBytesize} poster={`https://img.youtube.com/vi/${latestBytesize}/hqdefault.jpg`} />
+            <YouTube id={latestBytesize} poster={`https://i.ytimg.com/vi/${latestBytesize}/hqdefault.jpg`} />
             <div class="my-2">
                 <FuzzySearch possibleResults={bytesizeSearch} placeholder="Find another bytesize" client:load />
             </div>

diff --git a/sites/main-site/src/components/pipeline/PipelineSidebar.astro b/sites/main-site/src/components/pipeline/PipelineSidebar.astro
@@ -124,7 +124,7 @@ const id = video?.replace('https://www.youtube.com/watch?v=', '').replace('https
     {
         id && (
             <SidebarStatsRow content={[{ title: 'video introduction', icon: 'fa-brands fa-youtube' }]}>
-                <YouTube id={id} poster={`https://img.youtube.com/vi/${id}/hqdefault.jpg`} />
+                <YouTube id={id} poster={`https://i.ytimg.com/vi/${id}/hqdefault.jpg`} />
             </SidebarStatsRow>
         )
     }

diff --git a/sites/main-site/src/content/blog/2024/fastquorum_intro.mdx b/sites/main-site/src/content/blog/2024/fastquorum_intro.mdx
@@ -226,7 +226,7 @@ Both [Fulcrum Genomics][fulcrum-genomics-link] and its [current and past team me
 
 If you want to hear this all over again, please check out the recent talk announcing the first release of this pipeline at the Nextflow Summit in Boston (2024):
 
-    <YouTube id="https://www.youtube.com/watch?v=qW4kgr3x9Mo" poster='https://img.youtube.com/vi/qW4kgr3x9Mo/maxresdefault.jpg'/>
+    <YouTube id="https://www.youtube.com/watch?v=qW4kgr3x9Mo" poster='https://i.ytimg.com/vi/qW4kgr3x9Mo/maxresdefault.jpg'/>
 
 [nf-core-fastquorum-link]: https://nf-co.re/fastquorum
 [fgbio-best-practices-link]: https://github.com/fulcrumgenomics/fgbio/blob/main/docs/best-practice-consensus-pipeline.md

diff --git a/sites/main-site/src/content/blog/2024/sarek_paper.mdx b/sites/main-site/src/content/blog/2024/sarek_paper.mdx
@@ -102,4 +102,4 @@ and you’re welcome to join #sarek_dev if you really want to get involved.
 
 If you want to know more, here are some recent talks detailing the changes and development journey:
 
-    <YouTube id="https://www.youtube.com/watch?v=pfxEJJs63y8" poster='https://img.youtube.com/vi/pfxEJJs63y8/maxresdefault.jpg'/> <YouTube id="https://www.youtube.com/watch?v=ivHBfilnUIY" poster='https://img.youtube.com/vi/ivHBfilnUIY/maxresdefault.jpg' />
+    <YouTube id="https://www.youtube.com/watch?v=pfxEJJs63y8" poster='https://i.ytimg.com/vi/pfxEJJs63y8/maxresdefault.jpg'/> <YouTube id="https://www.youtube.com/watch?v=ivHBfilnUIY" poster='https://i.ytimg.com/vi/ivHBfilnUIY/maxresdefault.jpg' />
diff --git a/sites/main-site/src/content/blog/2024/tools-3_0_0.mdx b/sites/main-site/src/content/blog/2024/tools-3_0_0.mdx
@@ -37,7 +37,7 @@ We promise, it's worth it! :pray:
     -   For nf-core pipelines, certain core features (e.g., documentation, CI tests) remain mandatory, but you still have significant customisation flexibility.
 -   New Text User Interface (TUI) for pipeline creation
     -   A guided interface helps you through the process when running `nf-core pipelines create{:bash}` (don't worry - you can still use the CLI by providing all values as parameters).
-        <YouTube id={'VwjXNXONHlY'} poster={`https://img.youtube.com/vi/VwjXNXONHlY/maxresdefault.jpg`} />
+        <YouTube id={'VwjXNXONHlY'} poster={`https://i.ytimg.com/vi/VwjXNXONHlY/maxresdefault.jpg`} />
 -   Switch to [nf-schema](https://nextflow-io.github.io/nf-schema/latest/) for input validation
     -   Replaces its predecessor nf-validation as a standard plugin in the template
 -   CI tests now use the nf-core tools version matching the pipeline's template version
@@ -179,7 +179,7 @@ To prepare for upcoming Nextflow syntax depreciations, for loops and try/catch b
 
 ## Video walk-through
 
-<YouTube class="mx-auto my-3" id="cTwFyp7LkOw" poster={`https://img.youtube.com/vi/cTwFyp7LkOw/maxresdefault.jpg`} />
+<YouTube class="mx-auto my-3" id="cTwFyp7LkOw" poster={`https://i.ytimg.com/vi/cTwFyp7LkOw/maxresdefault.jpg`} />
 
 ## `README.md`
 

diff --git a/sites/main-site/src/content/events/2023/hackathon-november-2023.mdx b/sites/main-site/src/content/events/2023/hackathon-november-2023.mdx
@@ -52,7 +52,7 @@ More information about this venue can be found on the [Nextflow Summit website](
     </span>
 </a>
 
-<YouTube id="wWtzQII2_Ng" poster="https://img.youtube.com/vi/wWtzQII2_Ng/hqdefault.jpg" />
+<YouTube id="wWtzQII2_Ng" poster="https://i.ytimg.com/vi/wWtzQII2_Ng/hqdefault.jpg" />
 
 # Schedule
 

diff --git a/sites/main-site/src/content/events/2023/hackathon-october-2023.mdx b/sites/main-site/src/content/events/2023/hackathon-october-2023.mdx
@@ -67,7 +67,7 @@ with links that you can use to subscribe / add to your personal calendar.
 The in-person hackathon will be taking place at [Hotel SB Glow](https://goo.gl/maps/6uKCKkbciLAR5qgSA).
 More information about this venue can be found the the [Nextflow Summit website](https://summit.nextflow.io/).
 
-<YouTube id="uMLXuGfhEOo" poster="https://img.youtube.com/vi/uMLXuGfhEOo/hqdefault.jpg" />
+<YouTube id="uMLXuGfhEOo" poster="https://i.ytimg.com/vi/uMLXuGfhEOo/hqdefault.jpg" />
 
 ## Online: Gather.town
 

diff --git a/sites/main-site/src/pages/events/[...event].astro b/sites/main-site/src/pages/events/[...event].astro
@@ -44,10 +44,10 @@ const ids = video?.map(
 // Check if maxres thumbnail is available
 let posters = await Promise.all(
     Array.from(ids || []).map(async (id) => {
-        const maxresPoster = `https://img.youtube.com/vi/${id}/maxresdefault.jpg`;
+        const maxresPoster = `https://i.ytimg.com/vi/${id}/maxresdefault.jpg`;
         const response = await fetch(maxresPoster);
         if (response.status === 404) {
-            return `https://img.youtube.com/vi/${id}/hqdefault.jpg`;
+            return `https://i.ytimg.com/vi/${id}/hqdefault.jpg`;
         }
         return maxresPoster;
     }),

diff --git a/sites/modules-subworkflows/astro.config.mjs b/sites/modules-subworkflows/astro.config.mjs
@@ -87,7 +87,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },

diff --git a/sites/pipeline-results/astro.config.mjs b/sites/pipeline-results/astro.config.mjs
@@ -95,7 +95,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },

diff --git a/sites/pipelines/astro.config.mjs b/sites/pipelines/astro.config.mjs
@@ -103,7 +103,7 @@ export default defineConfig({
             preprocessorOptions: {
                 scss: {
                     api: 'modern-compiler',
-                    silenceDeprecations: ['legacy-js-api'],
+                    silenceDeprecations: ['legacy-js-api','mixed-decls','color-functions'],
                 },
             },
         },
Original file line number	Diff line number	Diff line change
Expand Up		@@ -102,4 +102,4 @@ and you’re welcome to join #sarek_dev if you really want to get involved.

		If you want to know more, here are some recent talks detailing the changes and development journey:

		<YouTube id="https://www.youtube.com/watch?v=pfxEJJs63y8" poster='https://img.youtube.com/vi/pfxEJJs63y8/maxresdefault.jpg'/> <YouTube id="https://www.youtube.com/watch?v=ivHBfilnUIY" poster='https://img.youtube.com/vi/ivHBfilnUIY/maxresdefault.jpg' />
		<YouTube id="https://www.youtube.com/watch?v=pfxEJJs63y8" poster='https://i.ytimg.com/vi/pfxEJJs63y8/maxresdefault.jpg'/> <YouTube id="https://www.youtube.com/watch?v=ivHBfilnUIY" poster='https://i.ytimg.com/vi/ivHBfilnUIY/maxresdefault.jpg' />
-Original file line number
+Diff line change
@@ Expand Up @@
         </span>
     </a>
-    <YouTube id="wWtzQII2_Ng" poster="https://img.youtube.com/vi/wWtzQII2_Ng/hqdefault.jpg" />
+    <YouTube id="wWtzQII2_Ng" poster="https://i.ytimg.com/vi/wWtzQII2_Ng/hqdefault.jpg" />
     # Schedule
@@ Expand Down @@