View grid.css
.grid {
display: grid;
height: 100%;
grid-template-columns: 2rem repeat(2, auto) 2rem;
grid-template-rows: 4rem 4rem auto;
background-color: #fff;
}
.layer1 {
background-color: rgb(64, 213, 187);
View withGA.js
import React from 'react';
import GoogleAnalytics from 'react-ga';
if (process.env.REACT_APP_ENVIRONMENT === 'production') {
GoogleAnalytics.initialize('UA-91111111-1');
}
const withGA = WrappedComponent => {
const trackPage = page => {
GoogleAnalytics.set({ page });
View dropdownOptions.js
/* @flow */
type UserTitleOptionT = 'Miss' | 'Mrs' | 'Mr' | 'Ms' | 'Dr';
export const USER_TITLE_OPTIONS: Array<{
id: UserTitleOptionT,
value: UserTitleOptionT
}> = [
{ id: 'Miss', value: 'Miss' },
{ id: 'Mrs', value: 'Mrs' },
{ id: 'Mr', value: 'Mr' },
View circle.yml
machine:
environment:
PATH: "${PATH}:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
node:
version: 7.10.0
dependencies:
override:
- yarn
cache_directories:
View circle.yml
deployment:
development:
branch: master
commands:
- URL=$(now -t ${NOW_TOKEN})
- now -t ${NOW_TOKEN} alias set ${URL} eedi-dev.now.sh
production:
branch: production
commands:
- URL=$(now -t ${NOW_TOKEN})
View Layers.js
/*... render() {*/
<StyledGrid>
<LayerTwo>yolo</LayerTwo>
</StyledGrid>
/* }...*/
const StyledGrid = styled.div`
display: grid;
View Spinner.js
import React from 'react';
import styled from 'styled-components';
const Spinner = () => (
<StyledSpinner viewBox="0 0 50 50">
<circle
className="path"
cx="25"
cy="25"
r="20"
View StyledSpinner.js
import styled from 'styled-components';
const StyledSpinner = styled.svg`
animation: rotate 2s linear infinite;
margin: -25px 0 0 -25px;
width: 50px;
height: 50px;
& .path {
stroke: #5652BF;
View spinner.md

// HTML

<svg class="spinner" viewBox="0 0 50 50">
  <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="4"></circle>
</svg>

// CSS

View backup-1-25-2017.json
{"version":1.02,"files":[{"file":".gitignore","content":{"type":"Buffer","data":[98,108,111,98,45,115,116,111,114,101,10,99,111,109,112,105,108,101,45,99,97,99,104,101,10,100,101,118,10,115,116,111,114,97,103,101,10,46,110,111,100,101,45,103,121,112,10,46,110,112,109,10]}},{"file":"config.cson","content":{"type":"Buffer","data":[34,42,34,58,10,32,32,95,100,97,114,116,108,97,110,103,58,10,32,32,32,32,95,101,114,114,111,114,115,73,110,105,116,105,97,108,105,122,101,100,58,32,116,114,117,101,10,32,32,32,32,95,102,105,114,115,116,82,117,110,58,32,116,114,117,101,10,32,32,32,32,95,118,101,114,115,105,111,110,58,32,34,48,46,54,46,52,50,34,10,32,32,95,102,108,117,116,116,101,114,65,110,97,108,121,116,105,99,115,58,10,32,32,32,32,99,108,105,101,110,116,73,100,58,32,34,52,102,97,101,97,52,97,97,45,57,57,98,50,45,52,100,54,49,45,97,101,53,98,45,100,98,102,48,97,102,48,97,48,99,102,102,34,10,32,32,32,32,111,112,116,73,110,58,32,116,114,117,101,10,32,32,34,97,116,111,109,45,109,97,116,101,114,105,97,108,45,117,105,34,58,