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

7
server/pages/components/Layout.js
View File

@@ -3,7 +3,6 @@ import * as React from 'react';
import { Helmet } from 'react-helmet';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import { TopNavigation, BottomNavigation } from './Navigation';
import Analytics from './Analytics';
import GlobalStyles from '../../../shared/styles/globals';
import prefetchTags from '../../utils/prefetchTags';
@@ -66,11 +65,7 @@ function Layout({ children, loggedIn, sessions }: Props) {
{'{{HEAD}}'}
{'{{CSS}}'}
</head>
<Body>
<TopNavigation sessions={sessions} loggedIn={loggedIn} />
{children}
<BottomNavigation />
</Body>
<Body>{children}</Body>
</html>
);
}

263
server/pages/components/Navigation.js
View File

@@ -1,263 +0,0 @@
// @flow
import * as React from 'react';
import { sortBy } from 'lodash';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import Centered from './Centered';
import OutlineLogo from '../../../shared/components/OutlineLogo';
import TeamLogo from '../../../shared/components/TeamLogo';
import { fadeAndScaleIn } from '../../../shared/styles/animations';
import {
developers,
changelog,
pricing,
about,
integrations,
privacy,
githubUrl,
twitterUrl,
spectrumUrl,
} from '../../../shared/utils/routeHelpers';
type Sessions = {
[subdomain: string]: {
name: string,
logoUrl: string,
expires: string,
url: string,
},
};
type Props = {
sessions: ?Sessions,
loggedIn: boolean,
};
function TopNavigation({ sessions, loggedIn }: Props) {
const orderedSessions = sortBy(sessions, 'name');
return (
<Nav>
<Brand href={process.env.URL}>
<OutlineLogo size={18} fill="#000" />&nbsp;Outline
</Brand>
<Menu>
<MenuItemDesktop>
<a href={integrations()}>Integrations</a>
</MenuItemDesktop>
{process.env.DEPLOYMENT === 'hosted' && (
<MenuItem>
<a href={pricing()}>Pricing</a>
</MenuItem>
)}
<MenuItemDesktop>
<a href={changelog()}>Changelog</a>
</MenuItemDesktop>
<MenuItemDesktop>
<a href={developers()}>API</a>
</MenuItemDesktop>
{loggedIn ? (
<React.Fragment>
{process.env.SUBDOMAINS_ENABLED === 'true' &&
orderedSessions.length ? (
<MenuItem highlighted>
<a>Your Teams</a>
<ol>
{orderedSessions.map(session => {
const url = decodeURIComponent(session.url);
return (
<MenuItem key={url}>
<a href={`${url}/dashboard`}>
<TeamLogo
src={session.logoUrl}
width={20}
height={20}
/>
{decodeURIComponent(session.name)}
</a>
</MenuItem>
);
})}
</ol>
</MenuItem>
) : (
<MenuItem highlighted>
<a href="/dashboard">Dashboard</a>
</MenuItem>
)}
</React.Fragment>
) : (
<MenuItem>
<a href="/#signin">Sign In</a>
</MenuItem>
)}
</Menu>
</Nav>
);
}
function BottomNavigation() {
return (
<BottomNav>
<div>
<a href={githubUrl()}>GitHub</a>
</div>
<div>
<a href={twitterUrl()}>Twitter</a>
</div>
<div>
<a href={spectrumUrl()}>Spectrum</a>
</div>
<div>
<a href={privacy()}>Privacy</a>
</div>
<div>
<a href={about()}>About</a>
</div>
</BottomNav>
);
}
const MenuLinkStyle = props => `
font-size: 15px;
font-weight: 500;
a {
color: rgba(0, 0, 0, 0.6);
}
a:hover {
color: rgba(0, 0, 0, 0.4);
text-decoration: underline;
}
`;
const MenuItem = styled.li`
position: relative;
display: inline-block;
margin: 0 0 0 40px;
&:first-child {
margin-left: 0;
}
${MenuLinkStyle};
${props =>
props.highlighted &&
`
position: relative;
border: 2px solid rgba(0, 0, 0, 0.6);
border-radius: 4px;
padding: 6px 8px;
margin-top: -6px;
margin-bottom: -6px;
&:hover {
border: 2px solid rgba(0, 0, 0, 0.4);
> a {
color: rgba(0, 0, 0, 0.4);
}
}
> a:hover {
text-decoration: none;
}
`};
&:hover ol {
animation: ${fadeAndScaleIn} 200ms ease;
display: block;
}
`;
const MenuItemDesktop = styled(MenuItem)`
display: none;
${breakpoint('tablet')`
display: inline-block;
`};
`;
const Menu = styled.ul`
margin: 0;
padding: 0;
list-style: none;
ol {
display: none;
position: absolute;
margin: 0;
padding: 0;
right: 0;
top: 34px;
background: #fff;
border-radius: 4px;
min-width: 160px;
padding: 0 0.5em;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.08),
0 2px 4px rgba(0, 0, 0, 0.08);
${MenuItem} {
padding: 0.5em 0;
margin: 0;
}
${MenuItem} a {
display: flex;
align-items: center;
}
${TeamLogo} {
margin-right: 0.5em;
}
}
`;
const Nav = styled(Centered)`
display: flex;
padding: 20px 0;
align-items: center;
justify-content: space-between;
`;
const BottomNav = styled.nav`
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 4em 0;
> div {
display: flex;
margin: 0 0 40px 0;
${MenuLinkStyle};
}
${breakpoint('tablet')`
flex-direction: row;
margin: 0 0 4em;
> div {
margin: 0 0 0 40px;
&:first-child {
margin: 0;
}
}
`};
`;
const Brand = styled.a`
display: flex;
align-items: center;
font-weight: 600;
font-size: 20px;
text-decoration: none;
color: ${props => props.theme.black};
`;
export { TopNavigation, BottomNavigation };