yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Remove marketing material from OSS project (#941)

Browse Source 
* changes to support Plainhome

* changes to env sample

* changes to env variable names

* formatter fixes

* remove the content pages

* test fix

* lint fixes

* minor fixes

* removed unnesscary routes

* Apply suggestions from code review

Co-Authored-By: Tom Moor <tom.moor@gmail.com>

* removed team name from env
This commit is contained in:
Himanshu Agarwal
2019-11-04 04:31:46 +05:30
committed by Tom Moor
parent dce0c4ac73
commit f06097d9e8
31 changed files with 18 additions and 1407 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
server/pages/integrations/Integration.js
View File

@@ -1,46 +0,0 @@
// @flow
import * as React from 'react';
import Grid from 'styled-components-grid';
import PageTitle from '../components/PageTitle';
import Markdown from '../components/Markdown';
import Header from '../components/Header';
import Content from '../components/Content';
import Menu from './Menu';
import integrations from './content';
type TIntegration = {
slug: string,
name: string,
url: string,
description: string,
};
type Props = {
integration: TIntegration,
content: string,
};
export default function Integration({ integration, content }: Props) {
return (
<Grid>
<PageTitle title={`${integration.name} Integration`} />
<Header background="#F4F7FA">
<h1>{integration.name} Integration</h1>
<p>{integration.description}</p>
</Header>
<Content>
<Grid>
<Grid.Unit
size={{ tablet: 1 / 4 }}
visible={{ mobile: false, tablet: true }}
>
<Menu integrations={integrations} active={integration.slug} />
</Grid.Unit>
<Grid.Unit size={{ tablet: 3 / 4 }}>
<Markdown source={content} />
</Grid.Unit>
</Grid>
</Content>
</Grid>
);
}

57
server/pages/integrations/Menu.js
View File

@@ -1,57 +0,0 @@
// @flow
import * as React from 'react';
import styled from 'styled-components';
import { map, groupBy } from 'lodash';
type Props = {
integrations: *,
active: string,
};
export default function IntegrationMenu({ integrations, active }: Props) {
const categories = groupBy(integrations, i => i.category);
return (
<nav>
{map(categories, (integrations, category) => (
<React.Fragment key={category}>
<h3>{category}</h3>
<List>
{integrations.map(i => (
<li key={i.slug}>
<MenuItem
href={`/integrations/${i.slug}`}
active={i.slug === active}
>
<Logo src={`/images/${i.slug}.png`} alt={i.name} />
<span>{i.name}</span>
</MenuItem>
</li>
))}
</List>
</React.Fragment>
))}
</nav>
);
}
const MenuItem = styled.a`
display: flex;
align-items: center;
font-size: 16px;
font-weight: ${props => (props.active ? '600' : 'inherit')};
color: ${props => props.theme.text};
`;
const Logo = styled.img`
user-select: none;
height: 18px;
border-radius: 2px;
margin-right: 8px;
`;
const List = styled.ul`
list-style: none;
margin: 0;
padding: 0;
`;

7
server/pages/integrations/airtable.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a share link to an [Airtable](https://airtable.com) table and it will be immediately converted into an interactive, live embed.
Embedding a table in your knowledge base will stay upto date with your original data source automatically.
![Airtable Outline Integration](/images/screenshots/airtable.png)
> This integration works without any additional settings or authentication.

5
server/pages/integrations/codepen.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a share link to a [Codepen](https://codepen.io) card and it will be immediately converted into an embedded version where you can view the source or the result.
Pen's can be anything from a simple code snippet, to an embedded 3D graphic, visualization and more.
> This integration works without any additional settings or authentication.

128
server/pages/integrations/content.json
View File

@@ -1,128 +0,0 @@
[
{
"slug": "abstract",
"name": "Abstract",
"url": "https://abstract.com",
"category": "Design",
"description": "One place to version, manage, and collaborate"
},
{
"slug": "figma",
"name": "Figma",
"url": "https://figma.com",
"category": "Design",
"description": "Figma is a collaborative interface design tool"
},
{
"slug": "framer",
"name": "Framer",
"url": "https://framer.com",
"category": "Design",
"description": "Framer is an interactive design and prototyping tool"
},
{
"slug": "invision",
"name": "InVision",
"url": "https://invision.com",
"category": "Design",
"description": "InVision is an online design and prototyping tool"
},
{
"slug": "marvel",
"name": "Marvel",
"url": "https://marvelapp.com",
"category": "Design",
"description": "The all-in-one platform powering design"
},
{
"slug": "airtable",
"name": "Airtable",
"url": "https://airtable.com",
"category": "Collaboration",
"description": "Part spreadsheet, part database, and entirely flexible"
},
{
"slug": "lucidchart",
"name": "Lucidchart",
"url": "https://lucidchart.com",
"category": "Collaboration",
"description": "Create flowcharts and technical diagrams with ease"
},
{
"slug": "mindmeister",
"name": "Mindmeister",
"url": "https://mindmeister.com",
"category": "Collaboration",
"description": "Interactive and embeddable mind maps"
},
{
"slug": "miro",
"name": "Miro",
"url": "https://miro.com",
"category": "Collaboration",
"description": "Simple whiteboarding for cross-functional team collaboration"
},
{
"slug": "slack",
"name": "Slack",
"url": "https://slack.com",
"category": "Collaboration",
"description": "Chat, collaboration, and file sharing for teams"
},
{
"slug": "trello",
"name": "Trello",
"url": "https://trello.com",
"category": "Collaboration",
"description": "Boards, lists, and cards to organize your projects"
},
{
"slug": "typeform",
"name": "Typeform",
"url": "https://typeform.com",
"category": "Collaboration",
"description": "Data collection tool and surveys, for professionals"
},
{
"slug": "prezi",
"name": "Prezi",
"url": "https://prezi.com",
"category": "Collaboration",
"description": "Easy presentations for people who aren't designers"
},
{
"slug": "codepen",
"name": "Codepen",
"url": "https://codepen.io",
"category": "Developers",
"description": "A social development environment and editor"
},
{
"slug": "github-gist",
"name": "GitHub Gist",
"url": "https://gist.github.com",
"category": "Developers",
"description": "Sharable code snippets, hosted by GitHub"
},
{
"slug": "mode-analytics",
"name": "Mode Analytics",
"url": "https://modeanalytics.com",
"category": "Developers",
"description": "Connect and analyze data from any data source"
},
{
"slug": "numeracy",
"name": "Numeracy",
"url": "https://numeracy.io",
"category": "Developers",
"description": "A SQL pad for writing, iterating, and exploring data"
},
{
"slug": "zapier",
"name": "Zapier",
"url": "https://zapier.com",
"category": "Developers",
"description": "Connect apps and automate workflows"
}
]

7
server/pages/integrations/figma.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a link to a [Figma](https://figma.com) design and we will instantly convert it to an interactive, live preview.
Because Figma is an online design tool you can see design work happening in realtime, right within Outline. Embed design specs, product designs, or marketing materials easily.
![Figma Outline Integration](/images/screenshots/figma.png)
> This integration works without any additional settings or authentication.

7
server/pages/integrations/framer.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a link to a [Framer](https://framer.com) design or prototype hosted on Framer Cloud and it will be instantly turned into an interactive, live preview.
Host your prototypes, designs, and mocks inside Outline to document your product or design system. [Learn more about sharing links](https://blog.framer.com/framer-cloud-access-d6bdb192510d) with Framer cloud.
![Framer Outline Integration](/images/screenshots/framer.png)
> This integration works without any additional settings or authentication.

5
server/pages/integrations/github-gist.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a link to a public [Gist](https://gist.github.com) and it will be immediately converted into an embedded version. Embedding code in your knowledge base is a great way to document best practices.
Outline also supports native code blocks, simply start a line with three backticks (```) to create a code block with syntax highlighting.
> This integration works without any additional settings or authentication.

75
server/pages/integrations/index.js
View File

@@ -1,75 +0,0 @@
// @flow
import * as React from 'react';
import { map, groupBy } from 'lodash';
import styled from 'styled-components';
import Grid from 'styled-components-grid';
import PageTitle from '../components/PageTitle';
import Header from '../components/Header';
import Content from '../components/Content';
import integrations from './content';
const categories = groupBy(integrations, i => i.category);
function Integrations() {
return (
<Grid>
<PageTitle title="Integrations" />
<Header background="#FFB500">
<h1>Integrations</h1>
<p>
Outline is designed to integrate with your existing workflow and
tools.
</p>
</Header>
<Content>
{map(categories, (integrations, category) => (
<div key={category}>
<h2>{category}</h2>
<Category>
{integrations.map(i => (
<Grid.Unit size={{ desktop: 1 / 4 }} key={i.slug}>
<Integration href={`/integrations/${i.slug}`}>
<Logo src={`/images/${i.slug}.png`} alt={i.name} />
<h3>{i.name}</h3>
<p>{i.description}</p>
</Integration>
</Grid.Unit>
))}
</Category>
</div>
))}
</Content>
</Grid>
);
}
const Logo = styled.img`
height: 60px;
border-radius: 4px;
`;
const Category = styled(Grid)`
margin: 0 -1em;
`;
const Integration = styled.a`
display: block;
padding: 2em 2em 1em;
margin: 1em;
border-radius: 4px;
border: 2px solid ${props => props.theme.slateLight};
color: ${props => props.theme.text};
font-size: 16px;
transition: background 200ms ease-in-out;
h3,
p {
margin: 0.5em 0;
}
&:hover {
background: ${props => props.theme.slateLight};
}
`;
export default Integrations;

7
server/pages/integrations/invision.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a share link to an [InVision](https://invision.com) prototype and it will be immediately converted into an interactive, live embed.
Embedding prototypes in your knowledge base is a great way to create product specs or document user feedback. [Learn more about sharing links](https://support.invisionapp.com/hc/en-us/sections/200697249-Sharing-Prototypes) from InVision.
![InVision Outline Integration](/images/screenshots/invision.png)
> This integration works without any additional settings or authentication.

7
server/pages/integrations/lucidchart.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a share link to a [Lucidchart](https://lucidchart.com) diagram or chart and it will be immediately converted into an interactive embedded version.
Embed diagrams in your knowledge base to commuicate flows, technical diagrams, and more alongside your written documentation
![Lucidchart Outline Integration](/images/screenshots/lucidchart.png)
> This integration works without any additional settings or authentication.

7
server/pages/integrations/marvel.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a share link to a [Marvel](https://marvelapp.com) prototype and it will be immediately converted into an interactive, live embed.
Embedding prototypes in your knowledge base is a great way to create product specs with engineers or document user feedback.
![Marvel Outline Integration](/images/screenshots/marvel.png)
> This integration works without any additional settings or authentication.

5
server/pages/integrations/mindmeister.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a link to a public [Mindmeister](https://mindmeister.com) mind map or embed link and it will be converted into an interactive, embedded map – right inside your document.
![Mindmeister Outline Integration](/images/screenshots/mindmeister.png)
> This integration works without any additional settings or authentication.

3
server/pages/integrations/mode-analytics.md
View File

@@ -1,3 +0,0 @@
In an Outline document, paste a link to a public [Mode Analytics](https://modeanalytics.com) report and it will be converted into an interactive, embedded graph or table. Embedded graphs are perfect for communicating business metrics and KPI's.
> This integration works without any additional settings or authentication.

5
server/pages/integrations/numeracy.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a link to any [Numeracy](https://numeracy.co) chart and it will be converted into an interactive, embedded chart or table. Embedding graphs are perfect for communicating business metrics and KPI's.
![Numeracy Outline Integration](/images/screenshots/numeracy.png)
> This integration works without any additional settings or authentication.

7
server/pages/integrations/prezi.md
View File

@@ -1,7 +0,0 @@
In an Outline document, paste a link to a shared [Prezi](https://prezi.com) presentation and it will be automatically converted into an embedded preview like the one below…
[Learn more about sharing a Prezi](https://support.prezi.com/hc/en-us/articles/360003498633).
![Prezi Integration](/images/screenshots/prezi.png)
> This integration works without any additional settings or authentication.

20
server/pages/integrations/slack.md
View File

@@ -1,20 +0,0 @@
## Sign In with Slack
Sign In with Slack means your team doesn't have to worry about invites, passwords, or managing new team members. Everyone on your team can login with their existing Slack account and will automatically join your private knowledgebase.
> Note: Your team will also get a matching custom subdomain that you can link to from elsewhere.
## Search your Knowledgebase
Optionally [Connect to Slack](https://www.getoutline.com/settings/integrations/slack) to enable the `/outline` slack command. Once enabled, team members can easily search your wiki from within Slack by typing `/outline search term`, and post results directly back to the Slack channel.
![Slack Search Integration](/images/screenshots/slack-search.png)
## Notifications
Outline can optionally post into any Slack #channel when documents are created or edited. You can also choose to route notifications based on the Collection.
![Slack Channel Integration](/images/screenshots/slack-channel.png)
> To setup channel notifications head to [your integration settings](https://www.getoutline.com/settings/integrations/slack) in the Outline admin

5
server/pages/integrations/trello.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a share link to a [Trello](https://trello.com) card and it will be immediately converted into an embedded preview.
Embed trello cards in your knowledge base to commuicate roadmap items, ideas, and more alongside your written documentation. Not sure how? [Learn more about sharing from Trello](https://help.trello.com/article/824-sharing-links-to-cards-and-boards).
> This integration works without any additional settings or authentication.

5
server/pages/integrations/typeform.md
View File

@@ -1,5 +0,0 @@
In an Outline document, paste a share link to a [Typeform survey](https://typeform.com) and it will be immediately converted into an embedded version of the survey. All you have to do is share the doc and wait for responses to roll in.
![Typeform Outline Integration](/images/screenshots/typeform.png)
> This integration works without any additional settings or authentication.

6
server/pages/integrations/zapier.md
View File

@@ -1,6 +0,0 @@
[Zapier](https://zapier.com) allows easy integration with hundreds of other business services and tools – hook into events from Outline such as document creation to trigger actions elsewhere. Or automatically create documents in Outline from events in other tools your team uses.
**The Zapier integration is currently in early access**, to use the integration and hook up to your knowledge base simply accept the public invite below. All configuration is done within Zapier itself.
> Setup on Zapier here: [Public Zapier Invite](https://zapier.com/platform/public-invite/5927/a0b2747dbb017723b55fc54f4f0cdcae)