From b124a5024c10d1004305a2bbcfdd56dee1c16e3a Mon Sep 17 00:00:00 2001 From: mgabdev <> Date: Fri, 11 Sep 2020 18:02:07 -0500 Subject: [PATCH] Added Press, Assets pages in About section MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit • Added: - Press, Assets pages in About section --- .../gabsocial/features/about/assets.js | 162 ++++++++++++++++++ .../gabsocial/features/about/press.js | 42 +++++ app/javascript/gabsocial/features/ui/ui.js | 4 + .../features/ui/util/async_components.js | 4 +- .../gabsocial/layouts/about_layout.js | 16 +- 5 files changed, 218 insertions(+), 10 deletions(-) create mode 100644 app/javascript/gabsocial/features/about/assets.js create mode 100644 app/javascript/gabsocial/features/about/press.js diff --git a/app/javascript/gabsocial/features/about/assets.js b/app/javascript/gabsocial/features/about/assets.js new file mode 100644 index 00000000..15175c2f --- /dev/null +++ b/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 ( +
+ +
+ Gab Assets + +
+ Gab brand colors + +
+ +
+
+
+
+ Gab Brand Green + #30CE7D + rgb(48, 206, 125) +
+
+ +
+
+
+ GabPRO Gold + #FED631 + rgb(254, 214, 49) +
+
+
+ +
+
+
+
+ White + #FFFFFF + rgb(255, 255, 255) +
+
+ +
+
+
+ Black + #000 + rgb(0, 0, 0) +
+
+ +
+
+
+ Muted + #222222 + rgb(34, 34, 34) +
+
+
+ +
+
+ + + +
+ Gab logo + +
+
+ +
+ +
+
+
+ +
+ + + +
+ Gab social icons + +
+
+
+ +
+ +
+ +
+ +
+ +
+
+
+
+ + +
+ + + By using the Gab resources on this site, you agree to follow our  + . +  and all other Gab rules and policies. If you have any questions, contact us at legal [at] gab [dot] com. + + + + For full terms and conditions of use of this site please see  + . + + +

+ +
+ +
+ ) + } + +} diff --git a/app/javascript/gabsocial/features/about/press.js b/app/javascript/gabsocial/features/about/press.js new file mode 100644 index 00000000..bfe23b00 --- /dev/null +++ b/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 ( +
+ +
+ Press Inquiries + +
+ Gab is a social network that champions free speech, individual liberty and the free flow of information online. All are welcome. + + + To contact Gab for press please email  + . + +
+ +
+ +
+ ) + } + +} diff --git a/app/javascript/gabsocial/features/ui/ui.js b/app/javascript/gabsocial/features/ui/ui.js index 56402eb8..ab8ee042 100644 --- a/app/javascript/gabsocial/features/ui/ui.js +++ b/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 { + + diff --git a/app/javascript/gabsocial/features/ui/util/async_components.js b/app/javascript/gabsocial/features/ui/util/async_components.js index 220f2801..3e658208 100644 --- a/app/javascript/gabsocial/features/ui/util/async_components.js +++ b/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') } diff --git a/app/javascript/gabsocial/layouts/about_layout.js b/app/javascript/gabsocial/layouts/about_layout.js index 7b1100ff..31ed1138 100644 --- a/app/javascript/gabsocial/layouts/about_layout.js +++ b/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',