chore: update about page
This commit is contained in:
Tom Moor
@ -1,45 +1,23 @@
|
|||||||
// @flow
|
// @flow
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import Grid from 'styled-components-grid';
|
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
|
import Grid from 'styled-components-grid';
|
||||||
import PageTitle from './components/PageTitle';
|
import PageTitle from './components/PageTitle';
|
||||||
import Flex from '../../shared/components/Flex';
|
|
||||||
import Header from './components/Header';
|
import Header from './components/Header';
|
||||||
import Content from './components/Content';
|
import Content from './components/Content';
|
||||||
|
|
||||||
const Authors = styled(Flex).attrs({
|
const List = styled('ul')`
|
||||||
justify: 'center',
|
padding-left: 1em;
|
||||||
})`
|
|
||||||
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 (
|
||||||
<Grid>
|
<Grid>
|
||||||
<PageTitle title="About Us" />
|
<PageTitle title="About" />
|
||||||
|
|
||||||
<Header background="#F22C5F">
|
<Header background="#F4F7FA">
|
||||||
<h1>About Us</h1>
|
<h1>About</h1>
|
||||||
<p>The team behind Outline</p>
|
<p>The ideas behind Outline</p>
|
||||||
</Header>
|
</Header>
|
||||||
<Content>
|
<Content>
|
||||||
<p>
|
<p>
|
||||||
@ -47,128 +25,97 @@ export default function About() {
|
|||||||
focused on speed, usability and extensibility.
|
focused on speed, usability and extensibility.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
The open source project is maintained by Jori Lallo and Tom Moor.
|
The project consists of an{' '}
|
||||||
Having both run venture-backed software startups previously and seeing
|
|
||||||
many similar VC-funded products try and fail while 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 hosted service will stay
|
|
||||||
free during this period. After that we will offer Outline free to
|
|
||||||
get started 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"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
@jorilallo
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</Author>
|
|
||||||
|
|
||||||
<Author column>
|
|
||||||
<Avatar src="/tom.jpg" />
|
|
||||||
<div>
|
|
||||||
<strong>Tom Moor</strong>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a
|
|
||||||
href="https://twitter.com/tommoor"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
@tommoor
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</Author>
|
|
||||||
</Authors>
|
|
||||||
|
|
||||||
<h2>Open Source</h2>
|
|
||||||
<p>
|
|
||||||
Outline is built by a group of core{' '}
|
|
||||||
<a
|
<a
|
||||||
href="https://github.com/outline/outline/graphs/contributors"
|
href="https://github.com/outline/outline"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
maintainers
|
Open Source core
|
||||||
</a>, we believe in being honest and transparent.
|
</a>{' '}
|
||||||
</p>
|
which can be hosted on your own infrastructure and a paid, hosted,
|
||||||
<ul>
|
service (you’re looking at it!) that provides income for continued
|
||||||
<li>
|
feature development and maintenance.
|
||||||
<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>
|
|
||||||
<h3>Why would I pay you if I can run Outline myself?</h3>
|
|
||||||
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. You’ll also help to keep Outline getting better
|
|
||||||
by supporting us financially.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<h3>Can I use X to signup for Outline?</h3>
|
|
||||||
We started with Slack and Google as many teams are already using these
|
|
||||||
services for team identity. We’ll consider 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"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
here
|
|
||||||
</a>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<h3>How can I export my data if you go away?</h3>
|
|
||||||
Outline includes the ability to export individual documents,
|
|
||||||
collections or your entire knowledge base to markdown with a single
|
|
||||||
click so you’re never locked in. We also have an extensive{' '}
|
|
||||||
<a href="/developers">API</a> that can be used for accessing documents
|
|
||||||
programatically.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<h3>How can I get in touch with you?</h3>
|
|
||||||
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>
|
</p>
|
||||||
|
|
||||||
|
<Grid>
|
||||||
|
<Grid.Unit size={{ tablet: 3 / 7 }}>
|
||||||
|
<h2>Open Source</h2>
|
||||||
|
<p>
|
||||||
|
Most software products today are built to be closed source, so why
|
||||||
|
make the code public? We believe there are many advantages to
|
||||||
|
doing so:
|
||||||
|
</p>
|
||||||
|
<List>
|
||||||
|
<li>
|
||||||
|
<strong>Accountability.</strong> Being open source helps to keep
|
||||||
|
the team accountable for progress, code quality, communication,
|
||||||
|
and roadmap.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Community.</strong> We’re building a community of
|
||||||
|
like-minded people that can contribute plugins, integrations,
|
||||||
|
and 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 spread
|
||||||
|
the project.
|
||||||
|
</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>
|
||||||
|
<li>
|
||||||
|
<strong>Peace of Mind.</strong> A lot of software products are
|
||||||
|
shut down and disappear, in the worst case scenario you’ll
|
||||||
|
always be able to run your own copy of Outline.
|
||||||
|
</li>
|
||||||
|
</List>
|
||||||
|
</Grid.Unit>
|
||||||
|
<Grid.Unit size={{ tablet: 1 / 7 }} />
|
||||||
|
<Grid.Unit size={{ tablet: 3 / 7 }}>
|
||||||
|
<h2>FAQ</h2>
|
||||||
|
<p>
|
||||||
|
<h3>Why would I pay you if I can run Outline myself?</h3>
|
||||||
|
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. You’ll also help to keep Outline
|
||||||
|
getting better by supporting us financially.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<h3>Can I use X to signin to Outline?</h3>
|
||||||
|
We started with Slack and Google as many teams are already using
|
||||||
|
these services for team identity. We’ll consider 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"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
>
|
||||||
|
here
|
||||||
|
</a>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<h3>How can I export my data if you go away?</h3>
|
||||||
|
Outline includes the ability to export individual documents,
|
||||||
|
collections or your entire knowledge base to markdown with a
|
||||||
|
single click so you’re never locked in. We also have an extensive{' '}
|
||||||
|
<a href="/developers">API</a> that can be used for accessing
|
||||||
|
documents programatically.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<h3>How can I get in touch with you?</h3>
|
||||||
|
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>
|
||||||
|
</Grid.Unit>
|
||||||
|
</Grid>
|
||||||
</Content>
|
</Content>
|
||||||
</Grid>
|
</Grid>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user