Run prettier

content/blog/general/001-free-pizza.mdx

@@ -8,10 +8,10 @@ published: 2018-03-10 22:00:00
 author:
     name: Kevin Kandlbinder
 embeddedImagesLocal:
-  - './assets/001-free-pizza/firefox_2018-03-10_11-51-08-e1520680515546.png'
+    - "./assets/001-free-pizza/firefox_2018-03-10_11-51-08-e1520680515546.png"
 ---
 
-import { getImage, GatsbyImage } from 'gatsby-plugin-image';
+import { getImage, GatsbyImage } from "gatsby-plugin-image";
 
 > „Never trust user input“
 
@@ -32,8 +32,9 @@ Nachdem ich das sah war die Challenge nicht mehr zu ignorieren: ICH WILL GEWINNE
 Also habe ich mich durch den Code gewühlt und mir fielen mehrere Variablen auf, die offensichtlich für die Gewinnchancen zuständig sind. (Fun Fact: Die Chance beim ersten Versuch ist größer als bei allen weiteren) Als ich aber mit denen ein bisschen ohne Ergebnis rumgespielt habe, habe ich mich direkt in die Funktionen gesetzt und nachvollzogen was das Programm genau macht wenn ich den Button drücke, und da war es: In Zeile 203
 
 fand sich die Funktion „win“…
+
 <div>
-    <GatsbyImage alt='win();' image={getImage(props.localImages[0])} />
+    <GatsbyImage alt="win();" image={getImage(props.localImages[0])} />
 </div>
 
 Aber das kann doch nicht funktionieren… Die Web-Sicherheit…
@@ -43,11 +44,19 @@ Aber das kann doch nicht funktionieren… Die Web-Sicherheit…
 Also nichts wie ab damit in die Konsole und…
 
 <div style="display: flex; align-items: center; gap: 20px;">
-    <img src="./assets/001-free-pizza/2018-03-10_11-52-49.gif" alt="Konsole" width="50%" />
+    <img
-    <img src="./assets/001-free-pizza/2018-03-10_11-52-01.gif" alt="Casino"  width="50%" />
+        src="./assets/001-free-pizza/2018-03-10_11-52-49.gif"
+        alt="Konsole"
+        width="50%"
+    />
+    <img
+        src="./assets/001-free-pizza/2018-03-10_11-52-01.gif"
+        alt="Casino"
+        width="50%"
+    />
 </div>
 
-…gewonnen, der Code war besiegt, die Challenge gemeistert, die Web-Sicherheit im A**** und ich zufrieden. Toll. Aber was nun? Sich ganz viele Gutscheine auf Prepaid-Nummern holen? Zu anstrengend. Pizza.de Bescheid sagen? Ja, aber nicht genug… Darüber schreiben und eine Moral für jeden Entwickler draus ziehen? Ja, das klingt gut!
+…gewonnen, der Code war besiegt, die Challenge gemeistert, die Web-Sicherheit im A\*\*\*\* und ich zufrieden. Toll. Aber was nun? Sich ganz viele Gutscheine auf Prepaid-Nummern holen? Zu anstrengend. Pizza.de Bescheid sagen? Ja, aber nicht genug… Darüber schreiben und eine Moral für jeden Entwickler draus ziehen? Ja, das klingt gut!
 
 ## Die Moral von der Geschicht‘...
 
@@ -55,4 +64,13 @@ Also nichts wie ab damit in die Konsole und…
 
 Das Casino sollte im Hintergrund seine Ergebnisse auf dem Server generieren, auch wenn es eine kurze Ladezeit gäbe und vom Server einen Token bekommen, mit dem der Gewinn abgeholt werden könnte. Somit würde der Server entscheiden ob ein Gutschein herausgegeben wird und nicht ein hobbyloser Typ mit einem PC.
 
