2021-04-01 17:34:44 -07:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
|
|
import clsx from 'clsx';
|
|
|
|
|
|
|
|
|
|
import useBaseUrl from '@docusaurus/useBaseUrl';
|
|
|
|
|
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
|
|
|
|
|
import Layout from '@theme/Layout';
|
2021-11-12 13:25:49 -08:00
|
|
|
import Head from '@docusaurus/Head';
|
2021-04-01 17:34:44 -07:00
|
|
|
|
|
|
|
|
import styles from './styles.module.css';
|
|
|
|
|
|
|
|
|
|
const features = [
|
|
|
|
|
{
|
2021-04-11 04:03:19 -07:00
|
|
|
title: "Diverse Software Ecosystem",
|
|
|
|
|
imageUrl: "img/software.svg",
|
2021-04-01 17:34:44 -07:00
|
|
|
description: (
|
|
|
|
|
<>
|
2021-04-11 04:03:19 -07:00
|
|
|
Having an ever-growing, vibrant software ecosystem, there's almost
|
|
|
|
|
certainly, a capable solution ready to go for your project. With
|
|
|
|
|
libraries for Typescript and Python, apps for all major platforms and a
|
|
|
|
|
whole suite of native integrations, there's something for everyone.
|
2021-04-01 17:34:44 -07:00
|
|
|
</>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
2021-04-11 04:03:19 -07:00
|
|
|
title: "Extremely Versatile",
|
|
|
|
|
imageUrl: "img/versatility.svg",
|
2021-04-01 17:34:44 -07:00
|
|
|
description: (
|
|
|
|
|
<>
|
2021-04-11 04:03:19 -07:00
|
|
|
Create a highly scalable mesh with hardware on a multitude of platforms
|
|
|
|
|
to fit your unique requirements: Create an environment monitoring mesh
|
|
|
|
|
and produce real-time heatmaps, or maybe decentralised, encrypted
|
|
|
|
|
messaging network, your imagination is the limit.
|
2021-04-01 17:34:44 -07:00
|
|
|
</>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
2021-04-11 04:03:19 -07:00
|
|
|
title: "Peak Efficiency",
|
|
|
|
|
imageUrl: "img/efficiency.svg",
|
2021-04-01 17:34:44 -07:00
|
|
|
description: (
|
|
|
|
|
<>
|
2021-04-11 04:03:19 -07:00
|
|
|
Go for days on end and on a single battery, or extend it infinitely with
|
|
|
|
|
a solar cell, communicate with tens kilometres between nodes on
|
|
|
|
|
inexpensive beginner friendly hardware.
|
2021-04-01 17:34:44 -07:00
|
|
|
</>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
function Feature({ imageUrl, title, description }) {
|
|
|
|
|
const imgUrl = useBaseUrl(imageUrl);
|
|
|
|
|
return (
|
|
|
|
|
<div className={clsx("col col--4", styles.feature)}>
|
|
|
|
|
{imgUrl && (
|
|
|
|
|
<div className="text--center">
|
|
|
|
|
<img className={styles.featureImage} src={imgUrl} alt={title} />
|
|
|
|
|
</div>
|
|
|
|
|
)}
|
|
|
|
|
<h3>{title}</h3>
|
|
|
|
|
<p>{description}</p>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Home() {
|
|
|
|
|
const context = useDocusaurusContext();
|
2021-10-22 19:35:13 -07:00
|
|
|
const { siteConfig } = context;
|
2021-04-01 17:34:44 -07:00
|
|
|
return (
|
2021-11-12 13:25:49 -08:00
|
|
|
<Layout>
|
|
|
|
|
<Head>
|
|
|
|
|
<meta property="og:title" content="Meshtastic" />
|
|
|
|
|
<meta
|
|
|
|
|
property="og:image"
|
|
|
|
|
content={useBaseUrl("img/meshtastic-design/web/social-preview-1200x630.png")}
|
|
|
|
|
/>
|
|
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="Open Source hiking, pilot, skiing and secure GPS mesh communicator"
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:url" content="https://meshtastic.org/" />
|
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
|
|
|
</Head>
|
2021-04-01 17:34:44 -07:00
|
|
|
<header className={clsx("hero hero--primary", styles.heroBanner)}>
|
|
|
|
|
<div className="container">
|
|
|
|
|
<h1 className="hero__title">
|
|
|
|
|
<img
|
|
|
|
|
style={{ paddingTop: "2rem", paddingBottom: "2rem" }}
|
|
|
|
|
alt="Meshtastic Logo"
|
|
|
|
|
className="header__logo"
|
|
|
|
|
src={useBaseUrl("img/meshtastic-design/typelogo/typelogo.svg")}
|
|
|
|
|
/>
|
|
|
|
|
</h1>
|
|
|
|
|
<p className="hero__subtitle">{siteConfig.tagline}</p>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<main>
|
|
|
|
|
{features && features.length > 0 && (
|
|
|
|
|
<section className={styles.features}>
|
|
|
|
|
<div className="container">
|
|
|
|
|
<div className="row">
|
|
|
|
|
{features.map((props, idx) => (
|
|
|
|
|
<Feature key={idx} {...props} />
|
|
|
|
|
))}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
)}
|
|
|
|
|
</main>
|
|
|
|
|
</Layout>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Home;
|
