Skip to content

Instantly share code, notes, and snippets.

View rococodogs's full-sized avatar

Anna Malantonio rococodogs

View GitHub Profile
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
const Raspi = require('raspi-io')
const five = require('johnny-five')
const board = new five.Board({
repl: false,
io: new Raspi(),
})
const SlackClient = require('@slack/client').WebClient
const Slack = new SlackClient('<slack client token>')
@rococodogs
rococodogs / index.html
Last active January 31, 2017 15:44
trying out websockets + file uploads
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
progress { display: block; }
progress:empty { display: none; }
</style>
@rococodogs
rococodogs / FieldSelect.js
Created January 12, 2017 19:19
fiddling around w/ selecting fields
import React from 'react'
import fields from './work-fields'
class FieldSelect extends React.Component {
constructor (props) {
super(props)
this.state = {
selected: {}
}

Add the following to the catalog search form (before the <form> element)

<div style="background-color:#910029;color:#fff;margin-bottom:5px;padding:5px;">
  {{ yr warning text }}
</div>
// colors
$red: #bd7386;
$tan-light: #e8e6e2;
$tan-dark: #b7b0a5;
$blue: #9bc7df;
$blue-dark: #1d5f83;
$black: #1e1e1e;
$white: #ffffff;
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Design Heuristics

Visibility of system status

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Match between system and the real world

/* Rectangle: */
background: #EFEFEF;
border: 1px solid #BCBCBC;
border-radius: 2px;
/* default button: */
font-family: OpenSans;
font-size: 16px;
color: #111111;