Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-08-01 11:15:17 +02:00
Code Issues Releases Activity

docs

Browse source
This commit is contained in:
Sean Morley 2024-07-08 17:10:50 -04:00
parent 3f92580849
commit adcf8a7da4
22 changed files with 52 additions and 359 deletions
Download patch file Download diff file Expand all files Collapse all files

40
documentation/src/components/HomepageFeatures/index.tsx
View file

@ -1,49 +1,45 @@
import clsx from 'clsx';
import Heading from '@theme/Heading';
import styles from './styles.module.css';
import clsx from "clsx";
import Heading from "@theme/Heading";
import styles from "./styles.module.css";
type FeatureItem = {
title: string;
Svg: React.ComponentType<React.ComponentProps<'svg'>>;
Svg: React.ComponentType<React.ComponentProps<"svg">>;
description: JSX.Element;
};
const FeatureList: FeatureItem[] = [
{
title: 'Easy to Use',
Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
title: "Log Your Travels",
Svg: require("@site/static/img/undraw_explore.svg").default,
description: (
<>
Docusaurus was designed from the ground up to be easily installed and
used to get your website up and running quickly.
AdventureLog is a simple way to log your travels and share them with the
world. You can add photos, notes, and more to your logs.
</>
),
},
{
title: 'Focus on What Matters',
Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
title: "Track Your World Travel",
Svg: require("@site/static/img/undraw_adventure.svg").default,
description: (
<>
Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
ahead and move your docs into the <code>docs</code> directory.
Keep track of the countries you've visited, the regions you've explored,
and the places you've been. You can also see your travel stats and
milestones (coming soon).
</>
),
},
{
title: 'Powered by React',
Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
</>
),
title: "View a Map of Your Travels",
Svg: require("@site/static/img/undraw_map_dark.svg").default,
description: <>See a map of all the places you've been.</>,
},
];
function Feature({title, Svg, description}: FeatureItem) {
function Feature({ title, Svg, description }: FeatureItem) {
return (
<div className={clsx('col col--4')}>
<div className={clsx("col col--4")}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
</div>