Added Press, Assets pages in About section

• Added:
- Press, Assets pages in About section

app/javascript/gabsocial/features/about/assets.js

+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>
+ )
+ }
+
+}

app/javascript/gabsocial/features/about/press.js

+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>
+ )
+ }
+
+}

app/javascript/gabsocial/features/ui/ui.js

@@ -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' }} />

app/javascript/gabsocial/features/ui/util/async_components.js

@@ -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') }

app/javascript/gabsocial/layouts/about_layout.js

@@ -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',