-<small>Importiert aus altem Blog - <a href="https://web.archive.org/web/20201216152631/https://blog.1in9.net/2018/03/never-trust-user-input-gratis-pizza/" target="_blank" rel="noreferrer  ">Archiviertes Original</a></small>
+<small>
+    Importiert aus altem Blog -{" "}
+    <a
+        href="https://web.archive.org/web/20201216152631/https://blog.1in9.net/2018/03/never-trust-user-input-gratis-pizza/"
+        target="_blank"
+        rel="noreferrer  "
+    >
+        Archiviertes Original
+    </a>
+</small>

content/blog/scambox/002-crypto-ideas.mdx

@@ -19,21 +19,17 @@ Today I want to tell you the story of a business investor, amazing ideas, unregu
 So put on your seatbelts, grab your popcorn, we're jumping right into the chat-log!
 
 <Chatbox open="bottom">
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Hello</Chatmsg>
-        Hello
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         Hi
     </Chatmsg>
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">How's it going?</Chatmsg>
-        How's it going?
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         Can't complain, how about you?
     </Chatmsg>
 </Chatbox>
 
-I love when scammers do small talk. You can always notice how forced and fake it feels. 
+I love when scammers do small talk. You can always notice how forced and fake it feels.
 Wasting time here is the most fun, because they just want to get to their scammy part, but have to warm you up first.
 
 <Chatbox open="both">
@@ -48,81 +44,84 @@ Wasting time here is the most fun, because they just want to get to their scammy
 It's not immoral to lie to a scammer... right?
 
 <Chatbox open="both">
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Where does your family live?</Chatmsg>
-        Where does your family live?
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         Just south of Philly
     </Chatmsg>
     <Chatmsg name="Megan">
-        I work at the coca cola company, but I'm also investing in crypto. What about you?
+        I work at the coca cola company, but I'm also investing in crypto. What
+        about you?
     </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         I do not work at the coca cola company.
     </Chatmsg>
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Where do you work?</Chatmsg>
-        Where do you work?
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         I work at a nightclub as a barkeeper
     </Chatmsg>
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Do you make good money with that?</Chatmsg>
-        Do you make good money with that?
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         Can't complain, I recently inherited a huge sum of money
     </Chatmsg>
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Have you thought about any business?</Chatmsg>
-        Have you thought about any business?
-    </Chatmsg>
 </Chatbox>
 
-Oh Megan, you would not *believe* just how many amazing business ideas I have...
+Oh Megan, you would not _believe_ just how many amazing business ideas I have...
 
 <Chatbox open="both">
     <Chatmsg dir="out" name="Kevin">
         Ok, hear me out...
-        <hr/>
+        <hr />
         Vapes, but cats and dogs can use them!
     </Chatmsg>
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">That sounds like a great idea.</Chatmsg>
-        That sounds like a great idea.
-    </Chatmsg>
 </Chatbox>
 
 No it absolutely does not, but she can't say that because she still wants me to invest in her crypto scam. 🙂
 
 <Chatbox open="both">
-    <Chatmsg name="Megan">
+    <Chatmsg name="Megan">Have you ever thought about crypto?</Chatmsg>
-        Have you ever thought about crypto?
-    </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
         Actually I have. That is another business idea of mine
-        <hr/>
+        <hr />
-        Organs, but they're NFTs! Right now there's the legal donation system, illegal black markets, everything is not very transparent.
+        Organs, but they're NFTs! Right now there's the legal donation system,
-        Now imagine every organ was an NFT!<br/><br/>
+        illegal black markets, everything is not very transparent. Now imagine
+        every organ was an NFT!
+        <br />
+        <br />
         Democratizing the Organ market one transaction at a time.
     </Chatmsg>
 </Chatbox>
 
-At this point Megan was ready to launch into her whole crypto spiel, and I just kinda tuned out. 
+At this point Megan was ready to launch into her whole crypto spiel, and I just kinda tuned out.
 But appearently my idea would work perfectly with her investment opportunity!
 
 <Chatbox open="top">
     <Chatmsg name="Megan">
