Skip to content

Commit a49945e

Browse files
teofumteofum
committed
webring index arrows and join link
1 parent 43a9577 commit a49945e

File tree

3 files changed

+78
-26
lines changed

3 files changed

+78
-26
lines changed

‎src/pages/index.tsx

Lines changed: 47 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,45 @@
1-
import clsx from 'clsx';
2-
import Link from '@docusaurus/Link';
3-
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
4-
import Layout from '@theme/Layout';
5-
import HomepageFeatures from '@site/src/components/HomepageFeatures';
6-
import Heading from '@theme/Heading';
1+
import clsx from "clsx";
2+
import Link from "@docusaurus/Link";
3+
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
4+
import Layout from "@theme/Layout";
5+
import HomepageFeatures from "@site/src/components/HomepageFeatures";
6+
import Heading from "@theme/Heading";
77

8-
import styles from './index.module.css';
8+
import styles from "./index.module.css";
99

1010
function HomepageHeader() {
1111
const { siteConfig } = useDocusaurusContext();
1212
return (
13-
<header className={clsx('--landing', styles.heroBanner)}>
13+
<header className={clsx("--landing", styles.heroBanner)}>
1414
<div className="container">
1515
<Heading as="h1" className="hero__title">
1616
{siteConfig.title}
1717
</Heading>
18-
<p className="hero__subtitle">Articles, guides, tips and tricks from and for frogs and forgis of the Graphics Programming discord.<br />This is what we do</p>
19-
<iframe className={styles.ytEmbed} width="960" height="520" src="https://www.youtube.com/embed/E07I1VRYlcg?si=PUsHfqq3YKLIp2kS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
18+
<p className="hero__subtitle">
19+
Articles, guides, tips and tricks from and for frogs and forgis of the
20+
Graphics Programming discord.
21+
<br />
22+
This is what we do
23+
</p>
24+
<iframe
25+
className={styles.ytEmbed}
26+
width="960"
27+
height="520"
28+
src="https://www.youtube.com/embed/E07I1VRYlcg?si=PUsHfqq3YKLIp2kS"
29+
title="YouTube video player"
30+
frameborder="0"
31+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
32+
referrerpolicy="strict-origin-when-cross-origin"
33+
allowfullscreen
34+
></iframe>
2035
<div className={styles.buttons}>
21-
<Link
22-
className="button button--secondary button--lg test"
23-
to="/blog">
36+
<Link className="button button--secondary button--lg test" to="/blog">
2437
Discover our Blog
2538
</Link>
2639
<Link
2740
className="button button--secondary button--lg test"
28-
to="https://discord.gg/">
41+
to="https://discord.gg/"
42+
>
2943
Join our Discord Server
3044
</Link>
3145
</div>
@@ -39,23 +53,30 @@ export default function Home(): JSX.Element {
3953
return (
4054
<Layout
4155
title={`Hello from ${siteConfig.title}`}
42-
description="Description will go into a meta tag in <head />">
56+
description="Description will go into a meta tag in <head />"
57+
>
4358
<HomepageHeader />
4459
<main>
4560
<HomepageFeatures />
4661

47-
<div style={{
48-
display: 'flex',
49-
gap: '0.25rem',
50-
justifyContent: 'center',
51-
}}>
62+
<div
63+
style={{
64+
display: "flex",
65+
gap: "0.25rem",
66+
justifyContent: "center",
67+
}}
68+
>
5269
<a href="/webring/frogs/gp-blog/prev">⬅️</a>
53-
<a href="/webring/frogs/">
54-
<img src="/img/froge.webp" alt="a friendly froge" style={{
55-
objectFit: 'contain',
56-
width: '1.5em',
57-
height: '1.5em',
58-
}} />
70+
<a href="/webring/">
71+
<img
72+
src="/img/froge.webp"
73+
alt="a friendly froge"
74+
style={{
75+
objectFit: "contain",
76+
width: "1.5em",
77+
height: "1.5em",
78+
}}
79+
/>
5980
</a>
6081
<a href="/webring/frogs/gp-blog/next">➡️</a>
6182
</div>

‎src/pages/webring.tsx renamed to ‎src/pages/webring/index.tsx

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,34 @@ export default function Hello() {
3535
</li>
3636
))}
3737
</ul>
38+
39+
<hr />
40+
41+
<div
42+
style={{
43+
display: "flex",
44+
gap: "0.25rem",
45+
justifyContent: "center",
46+
}}
47+
>
48+
<a href="/webring/frogs/gp-blog/prev">⬅️</a>
49+
<a href="/webring/">
50+
<img
51+
src="/img/froge.webp"
52+
alt="a friendly froge"
53+
style={{
54+
objectFit: "contain",
55+
width: "1.5em",
56+
height: "1.5em",
57+
}}
58+
/>
59+
</a>
60+
<a href="/webring/frogs/gp-blog/next">➡️</a>
61+
</div>
62+
63+
<a style={{ textAlign: "center" }} href="join">
64+
Join the GP webring
65+
</a>
3866
</div>
3967
</Layout>
4068
);

‎src/pages/webring/join.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# join ze webring
2+
3+
hello

0 commit comments

Comments
 (0)