89 lines
2.4 KiB
TypeScript
89 lines
2.4 KiB
TypeScript
import { GractwoLogo } from "../components/Logo";
|
|
import { SEO } from "../components/SEO";
|
|
import styles from "../styles/oGractwie.module.scss";
|
|
import Link from "next/link";
|
|
import { Icon, IconSet } from "../components/Icon";
|
|
import administracja from "../data/administracja.json";
|
|
import links from "../data/links.json";
|
|
|
|
const PageInfo = () => {
|
|
return (
|
|
<>
|
|
<SEO title="o gractwie" />
|
|
<main>
|
|
<div className={styles.biglogocontainer}>
|
|
<GractwoLogo />
|
|
<article>
|
|
<h1>
|
|
<GractwoLogo />
|
|
Gractwo
|
|
</h1>
|
|
<p style={{ textAlign: "justify" }}>
|
|
Gractwo jest nieformalną organizacją i społecznością osób
|
|
zainteresowanych grami, anime, popkulturą. Powstałe w 2020 roku
|
|
jest zreszeniem ludzi w dużej mierze znających się nawzajem i
|
|
spędzających razem „na Gractwie” czas.
|
|
{/* Genezą nazwy jest złączenie słów „Gracz” i „Bractwo”. */}
|
|
{/* */}
|
|
{/* discordowa społeczność kryptogenshinowa która jest yyy często
|
|
charakteryzuje się łączeniem przez relacje interpersonalne
|
|
kluczowych członków, chyba że jeszcze bardziej chcemy ukrywać
|
|
naszą kryptogenshinowość */}
|
|
{/* THANKS, MOLLIN */}
|
|
</p>
|
|
</article>
|
|
</div>
|
|
<div className="chips">
|
|
<Link href="#sklad-administracji" className="chip">
|
|
skład administracji
|
|
<Icon icon={IconSet.Users} />
|
|
</Link>
|
|
<Link href="#linki" className="chip">
|
|
linki i przekierowania
|
|
<Icon icon={IconSet.Link2} />
|
|
</Link>
|
|
</div>
|
|
</main>
|
|
<main id="sklad-administracji">
|
|
<h2>skład administracji</h2>
|
|
<div className={styles.persons}>
|
|
{administracja.map((el) => {
|
|
return (
|
|
<Link
|
|
key={el.name}
|
|
href={`/profile/${el.name
|
|
.replaceAll(" ", "-")
|
|
.toLocaleLowerCase()}`}
|
|
>
|
|
<article>
|
|
<img src={el.img} alt={`zdjęcie profilowe ${el.name}`} />
|
|
<div>
|
|
<h3>{el.name}</h3>
|
|
<p>{el.desc || "brak opisu."}</p>
|
|
</div>
|
|
</article>
|
|
</Link>
|
|
);
|
|
})}
|
|
</div>
|
|
</main>
|
|
<main id="linki">
|
|
<h2>linki i przekierowania</h2>
|
|
<div className="chips">
|
|
{links.map((el) => {
|
|
if (el.name) {
|
|
return (
|
|
<Link className="chip" key={el.name} href={el.href}>
|
|
{el.name}
|
|
</Link>
|
|
);
|
|
}
|
|
})}
|
|
</div>
|
|
</main>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PageInfo;
|