-        <Chatblah/><Chatblah/><Chatblah/>crypto investment<Chatblah/><Chatblah/> and I love NFTs <Chatblah/> looking into minting some. <Chatblah/><Chatblah/><Chatblah/><Chatblah/> and your NFTs could work with that! <Chatblah/><Chatblah/><Chatblah/><Chatblah/><Chatblah/> with my investment company based in Denmark!
+        <Chatblah />
+        <Chatblah />
+        <Chatblah />
+        crypto investment
+        <Chatblah />
+        <Chatblah /> and I love NFTs <Chatblah /> looking into minting some. <Chatblah />
+        <Chatblah />
+        <Chatblah />
+        <Chatblah /> and your NFTs could work with that! <Chatblah />
+        <Chatblah />
+        <Chatblah />
+        <Chatblah />
+        <Chatblah /> with my investment company based in Denmark!
     </Chatmsg>
     <Chatmsg dir="out" name="Kevin">
-        Denmark? That's really close to where I live. Where exactly is the company, so I can go there and give them the money directly?
+        Denmark? That's really close to where I live. Where exactly is the
-    </Chatmsg>
+        company, so I can go there and give them the money directly?
-    <Chatmsg name="Megan">
-        What do you mean? There is no need to travel
     </Chatmsg>
+    <Chatmsg name="Megan">What do you mean? There is no need to travel</Chatmsg>
     <Chatmsg dir="out" name="Kevin">
-        Oh it's no problem. It's really not far, and we can save on transaction fees if I bring the money directly!
+        Oh it's no problem. It's really not far, and we can save on transaction
+        fees if I bring the money directly!
     </Chatmsg>
     <Chatnotice>Megan has cleared the chat</Chatnotice>
 </Chatbox>
 
 Weird... Looks like Megan did not want me to visit her amazing investment company in Denmark... 😢
-

src/components/languageSwitcher.tsx

@@ -32,6 +32,6 @@ const LanguageSwitcher = () => {
             </div>
         </div>
     );
-}
+};
 
-export default LanguageSwitcher
+export default LanguageSwitcher;

src/components/navigation.tsx

@@ -9,8 +9,8 @@ import OffScreenNav from "./offscreenNav";
 import useSiteMetadata from "../helpers/useSiteMetadata";
 
 type NavigationProps = {
-    isHome?: boolean
+    isHome?: boolean;
-}
+};
 
 const Navigation = ({ isHome }: NavigationProps) => {
     let [atTop, setAtTop] = useState(false);

src/components/offscreenNav.tsx

@@ -8,9 +8,9 @@ import { X } from "lucide-react";
 import useSiteMetadata from "../helpers/useSiteMetadata";
 
 type OffScreenNavProps = {
-    active: boolean,
+    active: boolean;
-    close: () => void
+    close: () => void;
-}
+};
 
 const OffScreenNav = ({ active, close }: OffScreenNavProps) => {
     const { t } = useTranslation();

src/components/scambox/Chatblah.tsx

@@ -1,58 +1,72 @@
 import React, { useEffect, useRef, useState } from "react";
 import anime, { AnimeTimelineInstance } from "animejs";
-import _uniqueId from 'lodash/uniqueId';
+import _uniqueId from "lodash/uniqueId";
-import {useMediaQuery} from '@react-hook/media-query'
+import { useMediaQuery } from "@react-hook/media-query";
-
 
 import * as styles from "./Chatbox.module.scss";
 
 const Chatblah = () => {
-    const animeRef = useRef<AnimeTimelineInstance>(null)
+    const animeRef = useRef<AnimeTimelineInstance>(null);
-    const [myId,] = useState(_uniqueId)
+    const [myId] = useState(_uniqueId);
-    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)")
+    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
 
     useEffect(() => {
-        if(typeof window === "undefined") return; // Don't run on static build
+        if (typeof window === "undefined") return; // Don't run on static build
-        if(reduceMotion) return; // Don't run the animation for users who prefer reduced motion
+        if (reduceMotion) return; // Don't run the animation for users who prefer reduced motion
 
         const speed = 0.25;
-        const delay = anime.random(100/speed, 1000/speed);
+        const delay = anime.random(100 / speed, 1000 / speed);
 
         animeRef.current = anime.timeline({
-            targets: "#chatblah-"+myId,
+            targets: "#chatblah-" + myId,
             loop: true,
-            easing: "easeInOutSine"
+            easing: "easeInOutSine",
-        })
+        });
 
-        const tl = animeRef.current
+        const tl = animeRef.current;
 
-        tl.add({
+        tl.add(
-            duration: 250/speed,
+            {
-            opacity: [0, .25],
+                duration: 250 / speed,
-            easing: "linear"
+                opacity: [0, 0.25],
-        }, delay).add({
+                easing: "linear",
-            duration: 1000/speed,
+            },
-            rotate: [anime.random(-5, 5)+"deg", anime.random(-10, 10)+"deg"],
+            delay
-            translateY: [0, anime.random(0, -2)+"px"],
+        )
-            translateX: [0, anime.random(-2, 2)+"px"],
+            .add(
-        }, delay).add({
+                {
-            duration: 500/speed,
+                    duration: 1000 / speed,
-            opacity: [.25, 0],
+                    rotate: [
-            easing: "linear"
+                        anime.random(-5, 5) + "deg",
-        }, delay+(500/speed))
+                        anime.random(-10, 10) + "deg",
+                    ],
+                    translateY: [0, anime.random(0, -2) + "px"],
+                    translateX: [0, anime.random(-2, 2) + "px"],
+                },
+                delay
+            )
+            .add(
+                {
+                    duration: 500 / speed,
+                    opacity: [0.25, 0],
+                    easing: "linear",
+                },
+                delay + 500 / speed
+            );
 
         return () => {
-            if(animeRef.current) {
+            if (animeRef.current) {
                 animeRef.current.pause();
                 animeRef.current = null;
             }
-        }
+        };
-    }, [myId, reduceMotion])
+    }, [myId, reduceMotion]);
 
