lever identicon sketch

_.md

[ Launch: lever identicon sketch ] 5853859 by enjalot

config.json

{"description":"lever identicon sketch","endpoint":"","display":"div","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"identicon.html":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/bxpqGM6.png"}

identicon.html

<div class="identicon">
  <div class="bg"></div>
  <div class="lever"></div>
  <div class="text">IJ</div>
</div>

inlet.js

var display = d3.select("#display");

style.css

.identicon {
  display:inline-block;
  width: 40px;
  height: 40px;
  position:absolute;
  top: 100px;
  left: 100px;
  overflow: hidden;
  
}
.identicon div {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  
}

.bg {
  background-color: black;
}

.lever {
  background-color: white;
  width: 50px !important;
  height: 50px !important;
  margin-top: -29px;
  margin-left: -13px;
  -webkit-transform: rotate(-25deg);
}

.text {
  
}