Added Press, Assets pages in About section

• Added:
- Press, Assets pages in About section

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

@@ -0,0 +1,162 @@
+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

@@ -0,0 +1,42 @@
+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',