Simple Discord Page

This commit is contained in:
John 2023-12-13 16:03:09 -05:00
parent d8c3eb8380
commit 0ff7c2c385
2 changed files with 23 additions and 0 deletions

View file

@ -7,6 +7,7 @@ import { NotFound } from './pages/_404.jsx';
import './style.css'; import './style.css';
import './themes/main.css'; import './themes/main.css';
import './i18n'; import './i18n';
import { discordPag } from './pages/discord.js';
export function App() { export function App() {
return ( return (
@ -17,6 +18,7 @@ export function App() {
<main class="h-full"> <main class="h-full">
<Router> <Router>
<Route path="/" component={Home} /> <Route path="/" component={Home} />
<Route path="/discord" component={discordPag} />
<Route default component={NotFound} /> <Route default component={NotFound} />
</Router> </Router>
</main> </main>

21
src/pages/discord.tsx Normal file
View file

@ -0,0 +1,21 @@
import { useTranslation } from 'react-i18next';
export function discordPag() {
const { t } = useTranslation()
return (
<section class="h-full">
<div class="flex justify-center items-center h-full flex-col">
<div class="p-6 flex flex-col items-center">
<p class="text-4xl font-roboto font-bold">Nebula's Discord Server</p>
<span class="text-3xl font-roboto">Would you like to Load this via Proxy?</span>
</div>
<a href="https://discord.gg/unblocker">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-44 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">Open Normally</button>
</a>
<a href="/">
<button class="p-2 border border-input-border-color rounded-2xl h-14 w-44 text-center bg-input text-xl placeholder:text-input-text focus:outline-none font-roboto">Use Proxy</button>
</a>
</div>
</section>
);
}