diff --git a/docs/callback.html b/docs/callback.html
new file mode 100644
index 0000000..2726ede
--- /dev/null
+++ b/docs/callback.html
@@ -0,0 +1,701 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta name="ahrefs-site-verification" content="f9805fd529e993ad2b1929b09f27c0b69fbda9fad04acead603f2847527f3b52">
+  <meta charset="UTF-8">
+  <meta name="viewport"
+    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <style>
+    .side_ad_left {
+      top: 90px;
+      left: 10px;
+      position: fixed;
+    }
+
+    .side_ad_right {
+      top: 90px;
+      right: 10px;
+      position: fixed;
+    }
+
+    .ads {
+      text-align: center;
+    }
+  </style>
+  <title>Spotify Pie Chart</title>
+  <meta name="description" content="Spotify Pie Chart">
+
+  <meta name="robots" content="index, follow">
+
+  <meta property="og:title" content="Spotify Pie Chart">
+<meta property="og:description" content="Spotify Pie Chart">
+<meta property="og:image" content="https://huangdarren1106.github.io/spotify-stats.jpg">
+<meta property="og:url" content="/spotify-pie">
+<meta property="og:site_name" content="Spotify Pie - Exploring Your Spotify Stats in a Fun Way">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="en_US">
+<link rel="canonical" href="/spotify-pie">
+
+  <meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Spotify Pie Chart">
+<meta name="twitter:description" content="Spotify Pie Chart">
+<meta name="twitter:image" content="https://huangdarren1106.github.io/spotify-stats.jpg">
+<meta name="twitter:image:alt" content="Spotify Pie Chart">
+
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link
+    href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Victor+Mono&display=swap"
+    rel="stylesheet">
+
+  <style>
+    .kanit {
+      font-family: "Kanit", sans-serif;
+      font-weight: 400;
+      font-style: normal;
+    }
+
+    .editor-js-image {
+      text-align: center;
+      margin-top: 0;
+      margin-bottom: 0;
+      padding: 0;
+      font-size: 12px;
+    }
+
+    .editor-js-image img {
+      margin-bottom: 0;
+      border-radius: 10px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    }
+  </style>
+
+  <script defer data-domain="huangdarren1106.github.io" src="https://stats.senty.com.au/js/script.js"></script>
+  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3723218062742398"
+    crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/addon-interscroller@1.0.5/dist/interscroller.js"></script>
+<script src="https://stpd.cloud/assets/libraries/inview.min.js"></script>
+<script>
+    inView.offset(-200);
+</script>
+<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
+<script>
+    window.googletag = window.googletag || {};
+    googletag.cmd = googletag.cmd || [];
+
+    function giveReward(url) {
+        googletag.pubads().removeEventListener('rewardedSlotClosed', dismissReward);
+        window.location.href = url;
+    }
+
+    function dismissReward(evt) {
+        googletag.destroySlots([evt.rewardedSlot]);
+    }
+
+    function showAd(url) {
+        googletag.cmd.push(function() {
+            var rewardedSlot = googletag.defineOutOfPageSlot(
+                '/147246189,22921845643/huangdarren1106.github.io_rewarded', googletag.enums.OutOfPageFormat
+                .REWARDED); // CHANGEABLE. Rewarded ad unit
+            if (rewardedSlot) {
+                rewardedSlot.addService(googletag.pubads());
+            }
+            googletag.pubads().addEventListener('rewardedSlotReady', function(evt) {
+                evt.makeRewardedVisible();
+            });
+            googletag.pubads().addEventListener('rewardedSlotClosed', dismissReward);
+            googletag.pubads().addEventListener('rewardedSlotGranted', function() {
+                giveReward(url);
+            });
+
+            googletag.display(rewardedSlot);
+            googletag.pubads().refresh([rewardedSlot]);
+        });
+    }
+
+    googletag.cmd.push(function() {
+        if (window.innerWidth >= 1480) {
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_1000x100_desktop_anchor', [
+                [1000, 100],
+                [970, 90],
+                [728, 90],
+                [990, 90],
+                [970, 50],
+                [960, 90],
+                [950, 90],
+                [980, 90]
+            ], 'huangdarren1106_github_io_anchor_ad_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_300x600_desktop_side_left', [
+                [300, 600],
+                [160, 600],
+                [300, 250],
+                [300, 300]
+            ], 'huangdarren1106_github_io_sidebar_left_desktop').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_300x600_desktop_side_right',
+                [
+                    [300, 600],
+                    [160, 600],
+                    [300, 250],
+                    [300, 300]
+                ], 'huangdarren1106_github_io_sidebar_right_desktop').addService(googletag.pubads());
+            googletag.defineSlot(
+                '/147246189,22921845643/huangdarren1106.github.io_800x280_desktop_billboard_top', [
+                    [800, 280],
+                    [800, 250],
+                    [800, 200],
+                    [750, 280],
+                    [750, 250],
+                    [750, 200],
+                    [750, 150],
+                    [750, 100],
+                    [728, 90]
+                ], 'huangdarren1106_github_io_billboard_top_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_320x100_mobile_anchor_top', [
+                [320, 100],
+                [320, 50],
+                [300, 100],
+                [300, 50]
+            ], 'huangdarren1106_github_io_anchor_ad_top_mobile').addService(googletag.pubads());
+        } else if (window.innerWidth >= 1180) {
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_1000x100_desktop_anchor', [
+                [1000, 100],
+                [970, 90],
+                [728, 90],
+                [990, 90],
+                [970, 50],
+                [960, 90],
+                [950, 90],
+                [980, 90]
+            ], 'huangdarren1106_github_io_anchor_ad_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_160x600_desktop_side_left', [
+                [160, 600],
+                [120, 600]
+            ], 'huangdarren1106_github_io_sidebar_left_desktop').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_160x600_desktop_side_right',
+                [
+                    [160, 600],
+                    [120, 600]
+                ], 'huangdarren1106_github_io_sidebar_right_desktop').addService(googletag.pubads());
+            googletag.defineSlot(
+                '/147246189,22921845643/huangdarren1106.github.io_800x280_desktop_billboard_top', [
+                    [800, 280],
+                    [800, 250],
+                    [800, 200],
+                    [750, 280],
+                    [750, 250],
+                    [750, 200],
+                    [750, 150],
+                    [750, 100],
+                    [728, 90]
+                ], 'huangdarren1106_github_io_billboard_top_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_320x100_mobile_anchor_top', [
+                [320, 100],
+                [320, 50],
+                [300, 100],
+                [300, 50]
+            ], 'huangdarren1106_github_io_anchor_ad_top_mobile').addService(googletag.pubads());
+        } else if (window.innerWidth >= 1024) {
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_1000x100_desktop_anchor', [
+                [1000, 100],
+                [970, 90],
+                [728, 90],
+                [990, 90],
+                [970, 50],
+                [960, 90],
+                [950, 90],
+                [980, 90]
+            ], 'huangdarren1106_github_io_anchor_ad_responsive').addService(googletag.pubads());
+            googletag.defineSlot(
+                '/147246189,22921845643/huangdarren1106.github.io_800x280_desktop_billboard_top', [
+                    [800, 280],
+                    [800, 250],
+                    [800, 200],
+                    [750, 280],
+                    [750, 250],
+                    [750, 200],
+                    [750, 150],
+                    [750, 100],
+                    [728, 90]
+                ], 'huangdarren1106_github_io_billboard_top_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_320x100_mobile_anchor_top', [
+                [320, 100],
+                [320, 50],
+                [300, 100],
+                [300, 50]
+            ], 'huangdarren1106_github_io_anchor_ad_top_mobile').addService(googletag.pubads());
+        } else {
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_320x100_mobile_anchor', [
+                [320, 100],
+                [320, 50],
+                [300, 100],
+                [300, 50]
+            ], 'huangdarren1106_github_io_anchor_ad_responsive').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_336x336_mobile_top', [
+                [300, 250],
+                [336, 336],
+                [336, 320],
+                [320, 320],
+                [300, 300],
+                [336, 280],
+                [320, 250],
+                [320, 336]
+            ], 'huangdarren1106_github_io_billboard_top_responsive').addService(googletag.pubads());
+            googletag.defineSlot(
+                '/147246189,22921845643/huangdarren1106.github.io_300x600_mobile_interscroller', [
+                    [300, 600],
+                    [160, 600],
+                    [300, 250],
+                    [300, 300]
+                ], 'huangdarren1106_github_io_interscroller_mobile').addService(googletag.pubads());
+            googletag.defineSlot('/147246189,22921845643/huangdarren1106.github.io_320x100_mobile_anchor_top', [
+                [320, 50],
+                [300, 50]
+            ], 'huangdarren1106_github_io_anchor_ad_top_mobile').addService(googletag.pubads());
+        }
+        var interstitialSlot = googletag.defineOutOfPageSlot(
+            '/147246189,22921845643/huangdarren1106.github.io_interstitial', googletag.enums.OutOfPageFormat
+            .INTERSTITIAL);
+        if (interstitialSlot) interstitialSlot.addService(googletag.pubads());
+
+        googletag.pubads().enableSingleRequest();
+        googletag.pubads().disableInitialLoad();
+        googletag.pubads().collapseEmptyDivs();
+        googletag.pubads().setTargeting('category', 'music')
+            .setTargeting('audience_interest', [
+                'music', 'spotify', 'spotify premium', 'apple music', 'music streaming', 'music charts',
+                'music analysis', 'music data', 'music statistics', 'music trends', 'music insights',
+                'music discovery', 'music recommendations', 'music genres', 'music artists', 'music albums',
+                'music songs', 'music playlists'
+            ]);
+        googletag.enableServices();
+        googletag.display(interstitialSlot);
+    });
+</script>
+<script async src="https://stpd.cloud/saas/6406"></script>
+<style>
+    .side_ad_left {
+        top: 75px;
+        left: 10px;
+        position: fixed;
+    }
+
+    .side_ad_right {
+        top: 75px;
+        right: 10px;
+        position: fixed;
+
+        .ads {
+            text-align: center;
+        }
+</style>
+
+  <link rel="icon" href="/favicon.ico">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <link rel="manifest" href="/site.webmanifest">
+
+  <meta name="google-site-verification" content="0I5jWqQYG7ahDKO-xLIJWViQ8SPeE0SgnfbaXjFInkU" />
+
+  
+  <link rel="preload" as="style" href="https://huangdarren1106.github.io/build/assets/app-oRXaRPT5.css" /><link rel="modulepreload" href="https://huangdarren1106.github.io/build/assets/app-ARot55nG.js" /><link rel="stylesheet" href="https://huangdarren1106.github.io/build/assets/app-oRXaRPT5.css" /><script type="module" src="https://huangdarren1106.github.io/build/assets/app-ARot55nG.js"></script>  </head>
+
+<body class="relative">
+  <div
+    class="h-[50px] sm:h-[100px] text-center flex justify-center items-center sticky bg-white/50 z-10 border-b top-0">
+    <div id="huangdarren1106_github_io_anchor_ad_top_mobile" class="ads">
+    <script>
+        googletag.cmd.push(function() {
+            googletag.display('huangdarren1106_github_io_anchor_ad_top_mobile');
+        });
+    </script>
+</div>
+  </div>
+
+  <header class="max-w-4xl mx-auto">
+    <div class="flex flex-col justify-center items-center py-4 px-4 sm:px-0 border-b gap-2">
+        <a href="/" class="flex items-center gap-2 sm:text-2xl font-bold mb-4 md:mb-0 whitespace-nowrap">
+            <img class="w-8 inline-block" src="/spotify-pie.png" alt="Spotify Pie">
+            Spotify Pie
+        </a>
+        <div class="flex justify-center w-full gap-2 flex-wrap">
+            <a title="Stats For Spotify" href="/spotify-stats" class="relative bg-gray-100 px-2 py-1 rounded-lg">Spotify
+                Stats</a>
+            <a title="Receiptify" href="/receiptify" class="relative bg-gray-100 px-2 py-1 rounded-lg">
+                Receiptify
+            </a>
+            <a title="Spotify Top Songs Today" href="/spotify-top-songs-right-now"
+                class="relative bg-gray-100 px-2 py-1 rounded-lg">
+                Top Songs Today
+                <span
+                    class="absolute -top-1.5 -right-2 rotate-6 text-xs text-white bg-red-600  animate-pulse rounded-full px-1">New</span>
+            </a>
+            <a title="Top Spotify Artists 2024" href="/top-spotify-artists"
+                class="relative bg-gray-100 px-2 py-1 rounded-lg">
+                Top Artists 2024
+                <span
+                    class="absolute -top-1.5 -right-2 rotate-6 text-xs text-white bg-red-600  animate-pulse rounded-full px-1">New</span>
+            </a>
+            <a title="Spotify Premium Free" href="/spotify-premium-free"
+                class="relative bg-gray-100 px-2 py-1 rounded-lg">
+                Spotify Premium Free
+                <span
+                    class="absolute -top-1 -right-1 w-3 h-3 bg-green-500 text-white animate-pulse rounded-full px-1"></span>
+            </a>
+            <a title="New Spotify Pie" href="/new-spotify-pie" class="relative bg-gray-100 px-2 py-1 rounded-lg">
+                New Spotify Pie
+                <span
+                    class="absolute -top-1.5 -right-2 rotate-6 text-xs text-white bg-red-600  animate-pulse rounded-full px-1">New</span>
+            </a>
+            <a title="Spotify Wrapped" href="/spotify-wrapped" class="relative bg-gray-100 px-2 py-1 rounded-lg">Spotify
+                Wrapped 2024</a>
+        </div>
+    </div>
+
+</header>
+
+  <div class="max-w-2xl px-4 pt-8 mx-auto prose prose-lg prose-img:text-center prose-img:mx-auto lg:px-0">
+    <div id="huangdarren1106_github_io_interscroller_mobile" style="text-align: center;" class="sm:hidden">
+    <script>
+        googletag.cmd.push(function() {
+            googletag.display('huangdarren1106_github_io_interscroller_mobile');
+        });
+    </script>
+</div>
+<script>
+    window.stpdInterscroller = window.stpdInterscroller || {
+        que: []
+    }
+    stpdInterscroller.que.push(function() {
+        if (window.innerWidth < 1024) {
+            stpdInterscroller.setConfig({
+                container: 'div[id="huangdarren1106_github_io_interscroller_mobile"]',
+                height: 330,
+                width: 300,
+                showTitle: false,
+                titleText: 'Advertisement',
+                titleBackground: '#FFF',
+                titleColor: '#333',
+                overrideParentWidth: true
+            });
+            stpdInterscroller.run();
+        }
+    });
+</script>
+    <h1 class="text-3xl text-center text-gray-900 sm:text-5xl">Spotify Pie Chart</h1>
+
+    <div x-data="spotifyLogin" class="py-6 text-gray-700">
+      <div class="w-full text-center" x-show="!token">
+        <p class="mt-0 mb-4 text-center">
+          Login with Spotify to see your charts now 👇
+        </p>
+        <button @click="openSpotifyAuthUrl"
+          class="w-full px-6 py-3 text-xl font-bold text-center text-white bg-green-700 rounded-full md:w-1/2">Login
+          with Spotify</button>
+        <div class="max-w-xs mx-auto text-sm text-left">
+          <p class="mt-6">By logging in, you agree:</p>
+          <ul class="">
+            <li class="">to our <a
+                class="text-blue-600 underline hover:text-blue-800 decoration-2 decoration-dotted underline-offset-4"
+                href="/privacy">Privacy Notice</a>, and</li>
+            <li class="">to receive emails on new features (no spam).</li>
+          </ul>
+        </div>
+      </div>
+      <div x-show="token" @login.window="openSpotifyAuthUrl" class="flex flex-col items-center w-full mb-4 text-center">
+        <p class="font-semibold" x-show="loading">Please hang tight while your Spotify Pie is baking...</p>
+        <img x-show="loading" class="w-10 my-2 motion-safe:animate-spin" src="spotify-pie.png" alt="Spotify Pie">
+
+        <div x-show="!loading" class="flex flex-col items-center justify-center">
+          <p class="mb-1 text-xl font-semibold text-green-800 sm:text-2xl">
+            Your Spotify Pie is ready! 🎉
+          </p>
+
+          <div class="max-w-xs mx-auto text-sm text-center text-green-800 sm:text-base sm:max-w-sm">
+            <p>Heads up: Clicking the button might show a quick ad. It's how we keep Spotify Pie free and tasty for
+              everyone!</p>
+            <p class="">Thank you for your support. Let's dig in!</p>
+          </div>
+
+          <a href="/spotify-pie"
+            class="flex items-center justify-center gap-2 px-6 py-3 text-xl font-bold text-white no-underline bg-green-600 rounded-full cursor-pointer rewarded">See
+            Your
+            Spotify Pie <img class="w-6 my-0 shrink-0" src="spotify-pie.png" alt="Spotify Pie"></a>
+        </div>
+      </div>
+    </div>
+
+    <div class="max-w-3xl px-4 mx-auto text-center lg:px-0">
+  <script src="https://360playvid.info/slidepleer/d1999d.js"></script>
+</div>
+
+    <div id="huangdarren1106_github_io_interscroller_mobile" style="text-align: center;" class="sm:hidden">
+    <script>
+        googletag.cmd.push(function() {
+            googletag.display('huangdarren1106_github_io_interscroller_mobile');
+        });
+    </script>
+</div>
+<script>
+    window.stpdInterscroller = window.stpdInterscroller || {
+        que: []
+    }
+    stpdInterscroller.que.push(function() {
+        if (window.innerWidth < 1024) {
+            stpdInterscroller.setConfig({
+                container: 'div[id="huangdarren1106_github_io_interscroller_mobile"]',
+                height: 330,
+                width: 300,
+                showTitle: false,
+                titleText: 'Advertisement',
+                titleBackground: '#FFF',
+                titleColor: '#333',
+                overrideParentWidth: true
+            });
+            stpdInterscroller.run();
+        }
+    });
+</script>
+
+    <div id="huangdarren1106_github_io_sidebar_left_desktop" class="side_ad_left">
+    <script>
+        googletag.cmd.push(function() {
+            if (window.innerWidth >= 1180) {
+                googletag.display('huangdarren1106_github_io_sidebar_left_desktop');
+            }
+        });
+    </script>
+</div>
+    <div id="huangdarren1106_github_io_sidebar_right_desktop" class="side_ad_right">
+    <script>
+        googletag.cmd.push(function() {
+            if (window.innerWidth >= 1180) {
+                googletag.display('huangdarren1106_github_io_sidebar_right_desktop');
+            }
+        });
+    </script>
+</div>
+
+    <div class="w-full mx-auto max-w-[430px] my-4">
+        <script src="https://360playvid.info/slidepleer/s1999s.js"></script>
+    </div>
+  </div>
+
+  <footer class="bg-white/5 border-t mb-[128px]" aria-labelledby="footer-heading">
+    <h2 id="footer-heading" class="sr-only">Footer</h2>
+    <div class="mx-auto max-w-7xl px-6 pb-8 pt-20 sm:pt-24 lg:px-8 lg:pt-32">
+        <div class="xl:grid xl:grid-cols-3 xl:gap-16">
+            <div class="mt-10 xl:mt-0 mb-16">
+                <h3 class="text-lg font-black leading-6 text-neutral-900">Your Monthly Music Pulse</h3>
+                <p class="mt-2 text-base leading-6 text-neutral-600">Subscribe to get the inside scoop on the hottest
+                    tracks and artists topping the charts.</p>
+                <form class="mt-6 sm:flex sm:max-w-md"
+                    action="https://musicpiechart.com/mailcoach/subscribe/1cbab88f-0230-4b11-a8d3-51bc6e72feec"
+                    method="post">
+                    <label for="email-address" class="sr-only">Email address</label>
+                    <input type="email" name="email" id="email" autocomplete="email" required
+                        class="w-full min-w-0 appearance-none rounded-lg border-0 bg-white px-3 py-1.5 text-base text-neutral-900 shadow-sm ring-1 ring-inset ring-neutral-400 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-green-600 sm:w-64 sm:text-base sm:leading-6 xl:w-full"
+                        placeholder="Enter your email">
+                    <div style="position: absolute; left: -9999px">
+                        <label for="website-honeypot">Your honeypot</label>
+                        <input type="text" id="website-honeypot" name="honeypot" tabindex="-1"
+                            autocomplete="nope" />
+                    </div>
+                    <div class="mt-4 sm:ml-4 sm:mt-0 sm:flex-shrink-0">
+                        <button type="submit"
+                            class="text-center h-full whitespace-nowrap bg-green-500 hover:bg-green-600 gap-2 no-underline focus:ring font-semibold py-2 px-2 sm:px-4 rounded-lg w-full">Subscribe</button>
+                    </div>
+                </form>
+            </div>
+            <div class="xl:col-span-2">
+                <div class="md:grid md:grid-cols-3 md:gap-8">
+                    <div>
+                        <h3 class="text-lg font-black leading-6 text-neutral-900">Free Apps For Spotify</h3>
+                        <ul role="list" class="mt-6 space-y-4">
+                            <li>
+                                <a href="/"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Pie
+                                    Chart</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-stats"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify
+                                    Stats</a>
+                            </li>
+                            <li>
+                                <a href="/receiptify"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Receiptify -
+                                    ReceiptiPie</a>
+                            </li>
+                            <li>
+                                <a href="/new-spotify-pie"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">New Spotify Pie
+                                    - Music Pie Chart</a>
+                            </li>
+                            <li>
+                                <a href="/old-spotify-pie"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Classic Spotify
+                                    Pie</a>
+                            </li>
+                            <li>
+                                <a href="/playlist-name-generator"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Playlist Name
+                                    Generator</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-bubble-chart"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Bubble
+                                    Chart</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="mt-10 md:mt-0">
+                        <h3 class="text-lg font-black leading-6 text-neutral-900">More Insights</h3>
+                        <ul role="list" class="mt-6 space-y-4">
+                            <li>
+                                <a href="/spotify-wrapped"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Wrapped
+                                    2024</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-top-songs-right-now"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Top Songs
+                                    Today</a>
+                            </li>
+                            <li>
+                                <a href="/top-spotify-artists"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Top Artists
+                                    Today</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-premium-free"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Premium
+                                    Free</a>
+                            </li>
+                            <li>
+                                <a href="/trackify"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Trackify - Your
+                                    Spotify Listening Statistics</a>
+                            </li>
+                            <li>
+                                <a href="/obscurify"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Obscurify -
+                                    Judge My Spotify</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-charts"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Charts -
+                                    Overview</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-dna"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify DNA -
+                                    Unraveling Your Musical Identity</a>
+                            </li>
+                            <li>
+                                <a href="/generation-names"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Generation Names
+                                    and Years in Order</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-banner-size"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Spotify Banner
+                                    Size 2024</a>
+                            </li>
+                            <li>
+                                <a href="/spotify"
+                                    class="text-base font-bold leading-6 text-neutral-600 hover:text-neutral-900">Spotify
+                                    - Full Story</a>
+                            </li>
+                            <li>
+                                <a href="/spotify-business-insights"
+                                    class="text-base font-bold leading-6 text-neutral-600 hover:text-neutral-900">Spotify
+                                    Business Insights</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="mt-10 md:mt-0">
+                        <h3 class="text-lg font-black leading-6 text-neutral-900">Behind Spotify Pie</h3>
+                        <ul role="list" class="mt-6 space-y-4">
+                            <li>
+                                <a href="/feedback"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Share Your
+                                    Feedback</a>
+                            </li>
+                            <li>
+                                <a href="/privacy"
+                                    class="text-base leading-6 text-neutral-600 hover:text-neutral-900">Privacy
+                                    Notice</a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+        <div
+            class="mt-16 border-t border-neutral-900/10 pt-8 sm:mt-20 md:flex md:items-center md:justify-between lg:mt-24">
+
+            <p class="mt-8 text-sm leading-5 text-neutral-600 md:order-1 md:mt-0">&copy; 2024 Spotify Pie
+                by HuangDarren1106. All rights reserved.</p>
+            <p class="mt-8 md:mt-0 text-xs leading-5 text-neutral-500">
+                <a class="" target="_blank" href="https://spotify.com">
+                    <img src="/spotify-black.png" alt="Spotify Logo" class="mx-auto w-32 inline">
+                </a>
+            </p>
+        </div>
+    </div>
+</footer>
+
+  <div id="huangdarren1106_github_io_anchor_ad_responsive" class="ads">
+    <script>
+        googletag.cmd.push(function() {
+            googletag.display('huangdarren1106_github_io_anchor_ad_responsive');
+        });
+    </script>
+</div>
+      <script>
+      document.addEventListener('alpine:init', () => {
+        console.log('callback.blade.php')
+        Alpine.data('spotifyLogin', () => ({
+          token: null,
+          loading: false,
+          countdown: 5,
+          async init() {
+            const urlParams = new URLSearchParams(window.location.hash.substring(1));
+            this.token = urlParams.get('access_token');
+            if (this.token) {
+              localStorage.setItem('token', this.token);
+              this.loading = true;
+              // start countdown
+              setInterval(() => {
+                this.countdown--;
+              }, 1000);
+              setTimeout(() => {
+                this.loading = false;
+              }, this.countdown * 1000);
+            }
+          }
+        }));
+      });
+    </script>
+    <script>
+    function modifyElement() {
+        var rewardBtns = top.document.querySelectorAll(' .rewarded');
+        if (rewardBtns.length > 0) {
+            rewardBtns.forEach(function(rewardBtn) {
+                rewardBtn.setAttribute('data-google-interstitial', 'false');
+                var hrefValue = rewardBtn.getAttribute('href');
+                rewardBtn.removeAttribute('href');
+                rewardBtn.setAttribute('onclick', 'showAd("' + hrefValue + '")');
+            });
+        } else {
+            setTimeout(modifyElement, 100);
+        }
+    }
+    modifyElement();
+</script>
+</body>
+
+</html>
