When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}In your command-line run the following commands:
brew doctorbrew update| import firebase from 'firebase' | |
| import { filter, map } from 'lodash' | |
| import { makeExecutableSchema } from 'graphql-tools' | |
| firebase.initializeApp({ | |
| databaseURL: 'https://grafire-b1b6e.firebaseio.com', | |
| }) | |
| const mapSnapshotToEntity = snapshot => ({ id: snapshot.key, ...snapshot.val() }) | |
| const mapSnapshotToEntities = snapshot => map(snapshot.val(), (value, id) => ({ id, ...value })) |
| var noteValues = { | |
| 'C0': 16.35, | |
| 'C#0': 17.32, | |
| 'Db0': 17.32, | |
| 'D0': 18.35, | |
| 'D#0': 19.45, | |
| 'Eb0': 19.45, | |
| 'E0': 20.60, | |
| 'F0': 21.83, | |
| 'F#0': 23.12, |