mirror of
https://github.com/nickzuber/meteorite.git
synced 2024-08-16 15:00:26 +03:00
More logo stuff
This commit is contained in:
Nicholas Zuber
parent
12b566ee51
commit
dd5a2a6323
BIN
public/icon-2.png
Normal file
BIN
public/icon-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/icon-purple.png
Normal file
BIN
public/icon-purple.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
public/icon.png
Normal file
BIN
public/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
@ -2,11 +2,11 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
|
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/icon-purple.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="theme-color" content="#000000">
|
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
|
||||
<title>React App</title>
|
||||
<title>Meteorite — Smarter GitHub notifications</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
|
||||
@ -41,7 +41,7 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
|
||||
}
|
||||
|
||||
// Tools like Cloud9 rely on this.
|
||||
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
|
||||
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 9009;
|
||||
const HOST = process.env.HOST || '0.0.0.0';
|
||||
|
||||
if (process.env.HOST) {
|
||||
|
||||
17
src/components/Logo/index.js
Normal file
17
src/components/Logo/index.js
Normal file
@ -0,0 +1,17 @@
|
||||
import React from 'react';
|
||||
import meteoriteSvg from './meteorite.svg';
|
||||
import meteoritePng from './meteorite-v2-2.png';
|
||||
|
||||
export default function LoadingIcon ({ style, size, ...props }) {
|
||||
return (
|
||||
<div style={{
|
||||
background: `url(${meteoriteSvg}) center center no-repeat`,
|
||||
backgroundSize: 'contain',
|
||||
// transform: 'rotate(180deg)',
|
||||
position: 'relative',
|
||||
height: size,
|
||||
width: size,
|
||||
...style
|
||||
}} {...props} />
|
||||
);
|
||||
}
|
||||
18
src/components/Logo/meteorite-purple.svg
Normal file
18
src/components/Logo/meteorite-purple.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 415.481 415.481" style="enable-background:new 0 0 415.481 415.481;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M263.768,332.171c14.135,14.135,32.696,21.202,51.263,21.2c18.563-0.001,37.131-7.068,51.263-21.2 c13.693-13.692,21.234-31.898,21.234-51.263s-7.541-37.57-21.234-51.263c-28.266-28.266-74.258-28.267-102.526,0 C235.502,257.911,235.502,303.904,263.768,332.171z M315.031,221.439c15.235,0,30.471,5.799,42.07,17.398 c11.237,11.237,17.426,26.178,17.426,42.07s-6.189,30.833-17.426,42.07c-23.198,23.199-60.942,23.198-84.141,0 c-23.198-23.198-23.198-60.943,0-84.141C284.56,227.238,299.796,221.439,315.031,221.439z" style="fill: #9065ff"></path>
|
||||
<path d="M386.093,209.846l-80.602-80.602c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l80.602,80.602 c34.115,34.115,34.115,89.624,0,123.739c-34.115,34.115-89.624,34.115-123.739,0L106.798,196.414c-2.538-2.538-6.654-2.538-9.192,0 c-2.539,2.539-2.539,6.654,0,9.192L243.969,351.97c19.592,19.592,45.327,29.388,71.062,29.388c25.735,0,51.47-9.796,71.062-29.388 C425.277,312.786,425.277,249.029,386.093,209.846z" style="fill: #9065ff"></path>
|
||||
<path d="M271.905,114.043c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 L239.73,63.482c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L271.905,114.043z" style="fill: #9065ff"></path>
|
||||
<path d="M11.096,47.326c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l39.2,39.2 c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192L11.096,47.326z" style="fill: #9065ff"></path>
|
||||
<path d="M215.869,267.791c1.664,0,3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192l-155.37-155.37 c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l155.37,155.37 C212.542,267.156,214.206,267.791,215.869,267.791z" style="fill: #9065ff"></path>
|
||||
<path d="M203.319,178.388c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-82.728-82.728c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L203.319,178.388z" style="fill: #9065ff"></path>
|
||||
<path d="M241.5,216.569c1.269,1.269,2.933,1.904,4.596,1.904c1.664,0,3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-18.03-18.03c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L241.5,216.569z" style="fill: #9065ff"></path>
|
||||
<path d="M210.213,105.736c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-60.517-60.517c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L210.213,105.736z" style="fill: #9065ff"></path>
|
||||
<path d="M240.617,117.756c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l59.394,59.394 c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192L240.617,117.756z" style="fill: #9065ff"></path>
|
||||
<path d="M291.916,282.231c10.614,0,19.25-8.635,19.25-19.249c0-10.614-8.635-19.25-19.25-19.25 c-10.614,0-19.249,8.635-19.249,19.25C272.667,273.595,281.302,282.231,291.916,282.231z M291.916,256.732 c3.446,0,6.25,2.804,6.25,6.25s-2.804,6.249-6.25,6.249s-6.249-2.803-6.249-6.249S288.47,256.732,291.916,256.732z" style="fill: #9065ff"></path>
|
||||
<path d="M343.67,320.479c14.288,0,25.912-11.624,25.912-25.912c0-14.288-11.624-25.912-25.912-25.912 c-14.288,0-25.912,11.624-25.912,25.912C317.758,308.855,329.382,320.479,343.67,320.479z M343.67,281.655 c7.12,0,12.912,5.792,12.912,12.912s-5.792,12.912-12.912,12.912s-12.912-5.792-12.912-12.912S336.55,281.655,343.67,281.655z" style="fill: #9065ff"></path>
|
||||
<path d="M294.915,303.991c-1.905-4.641-8.646-5.429-11.4-1.12c-2.745,4.001,0.019,9.587,4.765,10.079 C293.023,313.44,296.841,308.413,294.915,303.991C294.755,303.601,295.085,304.381,294.915,303.991z" style="fill: #9065ff"></path>
|
||||
<path d="M329.415,250.471c1.902,4.647,8.646,5.429,11.4,1.12c1.765-2.572,1.324-6.174-0.92-8.305 c-2.156-2.047-5.615-2.402-8.09-0.705C329.243,244.216,328.236,247.696,329.415,250.471 C329.575,250.861,329.245,250.071,329.415,250.471z" style="fill: #9065ff"></path>
|
||||
<path d="M304.915,321.481c0,3.536,2.962,6.5,6.5,6.5c3.536,0,6.5-2.966,6.5-6.5c0-3.544-2.956-6.5-6.5-6.5 C307.871,314.981,304.915,317.937,304.915,321.481z" style="fill: #9065ff"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
BIN
src/components/Logo/meteorite-v2-2.png
Normal file
BIN
src/components/Logo/meteorite-v2-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/components/Logo/meteorite-v2.png
Normal file
BIN
src/components/Logo/meteorite-v2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
18
src/components/Logo/meteorite.svg
Normal file
18
src/components/Logo/meteorite.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 415.481 415.481" style="enable-background:new 0 0 415.481 415.481;" xml:space="preserve">
|
||||
<g>
|
||||
<path d="M263.768,332.171c14.135,14.135,32.696,21.202,51.263,21.2c18.563-0.001,37.131-7.068,51.263-21.2 c13.693-13.692,21.234-31.898,21.234-51.263s-7.541-37.57-21.234-51.263c-28.266-28.266-74.258-28.267-102.526,0 C235.502,257.911,235.502,303.904,263.768,332.171z M315.031,221.439c15.235,0,30.471,5.799,42.07,17.398 c11.237,11.237,17.426,26.178,17.426,42.07s-6.189,30.833-17.426,42.07c-23.198,23.199-60.942,23.198-84.141,0 c-23.198-23.198-23.198-60.943,0-84.141C284.56,227.238,299.796,221.439,315.031,221.439z" style="fill: #fff"></path>
|
||||
<path d="M386.093,209.846l-80.602-80.602c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l80.602,80.602 c34.115,34.115,34.115,89.624,0,123.739c-34.115,34.115-89.624,34.115-123.739,0L106.798,196.414c-2.538-2.538-6.654-2.538-9.192,0 c-2.539,2.539-2.539,6.654,0,9.192L243.969,351.97c19.592,19.592,45.327,29.388,71.062,29.388c25.735,0,51.47-9.796,71.062-29.388 C425.277,312.786,425.277,249.029,386.093,209.846z" style="fill: #fff"></path>
|
||||
<path d="M271.905,114.043c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 L239.73,63.482c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L271.905,114.043z" style="fill: #fff"></path>
|
||||
<path d="M11.096,47.326c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l39.2,39.2 c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192L11.096,47.326z" style="fill: #fff"></path>
|
||||
<path d="M215.869,267.791c1.664,0,3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192l-155.37-155.37 c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l155.37,155.37 C212.542,267.156,214.206,267.791,215.869,267.791z" style="fill: #fff"></path>
|
||||
<path d="M203.319,178.388c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-82.728-82.728c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L203.319,178.388z" style="fill: #fff"></path>
|
||||
<path d="M241.5,216.569c1.269,1.269,2.933,1.904,4.596,1.904c1.664,0,3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-18.03-18.03c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L241.5,216.569z" style="fill: #fff"></path>
|
||||
<path d="M210.213,105.736c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192 l-60.517-60.517c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192L210.213,105.736z" style="fill: #fff"></path>
|
||||
<path d="M240.617,117.756c-2.538-2.538-6.654-2.538-9.192,0c-2.539,2.539-2.539,6.654,0,9.192l59.394,59.394 c1.269,1.269,2.933,1.904,4.596,1.904s3.327-0.635,4.596-1.904c2.539-2.539,2.539-6.654,0-9.192L240.617,117.756z" style="fill: #fff"></path>
|
||||
<path d="M291.916,282.231c10.614,0,19.25-8.635,19.25-19.249c0-10.614-8.635-19.25-19.25-19.25 c-10.614,0-19.249,8.635-19.249,19.25C272.667,273.595,281.302,282.231,291.916,282.231z M291.916,256.732 c3.446,0,6.25,2.804,6.25,6.25s-2.804,6.249-6.25,6.249s-6.249-2.803-6.249-6.249S288.47,256.732,291.916,256.732z" style="fill: #fff"></path>
|
||||
<path d="M343.67,320.479c14.288,0,25.912-11.624,25.912-25.912c0-14.288-11.624-25.912-25.912-25.912 c-14.288,0-25.912,11.624-25.912,25.912C317.758,308.855,329.382,320.479,343.67,320.479z M343.67,281.655 c7.12,0,12.912,5.792,12.912,12.912s-5.792,12.912-12.912,12.912s-12.912-5.792-12.912-12.912S336.55,281.655,343.67,281.655z" style="fill: #fff"></path>
|
||||
<path d="M294.915,303.991c-1.905-4.641-8.646-5.429-11.4-1.12c-2.745,4.001,0.019,9.587,4.765,10.079 C293.023,313.44,296.841,308.413,294.915,303.991C294.755,303.601,295.085,304.381,294.915,303.991z" style="fill: #fff"></path>
|
||||
<path d="M329.415,250.471c1.902,4.647,8.646,5.429,11.4,1.12c1.765-2.572,1.324-6.174-0.92-8.305 c-2.156-2.047-5.615-2.402-8.09-0.705C329.243,244.216,328.236,247.696,329.415,250.471 C329.575,250.861,329.245,250.071,329.415,250.471z" style="fill: #fff"></path>
|
||||
<path d="M304.915,321.481c0,3.536,2.962,6.5,6.5,6.5c3.536,0,6.5-2.966,6.5-6.5c0-3.544-2.956-6.5-6.5-6.5 C307.871,314.981,304.915,317.937,304.915,321.481z" style="fill: #fff"></path>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
@ -1,7 +1,7 @@
|
||||
import React from 'react';
|
||||
|
||||
const CLIENT_ID = '9478c90e57ef3d546ef0';
|
||||
const REDIRECT_URI = 'http://localhost:3000/login';
|
||||
const REDIRECT_URI = 'http://localhost:9009/login';
|
||||
const SCOPES = 'notifications';
|
||||
|
||||
const AuthenticationButton = props => (
|
||||
@ -9,7 +9,7 @@ const AuthenticationButton = props => (
|
||||
href={`https://github.com/login/oauth/authorize?client_id=${CLIENT_ID}&scope=${SCOPES}&redirect_uri=${REDIRECT_URI}`}
|
||||
{...props}
|
||||
>
|
||||
Login with GitHub
|
||||
Authorize with GitHub
|
||||
</a>
|
||||
);
|
||||
|
||||
|
||||
@ -3,13 +3,14 @@ import { Link as RouterLink } from "@reach/router";
|
||||
import styled from 'react-emotion';
|
||||
import { routes } from '../../constants';
|
||||
import Curve from '../../components/Curve';
|
||||
import Logo from '../../components/Logo';
|
||||
import '../../styles/gradient.css';
|
||||
|
||||
const Header = styled('h1')({
|
||||
color: '#fff',
|
||||
padding: '0 20px',
|
||||
margin: '0 auto 20px',
|
||||
letterSpacing: '-1.5px'
|
||||
letterSpacing: '-1.0px'
|
||||
});
|
||||
|
||||
const SubHeader = styled(Header)({
|
||||
@ -18,7 +19,7 @@ const SubHeader = styled(Header)({
|
||||
color: '#fff',
|
||||
fontSize: 24,
|
||||
marginBottom: 30,
|
||||
letterSpacing: '-1.0px'
|
||||
letterSpacing: '-0.25px'
|
||||
});
|
||||
|
||||
const LandingHeader = styled('div')({
|
||||
@ -40,7 +41,7 @@ const LandingMessage = styled(LandingHeader)({
|
||||
|
||||
const SmallLink = styled('a')({
|
||||
fontSize: '12px',
|
||||
fontWeight: 'bold',
|
||||
fontWeight: '700',
|
||||
color: '#ffffff',
|
||||
textDecoration: 'none',
|
||||
':hover': {
|
||||
@ -48,17 +49,16 @@ const SmallLink = styled('a')({
|
||||
}
|
||||
});
|
||||
|
||||
const BottomLinkContainer = styled(LandingHeader)({
|
||||
maxWidth: '390px',
|
||||
width: '100%',
|
||||
margin: '32px auto 0',
|
||||
const SmallText = styled('span')({
|
||||
fontSize: '12px',
|
||||
fontWeight: '500',
|
||||
color: '#ffffff',
|
||||
});
|
||||
|
||||
const Logo = styled('div')({
|
||||
marginLeft: 15,
|
||||
background: 'green',
|
||||
width: 50,
|
||||
height: 50,
|
||||
const BottomLinkContainer = styled(LandingHeader)({
|
||||
maxWidth: 390,
|
||||
width: '100%',
|
||||
margin: '32px auto 0',
|
||||
});
|
||||
|
||||
const LinkButton = styled('a')({});
|
||||
@ -76,7 +76,7 @@ export default function Scene ({loggedIn, onLogout, ...props}) {
|
||||
// background: 'radial-gradient(farthest-corner at -0% 100%, #9065ff 30%, #00ffbe 95%)'
|
||||
}}>
|
||||
<LandingHeader>
|
||||
<Logo />
|
||||
<Logo size={75} />
|
||||
{loggedIn ? (
|
||||
<div className="button-container">
|
||||
<RouterLink style={{marginRight: 15}} to={routes.INBOX}>notifications</RouterLink>
|
||||
@ -84,19 +84,19 @@ export default function Scene ({loggedIn, onLogout, ...props}) {
|
||||
</div>
|
||||
) : (
|
||||
<div className="button-container">
|
||||
<RouterLink style={{marginRight: 15}} to={routes.LOGIN}>login</RouterLink>
|
||||
<RouterLink style={{marginRight: 15}} to={routes.LOGIN}>sign in</RouterLink>
|
||||
</div>
|
||||
)}
|
||||
</LandingHeader>
|
||||
<LandingMessage>
|
||||
<Header>Manage your notifications</Header>
|
||||
<SubHeader>Stop manually sorting through GitHub notifications and start being productive.</SubHeader>
|
||||
<Header>Control your notifications</Header>
|
||||
<SubHeader>Organizing and managing your GitHub notifications made easy</SubHeader>
|
||||
<div className="button-container">
|
||||
<RouterLink to={routes.LOGIN}>let's get started</RouterLink>
|
||||
</div>
|
||||
<BottomLinkContainer>
|
||||
<SmallLink href="">View and contribute on GitHub</SmallLink>
|
||||
<SmallLink href="">View and contribute on GitHub</SmallLink>
|
||||
<SmallLink target="_blank" href="https://github.com/nickzuber/meteorite">View and contribute on GitHub</SmallLink>
|
||||
<SmallText href="">Already have an account?</SmallText>
|
||||
</BottomLinkContainer>
|
||||
</LandingMessage>
|
||||
<Curve />
|
||||
|
||||
@ -41,7 +41,7 @@ export default function Scene ({ loading, error, loggedOut, ...props }) {
|
||||
}}>
|
||||
<Container>
|
||||
<h3>Authenticate with GitHub</h3>
|
||||
{!error ? (
|
||||
{error ? (
|
||||
<React.Fragment>
|
||||
<p>Log in with GitHub and we'll start organizing and sorting all of your notifications.</p>
|
||||
<ErrorMessage>Oops, looks like something went wrong. Try again?</ErrorMessage>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user