create a discord redirect page

This commit is contained in:
Cooper 2024-07-13 05:16:59 +00:00
parent 2639be8262
commit d87e0337db
6 changed files with 3156 additions and 2375 deletions

70
package-lock.json generated
View File

@ -8,19 +8,19 @@
"name": "sudo-flix-docs",
"version": "0.2.0",
"dependencies": {
"@neato/guider": "^1.0.1",
"next": "^14.1.4",
"@neato/guider": "^1.0.3",
"next": "^14.2.3",
"next-seo": "^6.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
"react": "^18.3.1",
"react-dom": "^18.3.1"
},
"devDependencies": {
"@types/react": "18.2.73",
"eslint": "^8.56.0",
"eslint-config-next": "^14.1.4",
"eslint": "^8.57.0",
"eslint-config-next": "^14.2.3",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.1.2",
"prettier": "^3.1.1",
"eslint-plugin-prettier": "^5.1.3",
"prettier": "^3.2.5",
"typescript": "5.4.3"
}
},
@ -325,9 +325,9 @@
}
},
"node_modules/@neato/guider": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@neato/guider/-/guider-1.0.1.tgz",
"integrity": "sha512-5O0rS2UlyCaGQDvat6bl8ysHqkIDQN17eDuZOLO+mczMw/hKKN5OHFwZiGcPIGcDh1CpOPht5p/HBgvnrURXmA==",
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@neato/guider/-/guider-1.1.0.tgz",
"integrity": "sha512-FZW3yagav5n8qbCVg7m7zdwZZ5rZE6gCvj9tGDe4UJQ9j9NeoFXsLdRvf17qbjTCllMw1oS9usXIXPxHGK6Iwg==",
"dependencies": {
"@headlessui/react": "^1.7.18",
"@iconify-icon/react": "^2.0.1",
@ -6189,9 +6189,9 @@
}
},
"node_modules/react": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
"integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
"version": "18.3.1",
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"dependencies": {
"loose-envify": "^1.1.0"
},
@ -6200,15 +6200,15 @@
}
},
"node_modules/react-dom": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
"integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
"version": "18.3.1",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"dependencies": {
"loose-envify": "^1.1.0",
"scheduler": "^0.23.0"
"scheduler": "^0.23.2"
},
"peerDependencies": {
"react": "^18.2.0"
"react": "^18.3.1"
}
},
"node_modules/react-fast-compare": {
@ -6677,9 +6677,9 @@
}
},
"node_modules/scheduler": {
"version": "0.23.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
"integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
"version": "0.23.2",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
"dependencies": {
"loose-envify": "^1.1.0"
}
@ -8332,9 +8332,9 @@
}
},
"@neato/guider": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/@neato/guider/-/guider-1.0.1.tgz",
"integrity": "sha512-5O0rS2UlyCaGQDvat6bl8ysHqkIDQN17eDuZOLO+mczMw/hKKN5OHFwZiGcPIGcDh1CpOPht5p/HBgvnrURXmA==",
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@neato/guider/-/guider-1.1.0.tgz",
"integrity": "sha512-FZW3yagav5n8qbCVg7m7zdwZZ5rZE6gCvj9tGDe4UJQ9j9NeoFXsLdRvf17qbjTCllMw1oS9usXIXPxHGK6Iwg==",
"requires": {
"@headlessui/react": "^1.7.18",
"@iconify-icon/react": "^2.0.1",
@ -12463,20 +12463,20 @@
}
},
"react": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
"integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
"version": "18.3.1",
"resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
"integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
"requires": {
"loose-envify": "^1.1.0"
}
},
"react-dom": {
"version": "18.2.0",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
"integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
"version": "18.3.1",
"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
"integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
"requires": {
"loose-envify": "^1.1.0",
"scheduler": "^0.23.0"
"scheduler": "^0.23.2"
}
},
"react-fast-compare": {
@ -12812,9 +12812,9 @@
}
},
"scheduler": {
"version": "0.23.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
"integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
"version": "0.23.2",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
"integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
"requires": {
"loose-envify": "^1.1.0"
}

73
pages/links/discord.tsx Normal file
View File

@ -0,0 +1,73 @@
import { useEffect, useState } from 'react';
export default function DiscordRedirect() {
const [countdown, setCountdown] = useState(5);
useEffect(() => {
const interval = setInterval(() => {
setCountdown((currentCountdown) => currentCountdown - 1);
}, 1000);
const timer = setTimeout(() => {
window.location.href = 'https://discord.gg/mxhcENzG2j';
}, 5000);
return () => {
clearTimeout(timer);
clearInterval(interval);
};
}, []);
return (
<div
style={{
justifyContent: 'center',
alignItems: 'center',
height: '100vh',
width: '100%',
background: '#0C0B13',
}}
>
<div style={{ textAlign: 'center' }}>
<h1
style={{ fontSize: '2.5em', paddingBlock: '0.6em', color: '#A6A4AE' }}
>
Sudo-Flix Discord
</h1>
<hr
style={{
marginInline: '2em',
backgroundColor: '#37334C',
border: 'none',
height: '0.1em',
}}
/>
</div>
<div
style={{
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: '50vh',
}}
>
<div
style={{
padding: '1em',
marginInline: '2.5em',
border: 'solid 1px #37334C',
borderRadius: '0.3em',
alignItems: 'center',
textAlign: 'center',
}}
>
<h1 style={{ fontSize: '1.65em', color: '#A6A4AE' }}>
Redirecting you to our Discord in:
<br />
<span style={{ fontWeight: 700 }}>{countdown}</span>
</h1>
</div>
</div>
</div>
);
}

View File

@ -5,7 +5,7 @@ title: 'Start self-hosting'
# How to self-host
<Note>
We provide support and answer questions. If you have any enquiries, feel free to ask in our [Discord server](https://discord.gg/kdkTZ4McvD).
We provide support and answer questions. If you have any enquiries, feel free to ask in our [Discord server](/links/discord).
</Note>
Since sudo-flix has many different components, there are a few configurations of how you can host it. Each of these configurations has their own benefits, whether that be having complete control over your data or customizing your experience.

View File

@ -11,7 +11,7 @@ We provide support to users and hosters in our discord server. Though we have so
3. No asking developers to help you code
4. No duplicate tickets
<Button to='https://discord.gg/kdkTZ4McvD'>Join the Discord</Button>
<Button to='/links/discord'>Join the Discord</Button>
</Frame>
<Note>

File diff suppressed because it is too large Load Diff

View File

@ -10,7 +10,7 @@ const starLinks = [
newTab: true,
icon: 'akar-icons:github-fill',
}),
link('Discord', 'https://discord.gg/kdkTZ4McvD', {
link('Discord', '/links/discord', {
style: 'star',
newTab: true,
icon: 'fa6-brands:discord',
@ -20,7 +20,7 @@ const starLinks = [
export default defineTheme({
github: "sussy-code/smov",
navigation: [
link('Discord', 'https://discord.gg/kdkTZ4McvD', {
link('Discord', '/links/discord', {
style: 'star',
newTab: true,
icon: 'mdi:discord',
@ -35,7 +35,7 @@ export default defineTheme({
editRepositoryBase: "https://github.com/sussy-code/docs/blob/master",
socials: [
social.github("https://github.com/sussy-code"),
social.discord("https://discord.gg/kdkTZ4McvD"),
social.discord("/links/discord"),
]
},
meta: (pageMeta) => (