mirror of https://github.com/sussy-code/docs.git
Make the redirect pages way more sexy
This commit is contained in:
parent
27ccd7d846
commit
91dad83358
|
@ -1,8 +1,9 @@
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
|
|
||||||
|
const redirectTitle = 'Discord';
|
||||||
const redirectUrl = 'https://discord.gg/mxhcENzG2j';
|
const redirectUrl = 'https://discord.gg/mxhcENzG2j';
|
||||||
|
|
||||||
export default function DiscordRedirect() {
|
export default function WeblateRedirect() {
|
||||||
const [countdown, setCountdown] = useState(5);
|
const [countdown, setCountdown] = useState(5);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
@ -39,14 +40,12 @@ export default function DiscordRedirect() {
|
||||||
<h1
|
<h1
|
||||||
style={{ fontSize: '2.5em', paddingBlock: '0.6em', color: '#A6A4AE' }}
|
style={{ fontSize: '2.5em', paddingBlock: '0.6em', color: '#A6A4AE' }}
|
||||||
>
|
>
|
||||||
Sudo-Flix Discord
|
Sudo-Flix {redirectTitle}
|
||||||
</h1>
|
</h1>
|
||||||
<hr
|
<hr
|
||||||
style={{
|
style={{
|
||||||
marginInline: '2em',
|
marginInline: '2em',
|
||||||
backgroundColor: '#37334C',
|
border: 'solid 0.1em #37334C',
|
||||||
border: 'none',
|
|
||||||
height: '0.1em',
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,20 +54,20 @@ export default function DiscordRedirect() {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
height: '50vh',
|
height: '80vh',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
padding: '1em',
|
padding: '1em',
|
||||||
marginInline: '2.5em',
|
marginInline: '2.5em',
|
||||||
border: 'solid 1px #37334C',
|
border: 'solid 0.1em #37334C',
|
||||||
borderRadius: '0.35em',
|
borderRadius: '0.35em',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<h1
|
<div
|
||||||
style={{
|
style={{
|
||||||
fontSize: '1.65em',
|
fontSize: '1.65em',
|
||||||
color: '#A6A4AE',
|
color: '#A6A4AE',
|
||||||
|
@ -77,33 +76,66 @@ export default function DiscordRedirect() {
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Redirecting you to our Discord in:
|
{countdown > 0
|
||||||
|
? `Redirecting you to our ${redirectTitle} in:`
|
||||||
|
: `Redirecting you now...`}
|
||||||
{countdown <= 0 ? (
|
{countdown <= 0 ? (
|
||||||
<div
|
<a
|
||||||
style={{
|
href={redirectUrl}
|
||||||
display: 'flex',
|
style={{ color: '#8C899A', fontSize: '0.6em' }}
|
||||||
flexDirection: 'column',
|
onMouseEnter={(e) =>
|
||||||
alignItems: 'center',
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
}}
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
>
|
>
|
||||||
<a
|
*Click here if you're not redirected
|
||||||
href={redirectUrl}
|
</a>
|
||||||
style={{ color: '#8C899A', fontSize: '0.62em' }}
|
) : (
|
||||||
onMouseEnter={(e) =>
|
<span style={{ fontWeight: 700 }}>{countdown}</span>
|
||||||
(e.currentTarget.style.textDecoration = 'underline')
|
)}
|
||||||
}
|
</div>
|
||||||
onMouseLeave={(e) =>
|
|
||||||
(e.currentTarget.style.textDecoration = 'none')
|
|
||||||
}
|
|
||||||
>
|
|
||||||
*Click here if you are not redirected
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
<span style={{ fontWeight: 700 }}>{countdown}</span>
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
color: '#8C899A',
|
||||||
|
fontSize: '0.7em',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<p>© 2024 sudo-flix</p>
|
||||||
|
<p>
|
||||||
|
Follow us on{' '}
|
||||||
|
<a
|
||||||
|
href="https://x.com/sudoFlix"
|
||||||
|
onMouseEnter={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
Twitter
|
||||||
|
</a>{' '}
|
||||||
|
and check out our{' '}
|
||||||
|
<a
|
||||||
|
href="https://github.com/sussy-code"
|
||||||
|
onMouseEnter={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
Github
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
import { useEffect, useState } from 'react';
|
import { useEffect, useState } from 'react';
|
||||||
|
|
||||||
|
const redirectTitle = 'Weblate';
|
||||||
const redirectUrl = 'https://weblate.tinypixel.uk/projects/sudo-flix/main/';
|
const redirectUrl = 'https://weblate.tinypixel.uk/projects/sudo-flix/main/';
|
||||||
|
|
||||||
export default function WeblateRedirect() {
|
export default function WeblateRedirect() {
|
||||||
|
@ -39,14 +40,12 @@ export default function WeblateRedirect() {
|
||||||
<h1
|
<h1
|
||||||
style={{ fontSize: '2.5em', paddingBlock: '0.6em', color: '#A6A4AE' }}
|
style={{ fontSize: '2.5em', paddingBlock: '0.6em', color: '#A6A4AE' }}
|
||||||
>
|
>
|
||||||
Sudo-Flix Weblate
|
Sudo-Flix {redirectTitle}
|
||||||
</h1>
|
</h1>
|
||||||
<hr
|
<hr
|
||||||
style={{
|
style={{
|
||||||
marginInline: '2em',
|
marginInline: '2em',
|
||||||
backgroundColor: '#37334C',
|
border: 'solid 0.1em #37334C',
|
||||||
border: 'none',
|
|
||||||
height: '0.1em',
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -55,20 +54,20 @@ export default function WeblateRedirect() {
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
height: '50vh',
|
height: '80vh',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
padding: '1em',
|
padding: '1em',
|
||||||
marginInline: '2.5em',
|
marginInline: '2.5em',
|
||||||
border: 'solid 1px #37334C',
|
border: 'solid 0.1em #37334C',
|
||||||
borderRadius: '0.35em',
|
borderRadius: '0.35em',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<h1
|
<div
|
||||||
style={{
|
style={{
|
||||||
fontSize: '1.65em',
|
fontSize: '1.65em',
|
||||||
color: '#A6A4AE',
|
color: '#A6A4AE',
|
||||||
|
@ -77,33 +76,66 @@ export default function WeblateRedirect() {
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Redirecting you to our Weblate in:
|
{countdown > 0
|
||||||
|
? `Redirecting you to our ${redirectTitle} in:`
|
||||||
|
: `Redirecting you now...`}
|
||||||
{countdown <= 0 ? (
|
{countdown <= 0 ? (
|
||||||
<div
|
<a
|
||||||
style={{
|
href={redirectUrl}
|
||||||
display: 'flex',
|
style={{ color: '#8C899A', fontSize: '0.6em' }}
|
||||||
flexDirection: 'column',
|
onMouseEnter={(e) =>
|
||||||
alignItems: 'center',
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
}}
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
>
|
>
|
||||||
<a
|
*Click here if you're not redirected
|
||||||
href={redirectUrl}
|
</a>
|
||||||
style={{ color: '#8C899A', fontSize: '0.62em' }}
|
) : (
|
||||||
onMouseEnter={(e) =>
|
<span style={{ fontWeight: 700 }}>{countdown}</span>
|
||||||
(e.currentTarget.style.textDecoration = 'underline')
|
)}
|
||||||
}
|
</div>
|
||||||
onMouseLeave={(e) =>
|
|
||||||
(e.currentTarget.style.textDecoration = 'none')
|
|
||||||
}
|
|
||||||
>
|
|
||||||
*Click here if you are not redirected
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
) : null}
|
|
||||||
<span style={{ fontWeight: 700 }}>{countdown}</span>
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: 'flex',
|
||||||
|
flexDirection: 'column',
|
||||||
|
alignItems: 'center',
|
||||||
|
color: '#8C899A',
|
||||||
|
fontSize: '0.7em',
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<p>© 2024 sudo-flix</p>
|
||||||
|
<p>
|
||||||
|
Follow us on{' '}
|
||||||
|
<a
|
||||||
|
href="https://x.com/sudoFlix"
|
||||||
|
onMouseEnter={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
Twitter
|
||||||
|
</a>{' '}
|
||||||
|
and check out our{' '}
|
||||||
|
<a
|
||||||
|
href="https://github.com/sussy-code"
|
||||||
|
onMouseEnter={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'underline')
|
||||||
|
}
|
||||||
|
onMouseLeave={(e) =>
|
||||||
|
(e.currentTarget.style.textDecoration = 'none')
|
||||||
|
}
|
||||||
|
>
|
||||||
|
Github
|
||||||
|
</a>
|
||||||
|
.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue