mirror of
https://github.com/amithkoujalgi/ollama4j.git
synced 2025-05-18 21:37:11 +02:00
65 lines
2.1 KiB
JavaScript
65 lines
2.1 KiB
JavaScript
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 BuyMeACoffee from '@site/src/components/BuyMeACoffee';
|
||
import Heading from '@theme/Heading';
|
||
import styles from './index.module.css';
|
||
import BrowserOnly from '@docusaurus/BrowserOnly';
|
||
import LatestRelease from '@site/src/components/LatestRelease';
|
||
import TypewriterTextarea from '@site/src/components/TypewriterTextarea';
|
||
|
||
function HomepageHeader() {
|
||
const {siteConfig} = useDocusaurusContext();
|
||
return (
|
||
<header className={clsx('hero hero--primary', styles.heroBanner)}>
|
||
<div className="container">
|
||
<Heading as="h1" className="hero__title">
|
||
{siteConfig.title}
|
||
</Heading>
|
||
<img
|
||
src="img/logo.svg"
|
||
alt="Ollama4j Logo"
|
||
className={styles.logo}
|
||
style={{ maxWidth: '20vh' }}
|
||
/>
|
||
<p className="hero__subtitle">{siteConfig.tagline}</p>
|
||
<div style={{ marginTop: '2rem' }}>
|
||
<TypewriterTextarea
|
||
textContent='Hello there! I’m a handy little Java library that helps you talk to an Ollama server — nice and easy.'
|
||
typingSpeed={30}
|
||
pauseBetweenSentences={1200}
|
||
height='130px'
|
||
width='100%'
|
||
/>
|
||
</div>
|
||
<div className={styles.buttons} >
|
||
<Link className="button button--secondary button--lg" to="/intro" style={{ marginTop:'2rem' }}>
|
||
Get Started
|
||
</Link>
|
||
</div>
|
||
<div style={{ marginTop: '3rem' }}>
|
||
<LatestRelease showReleaseDate={false} />
|
||
</div>
|
||
</div>
|
||
</header>
|
||
);
|
||
}
|
||
|
||
export default function Home() {
|
||
const {siteConfig} = useDocusaurusContext();
|
||
return (
|
||
<Layout
|
||
title={`${siteConfig.title}`}
|
||
description="Description will go into a meta tag in <head />">
|
||
<HomepageHeader />
|
||
<main>
|
||
<HomepageFeatures />
|
||
<BrowserOnly>
|
||
{() => <BuyMeACoffee />}
|
||
</BrowserOnly>
|
||
</main>
|
||
</Layout>
|
||
);
|
||
} |