SaptarshiSarkar12 · SaptarshiSarkar12 · Mar 15, 2025 · Mar 15, 2025 · Mar 15, 2025 · Mar 15, 2025
@@ -0,0 +1,44 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    name: Deploy Redirection Website
+    runs-on: ubuntu-latest
+    if: github.repository == 'SaptarshiSarkar12/Drifty'
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: 'website_redirection'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
@@ -1,6 +1,8 @@
 import "./globals.css";
 import Navbar from "../components/Navbar";
 import { Metadata } from "next";
+import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import Footer from "../components/Footer";
 
 export const metadata: Metadata = {
@@ -19,6 +21,8 @@ export default function RootLayout({
         <Navbar />
         <main className="container mx-auto p-4 pt-16 flex-grow">
           {children}
+          <Analytics />
+          <SpeedInsights />
         </main>
         <Footer />
       </body>

@@ -9,6 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "next": "15.2.2",
     "next-themes": "^0.4.6",
     "react": "^19.0.0",

@@ -0,0 +1,144 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Drifty Has Moved!</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- For responsive design -->
+    <meta http-equiv="refresh" content="5;url=https://drifty.vercel.app" />
+    <!-- Redirect after 5 seconds -->
+    <link rel="icon" href="https://drifty.vercel.app/favicon.ico" />
+    <!-- For SEO -->
+    <link rel="canonical" href="https://drifty.vercel.app" />
+    <!-- For SEO -->
+    <style>
+      :root {
+        --light-bg: #fffff2;
+        --light-accent: #daddd8;
+        --dark-bg: #262626;
+        --dark-accent: #2d2e2e;
+        --text: #fff;
+        --button-bg: #d52941;
+        --button-text: #f7ebe8;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg-color: var(--dark-bg);
+          --container-bg: var(--dark-accent);
+          --heading-color: var(--light-accent);
+          --text-color: var(--light-bg);
+        }
+      }
+
+      @media (prefers-color-scheme: light) {
+        :root {
+          --bg-color: var(--light-bg);
+          --container-bg: var(--light-accent);
+          --heading-color: var(--dark-accent);
+          --text-color: var(--dark-accent);
+        }
+      }
+
+      body {
+        font-family: "Helvetica Neue", Arial, sans-serif;
+        background-color: var(--bg-color);
+        margin: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100vh;
+        flex-direction: column;
+      }
+
+      .container {
+        background-color: var(--container-bg);
+        padding: 2rem;
+        border-radius: 8px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        text-align: center;
+        max-width: 400px;
+        margin: 0 1rem;
+      }
+
+      h1 {
+        color: var(--heading-color);
+        margin-bottom: 0.5rem;
+      }
+
+      p {
+        color: var(--text-color);
+        line-height: 1.5;
+        margin: 0.8rem 0;
+      }
+
+      a {
+        color: var(--button-bg);
+        text-decoration: none;
+        font-weight: bold;
+      }
+
+      a:hover {
+        text-decoration: underline;
+      }
+
+      .loader {
+        border: 4px solid var(--light-accent);
+        border-top: 4px solid var(--button-bg);
+        border-radius: 50%;
+        width: 40px;
+        height: 40px;
+        animation: spin 1s linear infinite;
+        margin: 20px auto;
+      }
+
+      @keyframes spin {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <h1>We've Moved!</h1>
+      <p>
+        Welcome to the new home of Drifty. You are being redirected to
+        <a href="https://drifty.vercel.app">drifty.vercel.app</a>.
+      </p>
+      <p>Redirecting in <span id="countdown">5</span> seconds.</p>
+      <div class="loader"></div>
+      <p>
+        If you're not redirected automatically, please click the link above.
+      </p>
+      <p>
+        For details about this migration, see our discussion in
+        <a
+          href="https://github.com/SaptarshiSarkar12/Drifty/issues/819"
+          target="_blank"
+          rel="noopener noreferrer"
+          >issue #819</a
+        >.
+      </p>
+    </div>
+    <script>
+      document.addEventListener("DOMContentLoaded", function () {
+        var countdownElement = document.getElementById("countdown");
+        var secondsLeft = 5;
+        var interval = setInterval(function () {
+          secondsLeft--;
+          countdownElement.textContent = secondsLeft;
+          if (secondsLeft <= 0) {
+            clearInterval(interval);
+            // Instant redirect
+            // var target = "https://drifty.vercel.app";
+            // window.location.replace(target);
+          }
+        }, 1000);
+      });
+    </script>
+  </body>
+</html>