lever logo -> 3d

_.md

[ Launch: lever logo -> 3d ] 7d1f129d79bea04509ae by enjalot
[ Launch: lever logo ] f022a6b7139adcd0b9a8 by enjalot

config.json

{"description":"lever logo -> 3d","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"lever.svg":{"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":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/vBDGuRN.png"}

inlet.js

d3.select("#display").style("background", "white");

var topdark = d3.select("#topdark")
var toplight = d3.select("#toplight")
var triangle = d3.select("#triangle")

topdark.style({
  fill: "black",
  stroke: "black",
  "stroke-width": 10
})

toplight.style({
  stroke: "black",
  "stroke-width": 10,
  "stroke-dasharray": "1064 142",
  "stroke-dashoffset": 192,
  "stroke-linecap": "round",
  fill: "white"
})

triangle.style({
  fill: "black"
})

lever.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="2997px" height="750px" viewBox="0 0 3000 850" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
  <g id="Group-copy-2" sketch:type="MSLayerGroup" transform="translate(3.000000, 18.000000)">
    <path d="M534.790869,585.154265 C545.317099,575.319175 562.363706,575.28103 572.930061,585.154265 L718.698951,721.192574 C729.225181,731.027664 725.740959,739 711.021625,739 L396.705993,739 C381.933158,739 378.455624,731.065809 389.028667,721.192574 L534.790869,585.154265 L534.790869,585.154265 Z" id="triangle" fill="#AFAFAF"></path>
    <path d="M3.21582031,732.499023 L695.589844,37.4843751 C703.288734,45.3079204 709.628971,53.5425557 711.055848,60.6193681 L737.716286,192.441269 C740.722426,207.293669 734.363818,228.024003 723.509854,238.752258 L237.360328,719.585008 C226.506364,730.299563 205.304077,739 189.98939,739 L14.6484375,741.261719 C7.00841061,741.261719 7.28515625,739 3.21582031,732.499023 Z" id="toplight" fill="#D9D9D9"></path>
    <path d="M0,720.028179 L0,549.858164 C0,534.525155 8.67967613,513.254771 19.3754975,502.373057 L499.05404,14.9805798 C509.756696,4.10580967 530.437562,-2.2621113 545.254521,0.744769595 L676.761866,27.4733714 C684.231855,28.9941725 691.592493,33.4663003 697.435897,39.4522848 L7.36747312,739 C2.80210017,734.034827 0,727.368301 0,720.028179 L0,720.028179 Z" id="topdark" fill="#AFAFAF"></path>            
  </g>
</svg>