You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
3.3 KiB
TypeScript
101 lines
3.3 KiB
TypeScript
import {
|
|
faDiscord,
|
|
faGithub,
|
|
faMastodon,
|
|
faTwitter,
|
|
} from "@fortawesome/free-brands-svg-icons";
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
import type { NextPage } from "next";
|
|
|
|
const Home: NextPage = () => {
|
|
return (
|
|
<>
|
|
<h1>An Arch Based Distribution</h1>
|
|
<p>Crystal Linux is a brand new Arch Linux based distribution.</p>
|
|
<p>Powerful and easy to use.</p>
|
|
|
|
<div className="flex gap-4 my-4 flex-wrap justify-center">
|
|
{[
|
|
{
|
|
link: "https://twitter.com/crystal_linux",
|
|
icon: faTwitter,
|
|
},
|
|
{
|
|
link: "https://github.com/crystal-linux",
|
|
icon: faGithub,
|
|
},
|
|
{
|
|
link: "https://discord.gg/2b47CAKNAx",
|
|
icon: faDiscord,
|
|
},
|
|
{
|
|
link: "https://fosstodon.org/@crystal_linux",
|
|
icon: faMastodon,
|
|
},
|
|
].map((entry) => (
|
|
<a
|
|
href={entry.link}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
className="hover:text-purple-700"
|
|
key={entry.link}
|
|
>
|
|
<FontAwesomeIcon icon={entry.icon} size="3x" />
|
|
</a>
|
|
))}
|
|
</div>
|
|
|
|
<div className="flex flex-wrap align-middle my-4 justify-center [&_div]:max-w-sm [&_div]:flex [&_div]:flex-col [&_div]:items-center [&_div]:p-6 [&_div]:gap-4 [&_div]:bg-gray-300 [&_div]:dark:bg-gray-900">
|
|
<div>
|
|
<h2>Why Crystal?</h2>
|
|
<p>
|
|
What{"'"}s so different about Crystal compared to other distributions?
|
|
</p>
|
|
<ul className="list-disc list-inside text-left flex flex-col gap-4 text-xl">
|
|
<li>Easy to use package manager</li>
|
|
<li>Beginner Friendly</li>
|
|
<li>Easy Btrfs snapshots</li>
|
|
<li>Easy to install</li>
|
|
</ul>
|
|
<a
|
|
className="focus:outline-none text-center text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-bold w-full rounded-lg text-lg px-5 py-2.5 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
|
|
href="https://github.com/crystal-linux/iso/releases/latest"
|
|
>
|
|
Download
|
|
</a>
|
|
</div>
|
|
<div className="text-center">
|
|
<h2>We 💖 open source software</h2>
|
|
<p>
|
|
Basically everything that Crystal Linux has coded/made is completely
|
|
open source for everyone.
|
|
</p>
|
|
<p>
|
|
The project is licensed under{" "}
|
|
<a href="https://github.com/crystal-linux/.github/blob/main/LICENSE">
|
|
GPLv3.0
|
|
</a>
|
|
.
|
|
</p>
|
|
<p>
|
|
We also are fully transparent, and have adopted the{" "}
|
|
<a href="https://www.contributor-covenant.org/">
|
|
Contributor Covenant
|
|
</a>
|
|
.
|
|
</p>
|
|
<p>
|
|
If you would like to contribute to the project, please adhere to the{" "}
|
|
<a href="https://github.com/crystal-linux/.github/blob/main/CONTRIBUTING.md">
|
|
Contributing Guidelines
|
|
</a>{" "}
|
|
and the <a href="https://developercertificate.org/">The DCO</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Home;
|