diff --git a/app/layout.tsx b/app/layout.tsx index f2012c5..e7766fe 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,7 @@ -import React from 'react'; +"use client" + +import React, { useEffect } from 'react'; import './globals.css' -import type { Metadata } from 'next' import '@fortawesome/fontawesome-svg-core/styles.css' import { config } from '@fortawesome/fontawesome-svg-core' import { SpeedInsights } from "@vercel/speed-insights/next" @@ -9,16 +10,34 @@ import { GeistSans } from 'geist/font/sans'; config.autoAddCss = false -export const metadata: Metadata = { - title: 'aidxn.cc', - description: 'The Internet home of Aidan. Come on in!', -} - export default function RootLayout({ children, }: { children: React.ReactNode }) { + useEffect(() => { + const title = 'aidxn.cc'; + let index = 1; + let forward = true; + const interval = setInterval(() => { + document.title = title.substring(0, index); + if (forward) { + index++; + if (index > title.length) { + forward = false; + index = title.length - 1; + } + } else { + index--; + if (index < 1) { + forward = true; + index = 1; + } + } + }, 500); + return () => clearInterval(interval); + }, []); + return (
@@ -41,7 +60,7 @@ export default function RootLayout({ - +