Commit b124a502 authored by mgabdev's avatar mgabdev

Added Press, Assets pages in About section

• Added:
- Press, Assets pages in About section
parent 3cb33c46
import React from 'react'
import Block from '../../components/block'
import Button from '../../components/button'
import Icon from '../../components/icon'
import Divider from '../../components/divider'
import Heading from '../../components/heading'
import Text from '../../components/text'
import GabLogo from '../../components/logo'
export default class Assets extends React.PureComponent {
render() {
return (
<div className={[_s.default].join(' ')}>
<Block>
<div className={[_s.default, _s.px15, _s.py15, _s.mb10].join(' ')}>
<Heading>Gab Assets</Heading>
<div className={[_s.d, _s.mt15, _s.pt10, _s.pb15, _s.w100PC].join(' ')}>
<Heading size='h2'>Gab brand colors</Heading>
<div className={[_s.d, _s.mt15, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.mt15, _s.flexRow, _s.flexWrap].join(' ')}>
<div className={[_s.d, _s.px15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.h40PX, _s.w40PX, _s.circle, _s.bgBrand].join(' ')} />
<div className={[_s.d, _s.py10, _s.aiCenter].join(' ')}>
<Text weight='medium' size='medium' className={_s.pb10}>Gab Brand Green</Text>
<Text color='secondary' className={_s.lineHeight15}>#30CE7D</Text>
<Text color='secondary'>rgb(48, 206, 125)</Text>
</div>
</div>
<div className={[_s.d, _s.px15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.h40PX, _s.w40PX, _s.circle, _s.bgPro].join(' ')} />
<div className={[_s.d, _s.py10, _s.aiCenter].join(' ')}>
<Text weight='medium' size='medium' className={_s.pb10}>GabPRO Gold</Text>
<Text color='secondary' className={_s.lineHeight15}>#FED631</Text>
<Text color='secondary'>rgb(254, 214, 49)</Text>
</div>
</div>
</div>
<div className={[_s.d, _s.mt15, _s.flexRow, _s.flexWrap].join(' ')}>
<div className={[_s.d, _s.px15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.h40PX, _s.w40PX, _s.circle, _s.border1PX, _s.bgWhite].join(' ')} />
<div className={[_s.d, _s.py10, _s.aiCenter].join(' ')}>
<Text weight='medium' size='medium' className={_s.pb10}>White</Text>
<Text color='secondary' className={_s.lineHeight15}>#FFFFFF</Text>
<Text color='secondary'>rgb(255, 255, 255)</Text>
</div>
</div>
<div className={[_s.d, _s.px15, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.h40PX, _s.w40PX, _s.circle, _s.bgBlack].join(' ')} />
<div className={[_s.d, _s.py10, _s.aiCenter].join(' ')}>
<Text weight='medium' size='medium' className={_s.pb10}>Black</Text>
<Text color='secondary' className={_s.lineHeight15}>#000</Text>
<Text color='secondary'>rgb(0, 0, 0)</Text>
</div>
</div>
<div className={[_s.d, _s.px15, _s.aiCenter].join(' ')}>
<div
className={[_s.d, _s.h40PX, _s.w40PX, _s.circle].join(' ')}
style={{
backgroundColor: '#222'
}}
/>
<div className={[_s.d, _s.py10, _s.aiCenter].join(' ')}>
<Text weight='medium' size='medium' className={_s.pb10}>Muted</Text>
<Text color='secondary' className={_s.lineHeight15}>#222222</Text>
<Text color='secondary'>rgb(34, 34, 34)</Text>
</div>
</div>
</div>
</div>
</div>
<Divider />
<div className={[_s.d, _s.mt15, _s.pt10, _s.pb15, _s.w100PC].join(' ')}>
<Heading size='h2'>Gab logo</Heading>
<div className={[_s.d, _s.mt15, _s.flexRow, _s.flexWrap, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.px15, _s.aiCenter, _s.jcCenter, _s.flexRow, _s.mt10].join(' ')}>
<GabLogo />
<div className={[_s.d, _s.pl10, _s.ml15].join(' ')}>
<Button>
Download Logo
</Button>
</div>
</div>
</div>
</div>
<Divider />
<div className={[_s.d, _s.mt15, _s.pt10, _s.pb15, _s.w100PC].join(' ')}>
<Heading size='h2'>Gab social icons</Heading>
<div className={[_s.d, _s.mt15, _s.flexRow, _s.flexWrap, _s.w100PC].join(' ')}>
<div className={[_s.d, _s.px15, _s.flexRow, _s.flexWrap, _s.aiCenter].join(' ')}>
<div className={[_s.d, _s.mr15, _s.h60PX, _s.w60PX, _s.aiCenter, _s.jcCenter, _s.overflowHidden, _s.bgBrand].join(' ')}>
<Icon id='gab-g' size='28px' className={_s.cWhite} />
</div>
<div className={[_s.d, _s.ml10, _s.mr15, _s.h60PX, _s.w60PX, _s.aiCenter, _s.jcCenter, _s.radiusSmall, _s.overflowHidden, _s.bgBrand].join(' ')}>
<Icon id='gab-g' size='28px' className={_s.cWhite} />
</div>
<div className={[_s.d, _s.ml10, _s.h60PX, _s.w60PX, _s.aiCenter, _s.jcCenter, _s.circle, _s.overflowHidden, _s.bgBrand].join(' ')}>
<Icon id='gab-g' size='28px' className={_s.cWhite} />
</div>
</div>
</div>
</div>
<Divider />
<br />
<Text tagName='p' className={[_s.mt15, _s.pt15, _s.pb15].join(' ')} size='medium'>
By using the Gab resources on this site, you agree to follow our&nbsp;
<Button
isText
underlineOnHover
color='brand'
backgroundColor='none'
className={_s.displayInline}
to='/about/tos'
>
Terms of Service
</Button>.
&nbsp;and all other Gab rules and policies. If you have any questions, contact us at legal [at] gab [dot] com.
</Text>
<Text tagName='p' className={_s.mt15} size='medium'>
For full terms and conditions of use of this site please see&nbsp;
<Button
isText
underlineOnHover
color='brand'
backgroundColor='none'
className={_s.displayInline}
to='/about/tos'
>
https://gab.com/about/tos
</Button>.
</Text>
<br /><br />
</div>
</Block>
</div>
)
}
}
import React from 'react'
import Block from '../../components/block'
import Button from '../../components/button'
import Divider from '../../components/divider'
import Heading from '../../components/heading'
import Text from '../../components/text'
export default class Press extends React.PureComponent {
render() {
return (
<div className={[_s.default, _s.minH50VH].join(' ')}>
<Block>
<div className={[_s.default, _s.px15, _s.py15, _s.mb10].join(' ')}>
<Heading>Press Inquiries</Heading>
<div className={[_s.d, _s.mt15, _s.pb15, _s.w100PC].join(' ')}>
<Text tagName='p' className={_s.mt15} size='medium'>Gab is a social network that champions free speech, individual liberty and the free flow of information online. All are welcome.</Text>
<Text tagName='p' className={_s.mt15} size='medium'>
To contact Gab for press please email&nbsp;
<Button
isText
underlineOnHover
color='brand'
backgroundColor='none'
className={_s.displayInline}
href='mailto:press@gab.com'
>
press@gab.com
</Button>.
</Text>
</div>
</div>
</Block>
</div>
)
}
}
......@@ -49,6 +49,7 @@ import {
About,
AccountGallery,
AccountTimeline,
Assets,
BlockedAccounts,
BlockedDomains,
BookmarkedStatuses,
......@@ -80,6 +81,7 @@ import {
Mutes,
News,
Notifications,
Press,
PrivacyPolicy,
ProTimeline,
Search,
......@@ -172,8 +174,10 @@ class SwitchingArea extends React.PureComponent {
<WrappedRoute path='/home' exact page={HomePage} component={HomeTimeline} content={children} />
<WrappedRoute path='/about' publicRoute exact page={AboutPage} component={About} content={children} componentParams={{ title: 'About' }} />
<WrappedRoute path='/about/assets' publicRoute exact page={AboutPage} component={Assets} content={children} componentParams={{ title: 'Assets' }} />
<WrappedRoute path='/about/dmca' publicRoute exact page={AboutPage} component={DMCA} content={children} componentParams={{ title: 'DMCA' }} />
<WrappedRoute path='/about/investors' publicRoute exact page={AboutPage} component={Investors} content={children} componentParams={{ title: 'Investors' }} />
<WrappedRoute path='/about/press' publicRoute exact page={AboutPage} component={Press} content={children} componentParams={{ title: 'Press' }} />
<WrappedRoute path='/about/privacy' publicRoute exact page={AboutPage} component={PrivacyPolicy} content={children} componentParams={{ title: 'Privacy Policy' }} />
<WrappedRoute path='/about/sales' publicRoute exact page={AboutPage} component={TermsOfSale} content={children} componentParams={{ title: 'Terms of Sale' }} />
<WrappedRoute path='/about/tos' publicRoute exact page={AboutPage} component={TermsOfService} content={children} componentParams={{ title: 'Terms of Service' }} />
......
......@@ -2,7 +2,7 @@ export function About() { return import(/* webpackChunkName: "features/about/abo
export function AboutSidebar() { return import(/* webpackChunkName: "components/about_sidebar" */'../../../components/sidebar/about_sidebar') }
export function AccountTimeline() { return import(/* webpackChunkName: "features/account_timeline" */'../../account_timeline') }
export function AccountGallery() { return import(/* webpackChunkName: "features/account_gallery" */'../../account_gallery') }
// export function Assets() { return import(/* webpackChunkName: "features/about/assets" */'../../about/assets') }
export function Assets() { return import(/* webpackChunkName: "features/about/assets" */'../../about/assets') }
export function BlockAccountModal() { return import(/* webpackChunkName: "components/block_account_modal" */'../../../components/modal/block_account_modal') }
export function BlockedAccounts() { return import(/* webpackChunkName: "features/blocked_accounts" */'../../blocked_accounts') }
export function BookmarkedStatuses() { return import(/* webpackChunkName: "features/bookmarked_statuses" */'../../bookmarked_statuses') }
......@@ -77,7 +77,7 @@ export function NavSettingsPopover() { return import(/* webpackChunkName: "modal
export function News() { return import(/* webpackChunkName: "features/news" */'../../news') }
export function Notifications() { return import(/* webpackChunkName: "features/notifications" */'../../notifications') }
export function NotificationFilterPanel() { return import(/* webpackChunkName: "components/notification_filter_panel" */'../../../components/panel/notification_filter_panel') }
// export function Press() { return import(/* webpackChunkName: "features/about/press" */'../../about/press') }
export function Press() { return import(/* webpackChunkName: "features/about/press" */'../../about/press') }
export function PrivacyPolicy() { return import(/* webpackChunkName: "features/about/privacy_policy" */'../../about/privacy_policy') }
export function ProTimeline() { return import(/* webpackChunkName: "features/pro_timeline" */'../../pro_timeline') }
export function ProfileOptionsPopover() { return import(/* webpackChunkName: "components/profile_options_popover" */'../../../components/popover/profile_options_popover') }
......
......@@ -25,10 +25,10 @@ class SettingsLayout extends React.PureComponent {
title: 'About',
to: '/about',
},
// {
// title: 'Assets',
// to: '/about/assets',
// },
{
title: 'Assets',
to: '/about/assets',
},
{
title: 'DMCA',
to: '/about/dmca',
......@@ -37,10 +37,10 @@ class SettingsLayout extends React.PureComponent {
title: 'Investors',
to: '/about/investors',
},
// {
// title: 'Press',
// to: '/about/press',
// },
{
title: 'Press',
to: '/about/press',
},
{
title: 'Privacy Policy',
to: '/about/privacy',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment