This repository has been archived on 2022-08-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
outline/server/pages/Home.js
Tom Moor 802ce10f14 POC
2017-10-22 17:16:57 -07:00

69 lines
2.2 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// @flow
import React from 'react';
import styled from 'styled-components';
import Grid from 'styled-components-grid';
const Unit = Grid.Unit;
const Header = styled.div`
width: 100%;
padding: 3em;
text-align: center;
`;
export default function Home() {
return (
<Grid>
<Header>
<h1>Your teams knowledge base</h1>
<p>
Documentation, meeting notes, playbooks, onboarding, work logs, brainstorming, decisions, & more
</p>
<a href="">Sign In</a>
</Header>
<Unit size={{ desktop: 1 / 2 }} />
<Unit size={{ desktop: 1 / 2 }}>
<h2>Blazing Fast</h2>
<p>
Atlas is fast, really fast. Weve trimmed 100ms and 50ms there to make sure that documents load instantly, search is speedy and there are keyboard shortcuts for everything.
</p>
</Unit>
<Unit size={{ desktop: 1 / 2 }}>
<h2>Markdown Support</h2>
<p>
Documents are stored in Markdown and you can export them at any time. Markdown shortcuts are also built right into the editor so you can easily format using markdown syntax or our GUI.
</p>
</Unit>
<Unit size={{ desktop: 1 / 2 }} />
<Unit size={{ desktop: 1 / 2 }} />
<Unit size={{ desktop: 1 / 2 }}>
<h2>Markdown Support</h2>
<p>
Documents are stored in Markdown and you can export them at any time. Markdown shortcuts are also built right into the editor so you can easily format using markdown syntax or our GUI.
</p>
</Unit>
<Unit size={{ desktop: 1 / 3 }}>
<h2>Powerful Search</h2>
<p>
Built-in search makes that one document easy to find in a large knowledgebase.
</p>
</Unit>
<Unit size={{ desktop: 1 / 3 }}>
<h2>API & Integrations</h2>
<p>
Atlas is built on its own API, treat Atlas as a CMS or automatically great documents from outside events.
</p>
</Unit>
<Unit size={{ desktop: 1 / 3 }}>
<h2>Open Source</h2>
<p>
Want to contribute or host Atlas yourself? All of the code is on GitHub.
</p>
</Unit>
</Grid>
);
}