spences10

README pattern

Optimal README layout from Kent Dodds [source]:

1. Title + tagline + logo?
2. Badges
3. The problem
4. The solution
5. TOC
6. Installation

spences10

// credit: https://github.com/styled-components/styled-components/issues/233#issuecomment-292602734

export function fontFace(name, src, fontWeight = 'normal', fontStyle = 'normal'){

  return `
    @font-face{
      font-family: "${name}";
        src: url(${require('../../public/fonts/' + src + '.eot')});
        src: url(${require('../../public/fonts/' + src + '.eot')}?#iefix) format("embedded-opentype"),
        url(${require('../../public/fonts/' + src + '.woff')}) format("woff"),

spences10

pink = #ff0198 // hollywood cerise
yellow = #ffb617 // my sin
purple = #6e27c5 // purple heart
orange = #ff6600 // blaze orange
blue = #01c1d6 // robin's egg blue
java = #1cbcd2 // java
sun = #fab319 // sun
affair = #69479e // affair
flamingo = #f16623 // flamingo
minsk = #2e2e86 // minsk

spences10

const originalArray = [1, 2, 3];
const newArray = originalArray.map(item => item * 2);
console.log(newArray);

spences10

const arr = [1,2,2,3,3,3,4,5,6,6,6,7,7,8]

const uniqueArray = [...new Set(arr)]

console.log(uniqueArray)

spences10

const dictionary = {
  words: [
    `accountable talk`,
    `action item`,
    `after I ran into Helen at a restaurant, I realized she was just office pretty`,
    `anti-pattern`,
    `are there any leftovers in the kitchen?`,
    `are we in agreeance`,
    `at the end of the day`,
    `back of the net`,

spences10

const Twit = require('twit')
const config = require('./config')

const bot = new Twit(config)

const listOutFollowers = userName => {
  bot.get(
    'followers/ids',
    {
      screen_name: userName,

spences10

;[ ...document.querySelectorAll('.mn-person-card') ].forEach((card) => {
  // first pull out name and occupation
  const name = card.querySelector('.mn-person-info__name').textContent
  // console.log(name)
  const headline = card.querySelector('.mn-person-info__occupation').textContent
  // console.log(headline)
  // find the button to remove connection
  const dropdown = card.querySelector('.dropdown')
  const showDelete = dropdown.querySelector('.show-delete-dialog-btn')
  // const button = dropdown.querySelector('.remove')

spences10

// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.

module.exports = {
  config: {
    // Choose either "stable" for receiving highly polished,
    // or "canary" for less polished but more frequent updates
    updateChannel: 'canary',

spences10

enum _ModelMutationType {
  CREATED
  UPDATED
  DELETED
}

# Meta information about the query.
type _QueryMeta {
  count: Int!
}