+    return (
+        <div className={styles.chatBlah} id={"chatblah-" + myId}>
+            <span>blah</span>
+        </div>
+    );
+};
 
-    return <div className={styles.chatBlah} id={"chatblah-"+myId}>
+export default Chatblah;
-        <span>blah</span>
-    </div>
-}
-
-export default Chatblah

src/components/scambox/Chatbox.tsx

@@ -4,17 +4,38 @@ import { useTranslation } from "react-i18next";
 import * as styles from "./Chatbox.module.scss";
 
 type ChatboxProps = {
-    open?: string
+    open?: string;
-}
+};
 
-const Chatbox = ({children, open}: React.PropsWithChildren<ChatboxProps>) => {
+const Chatbox = ({ children, open }: React.PropsWithChildren<ChatboxProps>) => {
-    const {t} = useTranslation();
+    const { t } = useTranslation();
 
-    return <div className={styles.chatbox + (open === "top" ? " " + styles.openTop : "") + (open === "bottom" ? " " + styles.openBottom : "") + (open === "both" ? " " + styles.openBoth : "")}>
+    return (
-        <span className={styles.screenReader}>-- {open === "top" || open === "both" ? t("blog.scambox.chatbox.resume") : t("blog.scambox.chatbox.begin")} --</span>
+        <div
-        {children}
+            className={
-        <span className={styles.screenReader}>-- {open === "bottom" || open === "both" ? t("blog.scambox.chatbox.interrupt") : t("blog.scambox.chatbox.end")} --</span>
+                styles.chatbox +
-    </div>
+                (open === "top" ? " " + styles.openTop : "") +
-}
+                (open === "bottom" ? " " + styles.openBottom : "") +
+                (open === "both" ? " " + styles.openBoth : "")
+            }
+        >
+            <span className={styles.screenReader}>
+                --{" "}
+                {open === "top" || open === "both"
+                    ? t("blog.scambox.chatbox.resume")
+                    : t("blog.scambox.chatbox.begin")}{" "}
+                --
+            </span>
+            {children}
+            <span className={styles.screenReader}>
+                --{" "}
+                {open === "bottom" || open === "both"
+                    ? t("blog.scambox.chatbox.interrupt")
+                    : t("blog.scambox.chatbox.end")}{" "}
+                --
+            </span>
+        </div>
+    );
+};
 
-export default Chatbox
+export default Chatbox;

