mirror of
https://codeberg.org/cunicu/cunicu.git
synced 2025-12-24 06:18:40 +08:00
52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
// SPDX-FileCopyrightText: 2023-2025 Steffen Vogel <post@steffenvogel.de>
|
||
// SPDX-License-Identifier: Apache-2.0
|
||
|
||
import React from 'react';
|
||
import clsx from 'clsx';
|
||
import Link from '@docusaurus/Link';
|
||
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
||
import Layout from '@theme/Layout';
|
||
import HomepageFeatures from '@site/src/components/HomepageFeatures';
|
||
import BrowserOnly from '@docusaurus/BrowserOnly';
|
||
import MeshAnimation from '../components/MeshAnimation';
|
||
import styles from './index.module.css';
|
||
|
||
import CunicuLogoDark from '../../static/img/cunicu_logo_dark.svg';
|
||
|
||
function HomepageHeader() {
|
||
const {siteConfig} = useDocusaurusContext();
|
||
return (
|
||
<header className={clsx('hero hero--primary', styles.heroBanner)}>
|
||
<BrowserOnly>
|
||
{() => {
|
||
return <MeshAnimation />
|
||
}}
|
||
</BrowserOnly>
|
||
<div className="container" style={{zIndex: 1}}>
|
||
<CunicuLogoDark className="project-logo" style={{width: '40%'}} alt={siteConfig.title + ' - ' + siteConfig.tagline} />
|
||
<div className={styles.buttons}>
|
||
<Link
|
||
className="button button--secondary button--lg"
|
||
to="/docs/">
|
||
cunīcu Tutorial - 5min ⏱️
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
);
|
||
}
|
||
|
||
export default function Home() {
|
||
const {siteConfig} = useDocusaurusContext();
|
||
return (
|
||
<Layout
|
||
title={`Hello from ${siteConfig.title}`}
|
||
description="Description will go into a meta tag in <head />">
|
||
<HomepageHeader />
|
||
<main>
|
||
<HomepageFeatures />
|
||
</main>
|
||
</Layout>
|
||
);
|
||
}
|