|
|
|
@ -18,25 +18,25 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<section>
|
|
|
|
|
<div className="flex justify-center flex-col items-center text-center px-8 pt-36 lg:pt-44 pb-32">
|
|
|
|
|
<h1 className="mb-4 text-4xl font-extrabold tracking-tight leading-none text-ctp-text md:text-5xl lg:text-6xl">
|
|
|
|
|
<div className="flex flex-col items-center justify-center px-8 pt-36 pb-32 text-center lg:pt-44">
|
|
|
|
|
<h1 className="mb-4 text-4xl font-extrabold leading-none tracking-tight text-ctp-text md:text-5xl lg:text-6xl">
|
|
|
|
|
An arch based distribution
|
|
|
|
|
</h1>
|
|
|
|
|
<p className="mb-6 text-lg font-normal text-ctp-subtext1 lg:text-xl sm:px-16 xl:px-48">
|
|
|
|
|
<p className="mb-6 text-lg font-normal text-ctp-subtext1 sm:px-16 lg:text-xl xl:px-48">
|
|
|
|
|
Crystal Linux is a brand new Arch Linux based distritbution.
|
|
|
|
|
Powerful and easy to use.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<div className="w-full space-2 space-y-2">
|
|
|
|
|
<div className="space-2 w-full space-y-2">
|
|
|
|
|
<a
|
|
|
|
|
className="inline-flex w-full sm:w-fit justify-center items-center py-3 px-5 text-base font-medium text-center text-ctp-base bg-ctp-mauve rounded-lg focus:ring-4"
|
|
|
|
|
className="inline-flex w-full items-center justify-center rounded-lg bg-ctp-mauve py-3 px-5 text-center text-base font-medium text-ctp-base focus:ring-4 sm:w-fit"
|
|
|
|
|
href="https://github.com/crystal-linux/iso/releases/latest"
|
|
|
|
|
>
|
|
|
|
|
Download
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<Link href="/docs/crystal-linux/getting-started">
|
|
|
|
|
<a className="inline-flex w-full sm:w-fit gap-2 justify-center items-center py-3 px-5 text-base font-medium text-center text-ctp-text rounded-lg focus:ring-4">
|
|
|
|
|
<a className="inline-flex w-full items-center justify-center gap-2 rounded-lg py-3 px-5 text-center text-base font-medium text-ctp-text focus:ring-4 sm:w-fit">
|
|
|
|
|
Getting Started
|
|
|
|
|
<FontAwesomeIcon icon={faArrowRight} />
|
|
|
|
|
</a>
|
|
|
|
@ -48,16 +48,16 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
<HomeSection className="">
|
|
|
|
|
<div className="basis-1/4">
|
|
|
|
|
<p className="mt-8 font-semibold text-ctp-maroon">Beautiful</p>
|
|
|
|
|
<p className="mt-4 text-3xl sm:text-4xl text-ctp-text font-extrabold tracking-tight">
|
|
|
|
|
<p className="mt-4 text-3xl font-extrabold tracking-tight text-ctp-text sm:text-4xl">
|
|
|
|
|
Onyx built-in
|
|
|
|
|
</p>
|
|
|
|
|
<p className="mt-4 max-w-3xl text-ctp-subtext1">
|
|
|
|
|
Install Crystal with it{"'"}s in-house desktop experience, a custom GNOME session
|
|
|
|
|
with a familiar layout. Or choose your favourite!
|
|
|
|
|
Install Crystal with it{"'"}s in-house desktop experience, a custom
|
|
|
|
|
GNOME session with a familiar layout. Or choose your favourite!
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="basis-3/4 flex justify-center">
|
|
|
|
|
<div className="flex basis-3/4 justify-center">
|
|
|
|
|
<Image
|
|
|
|
|
src={resolvedTheme === "dark" ? onyxDark : onyxLight}
|
|
|
|
|
className="rounded-xl shadow-lg shadow-ctp-crust"
|
|
|
|
@ -69,7 +69,7 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
<HomeSection>
|
|
|
|
|
<div>
|
|
|
|
|
<p className="mt-8 font-semibold text-ctp-rosewater">Buttery</p>
|
|
|
|
|
<p className="mt-4 text-3xl sm:text-4xl text-ctp-text font-extrabold tracking-tight">
|
|
|
|
|
<p className="mt-4 text-3xl font-extrabold tracking-tight text-ctp-text sm:text-4xl">
|
|
|
|
|
Automatic Backups
|
|
|
|
|
</p>
|
|
|
|
|
<p className="mt-4 max-w-3xl space-y-6 text-ctp-subtext1">
|
|
|
|
@ -81,7 +81,7 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
<HomeSection className="pb-28">
|
|
|
|
|
<div className="basis-1/4">
|
|
|
|
|
<p className="mt-8 font-semibold text-ctp-mauve">Rusty Quartz?</p>
|
|
|
|
|
<p className="mt-4 text-3xl sm:text-4xl text-ctp-text font-extrabold tracking-tight">
|
|
|
|
|
<p className="mt-4 text-3xl font-extrabold tracking-tight text-ctp-text sm:text-4xl">
|
|
|
|
|
Amethyst
|
|
|
|
|
</p>
|
|
|
|
|
<p className="mt-4 max-w-3xl text-ctp-subtext1">
|
|
|
|
@ -91,7 +91,7 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="basis-3/4 flex justify-center">
|
|
|
|
|
<div className="flex basis-3/4 justify-center">
|
|
|
|
|
<AmePreview />
|
|
|
|
|
</div>
|
|
|
|
|
</HomeSection>
|
|
|
|
@ -100,7 +100,7 @@ const Home: NextPageWithLayout = () => {
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
Home.getLayout = function getLayout(page: ReactElement) {
|
|
|
|
|
return <main className="bg-ctp-base flex flex-col items-center">{page}</main>;
|
|
|
|
|
return <main className="flex flex-col items-center bg-ctp-base">{page}</main>;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default Home;
|
|
|
|
|