src/components/scambox/Chatmsg.tsx

@@ -1,27 +1,40 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 
-import * as styles from "./Chatbox.module.scss"
+import * as styles from "./Chatbox.module.scss";
 
 type ChatmsgProps = {
-    name?: string,
+    name?: string;
-    timestamp?: string,
+    timestamp?: string;
-    color?: string,
+    color?: string;
-    dir: string
+    dir: string;
-}
+};
 
 const Chatmsg = (props: React.PropsWithChildren<ChatmsgProps>) => {
-    const {t} = useTranslation();
+    const { t } = useTranslation();
 
-    return <div className={styles.chatmsg + (props.dir === "out" ? " " + styles.alignRight : "")}>
+    return (
-        {props.name && <span className={styles.name}>{props.name}<span className={styles.screenReader}> {t("blog.scambox.chatbox.says")}</span></span>}
+        <div
-        <div className={styles.chatbubble}>
+            className={
-            <div>
+                styles.chatmsg +
-                {props.children}
+                (props.dir === "out" ? " " + styles.alignRight : "")
+            }
+        >
+            {props.name && (
+                <span className={styles.name}>
+                    {props.name}
+                    <span className={styles.screenReader}>
+                        {" "}
+                        {t("blog.scambox.chatbox.says")}
+                    </span>
+                </span>
+            )}
+            <div className={styles.chatbubble}>
+                <div>{props.children}</div>
+                {props.timestamp && <span>{props.timestamp}</span>}
             </div>
-            {props.timestamp && <span>{props.timestamp}</span>}
         </div>
-    </div>
+    );
-}
+};
 
-export default Chatmsg
+export default Chatmsg;

src/components/scambox/Chatnotice.tsx

@@ -1,11 +1,13 @@
 import React from "react";
 
-import * as styles from "./Chatbox.module.scss"
+import * as styles from "./Chatbox.module.scss";
 
 const Chatnotice = (props: React.PropsWithChildren<{}>) => {
-    return <div className={styles.chatnotice}>
+    return (
-        <span>{props.children}</span>
+        <div className={styles.chatnotice}>
-    </div>
+            <span>{props.children}</span>
-}
+        </div>
+    );
+};
 
-export default Chatnotice
+export default Chatnotice;

src/components/seo.tsx

@@ -6,14 +6,21 @@ import { useTranslation } from "gatsby-plugin-react-i18next";
 import useSiteMetadata from "../helpers/useSiteMetadata";
 
 type SEOProps = {
-    description?: string,
+    description?: string;
-    meta?: any[],
+    meta?: any[];
-    title: string,
+    title: string;
-    speakable?: any,
+    speakable?: any;
-    image?: string
+    image?: string;
-}
+};
 
