astro.config.mjs

@@ -1,9 +1,7 @@
 import { defineConfig } from 'astro/config';
 
-import sitemap from "@astrojs/sitemap";
-
 // https://astro.build/config
-import mdx from "@astrojs/mdx";
+import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
@@ -12,5 +10,5 @@ export default defineConfig({
   outDir: 'dist',
   publicDir: 'static',
   site: 'https://firq.dev/',
-  integrations: [sitemap(), mdx()]
+  integrations: [sitemap()]
 });

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@firq/fgosite",
 	"type": "module",
-	"version": "0.1.16",
+	"version": "0.1.15",
 	"private": true,
 	"scripts": {
 		"dev": "astro dev",
@@ -11,9 +11,7 @@
 		"astro": "astro"
 	},
 	"dependencies": {
-		"@astro-community/astro-embed-youtube": "^0.4.3",
 		"@astrojs/check": "^0.3.3",
-		"@astrojs/mdx": "^2.0.3",
 		"@astrojs/sitemap": "^3.0.3",
 		"astro": "^4.0.7",
 		"iconoir": "^7.2.0",

src/components/youtubeEmbed.astro

@@ -1,61 +0,0 @@
----
-import { YouTube } from '@astro-community/astro-embed-youtube'
-export interface Props {
-  id: string
-  thumbnail: string
-}
-
-const { id, thumbnail } = Astro.props
----
-
-<div class="youtube-center">
-  <noscript style="display: flex; justify-content: center;">
-    <style>
-      lite-youtube {
-        display: none;
-      }
-    </style>
-    <div class="warningtext">
-      <span>
-        To view the video, enable JavaScript or<br /><a
-          href=`https://www.youtube.com/watch?v=${id}`
-          target="_blank"
-          rel="noopener noreferrer">watch it on YouTube</a
-        >
-      </span>
-    </div>
-  </noscript>
-  <YouTube id={id} poster={thumbnail} />
-</div>
-
-<style>
-  .youtube-center {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
-
-  lite-youtube {
-    width: 100%;
-    max-height: 360px;
-    max-width: 640px;
-  }
-
-  .warningtext {
-    display: flex;
-    justify-content: center;
-    background-color: var(--c-darkgray);
-    width: 640px;
-    height: 360px;
-  }
-
-  span {
-    text-align: center;
-    margin-top: 20%;
-  }
-
-  span > a {
-    font-style: unset;
-    font-weight: bold;
-  }
-</style>

src/pages/blog.astro

@@ -5,7 +5,7 @@ import BlogSection from '../layouts/blogSection.astro'
 
 const description =
   'My own small blog. Topics include FGO, TA, Programming, web technologies and more!'
-const allPosts = await Astro.glob('../pages/blog/*.{md,mdx}')
+const allPosts = await Astro.glob('../pages/blog/*.md')
 allPosts.sort(
   (a, b) =>
     Date.parse(b.frontmatter.pubDate) - Date.parse(a.frontmatter.pubDate)

src/pages/blog/instant-death.md

@@ -6,8 +6,6 @@ description: 'Blog post talking about instant death in FGO, how you can take adv
 author: 'Firq'
 tags: ['fgo', 'games']
 ---
-import thumbnail from "../../assets/thumbnails/UwbNp_dB_VU.jpg"
-import YoutubeEmbed from "../../components/youtubeEmbed.astro"
 
 > **Disclaimer**<br/>
 > While writing this, Requiem and I faced a bit of a challenge concerning death rate calculations. Case in point is the passive "Item Construction"
@@ -105,8 +103,9 @@ For other skill levels, this looks like this (_Her S1 scales from 50% to 100%_)
 
 In the end, this resulted in the following comp that worked like a charm.
 
-<YoutubeEmbed id="UwbNp_dB_VU" thumbnail={thumbnail.src}/>
-
+<div style="width: 100%; display: flex; justify-content: center; padding-top: 0.75rem">
+<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/UwbNp_dB_VU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy"></iframe>
+</div>
 
 ## Conclusion