Skip to content

Instantly share code, notes, and snippets.

@brito
brito / dabblet.css
Last active September 29, 2017 19:18
|\//\|
/* |\//\| */
svg { width:100vh; display:block; margin:auto }
path { fill:hsla(338,56%,67%,1) }
@brito
brito / safety.AI
Created September 2, 2017 02:52
Concrete Problems in AI Safety
Concrete Problems in AI Safety
- https://arxiv.org/pdf/1606.06565v2.pdf
- arXiv:1606.06565v2 [cs.AI] 25 Jul 2016
Problems
A: wrong formal objective function
- negative side effects
+ define and learn impact regularizer
+ penalize influence
+ multi-agent approaches
@brito
brito / dabblet.css
Last active July 30, 2017 06:22
vesica
/* vesica */
body :nth-child(2) { transform:scale(.5) }
body > * { margin:0 calc(-.38em);
background:hsla(54,100%,60%,.6); display:inline-block;
width:1em; height:1em; border-radius:.5em }
body { font-size:calc(100vw/5);
perspective:50rem; perspective-origin:top;
display:flex; justify-content:center;
@brito
brito / dabblet.css
Last active July 27, 2017 06:10
511 logo
/* 511 logo */
head, body { height:100vh }
body { perspective:21em;
animation:10s showcase alternate infinite cubic-bezier(.8,0,.1,1);
background:linear-gradient(to bottom, hsl(205,100%,30%), hsl(205,100%,10%), hsl(205,100%,30%)) }
@keyframes showcase {
0% { transform:rotate3d(1,0,0,18deg) }
38% { transform:rotate3d(0,-1,0,18deg) }
62% { transform:rotate3d(-1,0,0,18deg) }
100% { transform:rotate3d(1,1,0,18deg) }}
@brito
brito / dabblet.css
Created July 26, 2017 22:36
phiveleven.logo negative
/* phiveleven.logo negative */
svg { width:100vh; display:block; margin:auto }
path { stroke:hsla(13,98%,55%,1); stroke-width:0;
fill:#41acff }
@brito
brito / dabblet.css
Last active July 26, 2017 22:33
phiveleven.logo
/* phiveleven.logo */
svg { width:100vh; display:block; margin:auto }
path { stroke:#41acff; stroke-width:2.6; stroke-linejoin:round;
fill:hsla(13,98%,55%,1) }
@brito
brito / dabblet.css
Last active July 25, 2017 21:27
nullisnull banner
/* nullisnull banner */
path { stroke:hsla(0,100%,50%,.62); stroke-linejoin:bevel;
stroke-width:9; fill:hsla(222,38%,50%,.62) }
@brito
brito / dabblet.css
Last active July 25, 2017 20:37
nullisnull.blog
/* nullisnull.blog */
svg { transform:rotateX(180deg) }
path { stroke:hsla(0,100%,50%,.62); stroke-linejoin:bevel;
stroke-width:9; fill:hsla(222,38%,50%,.62) }
@brito
brito / ninepatch.js
Created June 22, 2017 23:47
Convert a base icon into 9-patch assets for Android
#!/usr/bin/env node
/**
Usage: ninepatch.js background (icon.png)
background: color to extend
icon.png: image to center, present on running directory
Convert a base icon into 9-patch assets
Outputs base composites for each resolution and .9 files
*/
#!/usr/bin/env node
/**
Resources generator
Generate icons for mobile/tablet according to iOS/Android specifications.
Takes an image 'icon.png' and outputs to pre-existing directories res/*
Requires Imagemagick (imagemagick.org)