-function SEO({ description, meta, title, speakable, image, children }: React.PropsWithChildren<SEOProps>) {
+function SEO({
+    description,
+    meta,
+    title,
+    speakable,
+    image,
+    children,
+}: React.PropsWithChildren<SEOProps>) {
     const { t } = useTranslation();
     const { site } = useStaticQuery(
         graphql`

src/layouts/default.tsx

@@ -6,16 +6,25 @@ import { Link, Trans } from "gatsby-plugin-react-i18next";
 import LanguageSwitcher from "../components/languageSwitcher";
 
 type LayoutProps = {
-    description?: string,
+    description?: string;
-    meta?: any[],
+    meta?: any[];
-    title: string,
+    title: string;
-    transparentTopbar?: boolean,
+    transparentTopbar?: boolean;
-    seoAdditional?: any,
+    seoAdditional?: any;
-    image?: string,
+    image?: string;
-    speakable?: any
+    speakable?: any;
-}
+};
 
-const Layout = ({description, meta, title, image, speakable, seoAdditional, transparentTopbar, children}: React.PropsWithChildren<LayoutProps>) => {
+const Layout = ({
+    description,
+    meta,
+    title,
+    image,
+    speakable,
+    seoAdditional,
+    transparentTopbar,
+    children,
+}: React.PropsWithChildren<LayoutProps>) => {
     return (
         <>
             <SEO
@@ -50,7 +59,7 @@ const Layout = ({description, meta, title, image, speakable, seoAdditional, tran
             <LanguageSwitcher />
         </>
     );
-}
+};
 
 Layout.defaultProps = {
     module: `none`,

src/pages/donate.tsx

@@ -100,39 +100,41 @@ const DonatePage = (props) => {
                         />
                         <div>€</div>
                         <a
-                        className={styles.donateButton}
+                            className={styles.donateButton}
-                        rel="noopener"
+                            rel="noopener"
-                        id="payPalBtn"
+                            id="payPalBtn"
-                        href={
+                            href={
-                            "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=" +
+                                "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=" +
-                            encodeURIComponent(site.siteMetadata.payPalMail) +
+                                encodeURIComponent(
-                            "&item_name=" +
+                                    site.siteMetadata.payPalMail
-                            encodeURIComponent(site.siteMetadata.title) +
+                                ) +
-                            "&currency_code=EUR&image_url=" +
+                                "&item_name=" +
-                            encodeURIComponent(
+                                encodeURIComponent(site.siteMetadata.title) +
-                                site.siteMetadata.siteUrl +
+                                "&currency_code=EUR&image_url=" +
-                                    file.childImageSharp.resize.src
+                                encodeURIComponent(
-                            ) +
+                                    site.siteMetadata.siteUrl +
-                            "&return=" +
+                                        file.childImageSharp.resize.src
-                            encodeURIComponent(
+                                ) +
-                                site.siteMetadata.siteUrl +
+                                "&return=" +
-                                    "/" +
+                                encodeURIComponent(
-                                    path +
+                                    site.siteMetadata.siteUrl +
-                                    "thank-you/"
+                                        "/" +
-                            ) +
+                                        path +
-                            "&rm=0&cancel_return=" +
+                                        "thank-you/"
-                            encodeURIComponent(
+                                ) +
-                                site.siteMetadata.siteUrl + "/" + path
+                                "&rm=0&cancel_return=" +
-                            ) +
+                                encodeURIComponent(
-                            "&amount=" +
+                                    site.siteMetadata.siteUrl + "/" + path
-                            amount
+                                ) +
-                        }
+                                "&amount=" +
-                    >
+                                amount
-                        <span>
+                            }
-                            <Trans>donate.donatePayPal</Trans>
+                        >
-                        </span>
+                            <span>
-                        <ArrowRight />
+                                <Trans>donate.donatePayPal</Trans>
-                    </a>
+                            </span>
+                            <ArrowRight />
+                        </a>
                     </div>
                 </article>
             </section>

src/pages/social.tsx

@@ -49,7 +49,8 @@ const SocialPage = ({ data }) => {
 
                     <p>
                         <Trans i18nKey="social.descriptionWithLink">
-                            socialDescriptionWith<Link to="/friends/">Link</Link>
+                            socialDescriptionWith
+                            <Link to="/friends/">Link</Link>
                         </Trans>
                     </p>
 

src/templates/blog/listing.tsx

@@ -43,7 +43,12 @@ const BlogListing = ({ data, pageContext }) => {
                                 >
                                     <div className={styles.sectionImage}>
                                         <div className={styles.sectionBg}>
-                                            <StaticImage src="https://source.unsplash.com/gf8e6XvG_3E/300x150" alt={t("blog.section.scambox.name")}></StaticImage>
+                                            <StaticImage
+                                                src="https://source.unsplash.com/gf8e6XvG_3E/300x150"
+                                                alt={t(
+                                                    "blog.section.scambox.name"
+                                                )}
+                                            ></StaticImage>
                                         </div>
                                         <span className={styles.sectionName}>
                                             {t("blog.section.scambox.name")}

src/templates/blog/post.tsx

@@ -30,7 +30,7 @@ const BlogPost = ({ data }) => {
                             {
                                 "@type": "Person",
                                 name: data.mdx.frontmatter.author.name,
-                                url: "https://kevink.dev/blog/"
+                                url: "https://kevink.dev/blog/",
                             },
                         ],
                     })}