Removed all Next.js files in preparation to move to Nuxt
This commit is contained in:
parent
ef9aadd68a
commit
42d960090e
32 changed files with 98 additions and 229 deletions
|
|
@ -1,37 +0,0 @@
|
|||
import '../styles/globals.css'
|
||||
import type { AppProps } from 'next/app'
|
||||
import {NextIntlProvider} from 'next-intl';
|
||||
import PlausibleProvider from 'next-plausible';
|
||||
import Head from 'next/head';
|
||||
|
||||
function _App({ Component, pageProps }: AppProps) {
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<title>Vänner Bäst | Friends Best</title>
|
||||
<link rel="icon" href="https://www.vannerba.st/favicon.png" />
|
||||
<meta property="og:image" content="https://www.vannerba.st/yr.jpg" />
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:site" content="@Ludoviko_" />
|
||||
<meta name="twitter:creator" content="@Ludoviko_" />
|
||||
<meta property="og:title" content="Vänner Bästa | Friends Best" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:image" content="https://www.vannerba.st/yr.jpg" />
|
||||
<meta name="theme-color"
|
||||
content="#9CA3AF"
|
||||
// @ts-ignore
|
||||
media="(prefers-color-scheme: light)" />
|
||||
<meta name="theme-color"
|
||||
content="#1F2937"
|
||||
// @ts-ignore
|
||||
media="(prefers-color-scheme: dark)"/>
|
||||
</Head>
|
||||
<PlausibleProvider trackOutboundLinks={true} domain="vannerba.st">
|
||||
<NextIntlProvider messages={pageProps.messages}>
|
||||
<Component {...pageProps} />
|
||||
</NextIntlProvider>
|
||||
</PlausibleProvider>
|
||||
</>
|
||||
)
|
||||
}
|
||||
export default _App
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
import { Title, Paragraph, Heading } from "../components";
|
||||
import DatePicker from 'react-datepicker'
|
||||
import { useState } from "react";
|
||||
import "react-datepicker/dist/react-datepicker.css"
|
||||
import CopyToClipboard from "react-copy-to-clipboard";
|
||||
import moment from "moment";
|
||||
import Head from "next/head";
|
||||
|
||||
export default function BirthdaysPage() {
|
||||
const [date, setDate] = useState(new Date());
|
||||
const [copied, setCopied] = useState("Copy!");
|
||||
return (
|
||||
<>
|
||||
<Head>
|
||||
<meta name="description" content="A command generator for UtiliBots' birthday bot." />
|
||||
<meta property="og:description" content="A command generator for UtiliBots' birthday bot."/>
|
||||
</Head>
|
||||
<div className="min-h-screen min-w-full bg-gray-400 dark:bg-gray-800">
|
||||
<Title>Birthdays</Title>
|
||||
<Paragraph>You can generate your birthday command here for UtiliBots' birthday bot.</Paragraph>
|
||||
<Heading>I was born on the...</Heading>
|
||||
<Paragraph>The format is <strong>DD/MM</strong>.</Paragraph>
|
||||
<DatePicker className="mx-4 dark:text-gray-300 dark:bg-gray-500 bg-white" selected={date} onChange={
|
||||
// @ts-ignore
|
||||
date => {setDate(date); setCopied("Copy!");}
|
||||
}
|
||||
dateFormat="dd/MM" />
|
||||
<Heading>Command to set your birthday: </Heading>
|
||||
<Paragraph>{`/set-birthday ${Intl.DateTimeFormat().resolvedOptions().timeZone} ${moment(date).format("MM/DD")}`}</Paragraph>
|
||||
<CopyToClipboard onCopy={() => setCopied("Copied!")} text={`/set-birthday ${Intl.DateTimeFormat().resolvedOptions().timeZone} ${moment(date).format("MM/DD")}`}>
|
||||
<button className="mx-4 px-4 dark:text-gray-300 dark:bg-gray-500 bg-white">{copied}</button>
|
||||
</CopyToClipboard>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
import Head from 'next/head'
|
||||
import { useTranslations } from 'next-intl'
|
||||
import { GetStaticPropsContext, InferGetStaticPropsType } from 'next'
|
||||
import Image from 'next/image'
|
||||
import {LinkCard, Title} from '../components'
|
||||
|
||||
export function getStaticProps({locale}: GetStaticPropsContext) {
|
||||
return {
|
||||
props: {
|
||||
// You can get the messages from anywhere you like, but the recommended
|
||||
// pattern is to put them in JSON files separated by language and read
|
||||
// the desired one based on the `locale` received from Next.js.
|
||||
messages: require(`../locales/${locale}.json`),
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const t = useTranslations('common')
|
||||
return (
|
||||
<div className="min-h-screen min-w-full bg-gray-400 dark:bg-gray-800">
|
||||
<Head>
|
||||
<meta name="description" content="A Young Royals fan website with links to different discussion spaces." />
|
||||
<meta property="og:description" content="A Young Royals fan website with links to different discussion spaces."/>
|
||||
</Head>
|
||||
|
||||
<main className="container mx-auto flex flex-col py-2 font-body">
|
||||
<Title>
|
||||
{t('welcome')}
|
||||
</Title>
|
||||
<p className="dark:text-gray-300 text-center md:text-2xl text-lg">
|
||||
{t('desc')}
|
||||
</p>
|
||||
<div className="grid grid-flow-col grid-cols-2 grid-rows-3 gap-6 pt-4 px-8">
|
||||
<LinkCard link="https://www.netflix.com/title/81210762" title={`${t('watch.title')}`} sub={t('watch.desc')}/>
|
||||
<LinkCard link="https://discord.gg/hyKVDeRJ8Y" title={`Discord`} sub={t('discord')}/>
|
||||
<LinkCard link="https://www.reddit.com/r/YoungRoyals/" title={`Reddit`} sub={t('reddit')}/>
|
||||
<LinkCard link="https://www.talkable.com/x/IchxFl" title={t('learn.title')} sub={t('learn.desc')} />
|
||||
<LinkCard link="https://matrix.to/#/#young-royals:matrix.org" title={`Matrix`} sub={t('matrix')} />
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue