Skip to content

Instantly share code, notes, and snippets.

@chasestarr

chasestarr/nudge-utils.html

Created April 29, 2018 19:22
Show Gist options
  • Save chasestarr/9903c0de7cbc47e7b7338943a30e9248 to your computer and use it in GitHub Desktop.
Save chasestarr/9903c0de7cbc47e7b7338943a30e9248 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
nudge-utils.html
<head>
<link rel="stylesheet" href="node_modules/fortune-css/dist/fortune.css" />
</head>
<body class="m-2">
<div style="display: flex; flex-direction: row">
<div class="b-1">
<div class="h-2 w-2 g-1" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-2" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-3" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-4" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-5" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-6" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-7" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-8" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-9" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-10" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-11" style="background-color: var(--blue);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 g-12" style="background-color: var(--blue);"></div>
</div>
</div>
<p>default g</p>
<div style="display: flex; flex-direction: row">
<div class="b-1">
<div class="h-2 w-2 gt-1" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-2" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-3" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-4" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-5" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-6" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-7" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-8" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-9" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-10" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-11" style="background-color: var(--green);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gt-12" style="background-color: var(--green);"></div>
</div>
</div>
<p>top g</p>
<div style="display: flex; flex-direction: row">
<div class="b-1">
<div class="h-2 w-2 gl-1" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-2" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-3" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-4" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-5" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-6" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-7" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-8" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-9" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-10" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-11" style="background-color: var(--yellow);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gl-12" style="background-color: var(--yellow);"></div>
</div>
</div>
<p>left g</p>
<div style="display: flex; flex-direction: row; align-items: flex-end">
<div class="b-1">
<div class="h-2 w-2 gb-1" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-2" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-3" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-4" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-5" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-6" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-7" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-8" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-9" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-10" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-11" style="background-color: var(--orange);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gb-12" style="background-color: var(--orange);"></div>
</div>
</div>
<p>bottom g</p>
<div style="display: flex; flex-direction: row">
<div class="b-1">
<div class="h-2 w-2 gr-1" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-2" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-3" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-4" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-5" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-6" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-7" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-8" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-9" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-10" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-11" style="background-color: var(--red);"></div>
</div>
<div class="b-1">
<div class="h-2 w-2 gr-12" style="background-color: var(--red);"></div>
</div>
</div>
<p>right g</p>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment