Distance from Carbon brand

DangerCove · Oct 4, 2020 · ed8e055 · ed8e055
1 parent 23104cc
commit ed8e055
Show file tree

Hide file tree

Showing 23 changed files with 27 additions and 1,351 deletions.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Carbon
+Copyright (c) 2020 Danger Cove
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
diff --git a/components/EmailSubscribe.js b/components/EmailSubscribe.js
diff --git a/components/Footer.js b/components/Footer.js
@@ -1,95 +1,10 @@
 import React from 'react'
-import Link from 'next/link'
-import dynamic from 'next/dynamic'
-
-import { COLORS } from '../lib/constants'
-
-const EmailSubscribe = dynamic(() => import('./EmailSubscribe'), {
-  loading: () => null,
-})
 
 const Footer = () => (
   <footer role="contentinfo" className="mt3">
-    <nav className="mt3">
-      <Link href="/about" prefetch={false}>
-        <a className="link" href="/about">
-          about
-        </a>
-      </Link>
-      <a className="link" href="https://github.com/carbon-app/carbon/issues/new">
-        feedback
-      </a>
-      <a className="link" href="https://github.com/carbon-app/carbon">
-        source
-      </a>
-      <a className="link" href="/terms">
-        terms
-      </a>
-      <a className="link" href="/privacy">
-        privacy
-      </a>
-      <EmailSubscribe />
-      <a className="link" href="/offsets">
-        offsets
-      </a>
-      {/* <span className="new">New</span> */}
-    </nav>
-
-    <div className="mt2 mb2">
-      created by{' '}
-      <a className="author-link" href="https://twitter.com/carbon_app">
-        @carbon_app
-      </a>{' '}
-      ¬
-    </div>
-    <style jsx>
-      {`
-        footer {
-          font-size: 14px;
-          text-align: center;
-        }
-
-        footer > div {
-          text-align: center;
-          color: ${COLORS.GRAY};
-        }
-
-        nav {
-          margin: 0 auto;
-        }
-
-        a {
-          margin-right: 1rem;
-        }
-
-        a:last-child {
-          margin-right: 0;
-        }
-
-        .new {
-          position: absolute;
-          margin: -4px 0 0 -12px;
-          padding: 1px 3px;
-          color: ${COLORS.SECONDARY};
-          background: #cd3f45; /* COLORS.DARK_RED? */
-          border-radius: 3px;
-          font-size: 8px;
-          font-weight: 600;
-          line-height: 1.3;
-          text-transform: uppercase;
-          user-select: none;
-        }
-
-        .author-link {
-          color: ${COLORS.PRIMARY};
-          text-decoration: none;
-        }
+    <nav className="mt3"></nav>
 
-        .author-link:hover {
-          color: #fff;
-        }
-      `}
-    </style>
+    <div className="mt2 mb2"></div>
   </footer>
 )
 

diff --git a/components/Header.js b/components/Header.js
@@ -1,20 +1,8 @@
 import React from 'react'
-import Logo from './svg/Logo'
 
-const Header = ({ enableHeroText }) => (
+const Header = () => (
   <header role="banner" className="mb4">
-    <div className="header-content">
-      <a id="link-home" href="/" aria-label="Home">
-        <Logo />
-      </a>
-      {enableHeroText ? (
-        <h2 className="mt3">
-          Create and share beautiful images of your source code.
-          <br />
-          Start typing or drop a file into the text area to get started.
-        </h2>
-      ) : null}
-    </div>
+    <div className="header-content"></div>
     <style jsx>
       {`
         .header-content {

diff --git a/components/Meta.js b/components/Meta.js
@@ -16,28 +16,16 @@ export function Link({ href }) {
 
 export const CodeMirrorLink = () => <Link href="/static/css/codemirror.min.css" />
 
-const title = 'Carbon'
-const description =
-  'Carbon is the easiest way to create and share beautiful images of your source code.'
+const title = 'Lithograph'
+const description = 'Code snippet designer'
 export const MetaTags = React.memo(() => (
   <Head>
     <meta charSet="utf-8" />
     <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
     <meta name="description" content={description} />
     <meta name="application-name" content={title} />
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:site" content="@carbon_app" />
-    <meta name="twitter:title" content={title} />
-    <meta name="twitter:description" content={description} />
-    <meta name="twitter:image" content="https://carbon.now.sh/static/brand/banner.png" />
-    <meta name="og:title" content={title} />
-    <meta name="og:description" content={description} />
-    <meta name="og:image" content="/static/brand/banner.png" />
     <meta name="theme-color" content={COLORS.BLACK} />
-    <title>{title} | Create and share beautiful images of your source code</title>
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="manifest" href="/manifest.json" />
-    <link rel="apple-touch-icon" href="/static/brand/apple-touch-icon.png" />
+    <title>{title}</title>
   </Head>
 ))
 

diff --git a/components/Page.js b/components/Page.js
@@ -3,7 +3,6 @@ import AuthContext from './AuthContext'
 import Meta from './Meta'
 import Header from './Header'
 import Footer from './Footer'
-import Announcement from './Announcement'
 import LoginButton from './LoginButton'
 
 const COLUMN = `
@@ -14,13 +13,12 @@ const COLUMN = `
 `
 class Page extends React.Component {
   render() {
-    const { children, enableHeroText, flex } = this.props
+    const { children, flex } = this.props
     return (
       <main className="main mb3">
         <Meta />
         <AuthContext>
-          <Announcement />
-          <Header enableHeroText={enableHeroText} />
+          <Header />
           <div className="login-button-container">
             <LoginButton />
           </div>