Added about page
This commit is contained in:
parent
fa1b6f9b4f
commit
b99ed0cee3
Binary file not shown.
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
After Width: | Height: | Size: 25 KiB |
|
@ -1,8 +1,36 @@
|
||||||
// @flow
|
// @flow
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Grid from 'styled-components-grid';
|
import Grid from 'styled-components-grid';
|
||||||
|
import styled from 'styled-components';
|
||||||
import { Helmet } from 'react-helmet';
|
import { Helmet } from 'react-helmet';
|
||||||
import Hero from './components/Hero';
|
import Flex from '../../shared/components/Flex';
|
||||||
|
import Header from './components/Header';
|
||||||
|
import Content from './components/Content';
|
||||||
|
|
||||||
|
const Authors = styled(Flex).attrs({
|
||||||
|
justify: 'center',
|
||||||
|
})`
|
||||||
|
margin: 40px 0;
|
||||||
|
`;
|
||||||
|
|
||||||
|
const Author = styled(Flex).attrs({
|
||||||
|
column: true,
|
||||||
|
align: 'center',
|
||||||
|
})`
|
||||||
|
margin-right: 60px;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const Avatar = styled.img`
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
|
||||||
|
border-radius: 50%;
|
||||||
|
`;
|
||||||
|
|
||||||
export default function About() {
|
export default function About() {
|
||||||
return (
|
return (
|
||||||
|
@ -10,10 +38,124 @@ export default function About() {
|
||||||
<Helmet>
|
<Helmet>
|
||||||
<title>About</title>
|
<title>About</title>
|
||||||
</Helmet>
|
</Helmet>
|
||||||
<Hero>
|
<Header>
|
||||||
<h1>About Outline</h1>
|
<h1>About Us</h1>
|
||||||
<p>Just a proof of concept for multiple pages.</p>
|
<p>Lets get to know each others</p>
|
||||||
</Hero>
|
</Header>
|
||||||
|
<Content>
|
||||||
|
<p>
|
||||||
|
Outline is a wiki and knowledge base built for growing teams. We`re
|
||||||
|
focused on speed, usability and extensibility.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
The project is maintained by Jori Lallo and Tom Moor. Outline is a
|
||||||
|
open source sideproject for both us which we`re developing along our
|
||||||
|
day jobs. After running both have run venture-backed software startups
|
||||||
|
previously and seeing many similar traditional VC-funded products try
|
||||||
|
and fail whilst the market need remained we decided to try a different
|
||||||
|
approach. So don`t worry, Outline is here to last.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i>
|
||||||
|
Outline is currently in public beta. The service will stay free
|
||||||
|
during this period. After that we will offer Outline free for teams
|
||||||
|
up to 5 people and have reasonable plans for larger teams.
|
||||||
|
</i>
|
||||||
|
</p>
|
||||||
|
<Authors>
|
||||||
|
<Author column>
|
||||||
|
<Avatar src="/jori.jpg" />
|
||||||
|
<div>
|
||||||
|
<strong>Jori Lallo</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://twitter.com/jorilallo">@jorilallo</a>
|
||||||
|
</div>
|
||||||
|
</Author>
|
||||||
|
|
||||||
|
<Author column>
|
||||||
|
<Avatar src="/tom.jpg" />
|
||||||
|
<div>
|
||||||
|
<strong>Tom Moor</strong>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://twitter.com/tommoor">@tommoor</a>
|
||||||
|
</div>
|
||||||
|
</Author>
|
||||||
|
</Authors>
|
||||||
|
|
||||||
|
<h2>Open Source</h2>
|
||||||
|
<p>
|
||||||
|
Outline is built by a group of core maintainers, we believe in being
|
||||||
|
honest and transparent.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>Accountability.</strong> Being open source helps to keep
|
||||||
|
ourselves accountable for progress, code quality, communication, and
|
||||||
|
roadmap.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Community.</strong> We hope that over time we can build up a
|
||||||
|
community of like-minded folks that can contribute plugins,
|
||||||
|
integrations, and core fixes to the project that will benefit
|
||||||
|
everyone.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Marketing.</strong> Every product needs a wedge into the
|
||||||
|
market. Being open source offers many opportunities to market the
|
||||||
|
project with a limited budget.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Security.</strong> We take privacy of your data extremely
|
||||||
|
seriously. Getting more eyes on the code makes us more confident
|
||||||
|
that Outline is as secure as possible.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
You can view Outline`s source code on{' '}
|
||||||
|
<a href="https://github.com/outline/outline">GitHub</a>.
|
||||||
|
</p>
|
||||||
|
<h2>FAQ</h2>
|
||||||
|
<p>
|
||||||
|
<strong>Why would I pay you if I can run Outline myself?</strong>
|
||||||
|
<br />
|
||||||
|
You don`t have to but you might have better things to do with your
|
||||||
|
time. When you sign up for Outline, you`ll always be running the
|
||||||
|
latest version, have all the features and we`ll answer the questions
|
||||||
|
your team might have. And you`ll help us keep Outline getting better
|
||||||
|
by supporting us financially.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>Can I use Google/GitHub/etc to signup for Outline?</strong>
|
||||||
|
<br />
|
||||||
|
We started with Slack as many teams are already using it and benefit
|
||||||
|
from the integrations. We`ll be adding more login methods soon. Please
|
||||||
|
let us know which one you would like to see next{' '}
|
||||||
|
<a
|
||||||
|
href="https://spectrum.chat/outline/feature-requests?thread=a851c20d-251a-4c7b-8977-e1438894db51"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
here
|
||||||
|
</a>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>How can I export my data if you go away?</strong>
|
||||||
|
<br />
|
||||||
|
We`re committed on making your data portable. We`ll soon add better
|
||||||
|
import and export options so you which will let you take your data and
|
||||||
|
view it in HTML form or upload to self-hosted Outline. Until then, you
|
||||||
|
can do this through our <a href="/developers">API</a>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<strong>How can I get in touch with you?</strong>
|
||||||
|
<br />
|
||||||
|
You can drop us a note on our{' '}
|
||||||
|
<a href="https://spectrum.chat/outline">Spectrum</a> community or
|
||||||
|
email us at{' '}
|
||||||
|
<a href="mailto://hello@getoutline.com">hello@getoutline.com</a>.
|
||||||
|
</p>
|
||||||
|
</Content>
|
||||||
</Grid>
|
</Grid>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,10 +6,11 @@ import {
|
||||||
signin,
|
signin,
|
||||||
developers,
|
developers,
|
||||||
changelog,
|
changelog,
|
||||||
|
about,
|
||||||
|
privacy,
|
||||||
githubUrl,
|
githubUrl,
|
||||||
spectrumUrl,
|
spectrumUrl,
|
||||||
blogUrl,
|
blogUrl,
|
||||||
twitterUrl,
|
|
||||||
} from '../../../shared/utils/routeHelpers';
|
} from '../../../shared/utils/routeHelpers';
|
||||||
import { color } from '../../../shared/styles/constants';
|
import { color } from '../../../shared/styles/constants';
|
||||||
|
|
||||||
|
@ -22,7 +23,7 @@ function TopNavigation() {
|
||||||
<a href="/#features">Features</a>
|
<a href="/#features">Features</a>
|
||||||
</MenuItemDesktop>
|
</MenuItemDesktop>
|
||||||
<MenuItemDesktop>
|
<MenuItemDesktop>
|
||||||
<a href={blogUrl()}>Blog</a>
|
<a href={about()}>About</a>
|
||||||
</MenuItemDesktop>
|
</MenuItemDesktop>
|
||||||
<MenuItemDesktop>
|
<MenuItemDesktop>
|
||||||
<a href={changelog()}>Changelog</a>
|
<a href={changelog()}>Changelog</a>
|
||||||
|
@ -51,7 +52,7 @@ function BottomNavigation() {
|
||||||
<a href={blogUrl()}>Medium</a>
|
<a href={blogUrl()}>Medium</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href={twitterUrl()}>Twitter</a>
|
<a href={privacy()}>Privacy</a>
|
||||||
</div>
|
</div>
|
||||||
</BottomNav>
|
</BottomNav>
|
||||||
);
|
);
|
||||||
|
|
|
@ -52,3 +52,11 @@ export function changelog(): string {
|
||||||
export function signin(): string {
|
export function signin(): string {
|
||||||
return '/auth/slack';
|
return '/auth/slack';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function about(): string {
|
||||||
|
return '/about';
|
||||||
|
}
|
||||||
|
|
||||||
|
export function privacy(): string {
|
||||||
|
return '/privacy';
|
||||||
|
}
|
||||||
|
|
Reference in New Issue