Migrate to Docusaurus (#329)
* docs: initial migration to docusaurus * website: add custom font, update blurbs and icons * website: update splash * root: update links to docs * flows: use .pbflow extension so docusaurus doesn't mangle the files * e2e: workaround prospector * Squashed commit of the following: commit1248585dcaAuthor: Jens Langhammer <jens.langhammer@beryju.org> Date: Sun Nov 15 20:46:53 2020 +0100 e2e: attempt to fix prospector error again commit1319c480c4Author: Jens Langhammer <jens.langhammer@beryju.org> Date: Sun Nov 15 20:41:35 2020 +0100 ci: install previous python version for upgrade testing * web: update accent colours and format * website: format markdown files * website: fix colours for text * website: switch to temporary accent colour to improve readability * flows: fix path for TestTransferDocs * flows: fix formatting of tests
This commit is contained in:
124
website/src/pages/index.js
Normal file
124
website/src/pages/index.js
Normal file
@ -0,0 +1,124 @@
|
||||
import React from "react";
|
||||
import clsx from "clsx";
|
||||
import Layout from "@theme/Layout";
|
||||
import Link from "@docusaurus/Link";
|
||||
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
|
||||
import useBaseUrl from "@docusaurus/useBaseUrl";
|
||||
import styles from "./styles.module.css";
|
||||
|
||||
const features = [
|
||||
{
|
||||
title: "Easy to Use",
|
||||
description: (
|
||||
<>
|
||||
Identity made easy. passbook makes single-sign on, user
|
||||
enrollment and access control simple.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: "Realise your workflow",
|
||||
description: (
|
||||
<>
|
||||
passbook lets you build your Workflow as you need it, no
|
||||
limitations.
|
||||
</>
|
||||
),
|
||||
},
|
||||
{
|
||||
title: "Powered by Python",
|
||||
description: (
|
||||
<>
|
||||
Implement custom verification or access control logic using
|
||||
Python code.
|
||||
</>
|
||||
),
|
||||
},
|
||||
];
|
||||
|
||||
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();
|
||||
const { siteConfig = {} } = context;
|
||||
return (
|
||||
<Layout title="Welcome" description={siteConfig.tagline}>
|
||||
<header className={clsx("hero hero--primary", styles.heroBanner)}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col padding-top--lg">
|
||||
<h1 className="hero__title">
|
||||
{siteConfig.tagline}
|
||||
</h1>
|
||||
<p className="hero__subtitle">
|
||||
passbook is an open-source Identity Provider
|
||||
focused on flexibility and versatility
|
||||
</p>
|
||||
<div className={styles.buttons}>
|
||||
<Link
|
||||
className={clsx(
|
||||
"button button--outline button--secondary button--lg",
|
||||
styles.getStarted
|
||||
)}
|
||||
to={useBaseUrl("docs/installation/index")}
|
||||
>
|
||||
Get Started
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col text--center hero_image">
|
||||
<img alt="passbook logo" src="/img/logo.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
{features.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col col--5">
|
||||
<div></div>
|
||||
</div>
|
||||
<div className="col col--5 col--offset-2 padding-vert--xl">
|
||||
<h2>What is passbook?</h2>
|
||||
<p>
|
||||
passbook is an open-source Identity Provider
|
||||
focused on flexibility and versatility. You
|
||||
can use passbook in an existing environment
|
||||
to add support for new protocols. passbook
|
||||
is also a great solution for implementing
|
||||
signup/recovery/etc in your application, so
|
||||
you don't have to deal with it.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
export default Home;
|
||||
Reference in New Issue
Block a user