Skip to content

Instantly share code, notes, and snippets.

@Moximillian

Moximillian/.block

Last active March 22, 2017 14:12
Show Gist options
  • Save Moximillian/dabb147975c86e63229b81af43e396df to your computer and use it in GitHub Desktop.
Save Moximillian/dabb147975c86e63229b81af43e396df to your computer and use it in GitHub Desktop.
Download ZIP
fresh block
Raw
.block
license: mit
Raw
index.html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
</style>
</head>
<body>
<svg width="398px" height="437px" transform="translate(200,100)" viewBox="-100 -10 498 447" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
<title>house</title>
<desc>Created with Sketch.</desc>
<defs>
<filter id="gooeyCodeFilter"><feGaussianBlur in="SourceGraphic" stdDeviation="10" color-interpolation-filters="sRGB" result="blur"></feGaussianBlur><feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 60 -7" result="gooey"></feColorMatrix></filter>
<rect id="path-1" x="124" y="227" width="65" height="59" rx="8"></rect>
<mask id="mask-2" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="65" height="59" fill="white">
<use xlink:href="#path-1"></use>
</mask>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" fill="#820010" x="91" y="155" width="212" height="218"></rect>
<use id="Rectangle-3" stroke="#979797" mask="url(#mask-2)" stroke-width="2" fill="#FDF69E" xlink:href="#path-1"></use>
<path d="M156,224.5 L156,288.5" id="Line" stroke="#444444" stroke-width="2" stroke-linecap="square" transform="translate(156.000000, 256.500000) rotate(90.000000) translate(-156.000000, -256.500000) "></path>
<path d="M156,228 L156,285" id="Line" stroke="#444444" stroke-width="2" stroke-linecap="square"></path>
<rect id="Rectangle-2" fill="#417505" x="0" y="373" width="378" height="64" rx="8"></rect>
<polygon id="Triangle" fill="#3F1E01" points="197 81 303 155 91 155"></polygon>
<rect id="Rectangle-4" fill="#522C0A" x="218" y="264" width="65" height="109"></rect>
<g style="filter: url(#gooeyCodeFilter);" opacity="0.6">
<ellipse id="Oval" stroke="#979797" fill="#D8D8D8" cx="270" cy="319.5" rx="4" ry="4.5"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="270.5" cy="76" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="299.5" cy="69" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="309.5" cy="46" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="318.5" cy="23" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="270.5" cy="76" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="358.5" cy="30" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2" fill="#92A6BD" opacity="0.269814312" cx="262.5" cy="94" rx="39.5" ry="23"></ellipse>
<ellipse id="Oval-2-Copy" fill="#92A6BD" opacity="0.269814312" cx="310.5" cy="46" rx="39.5" ry="23"></ellipse>
</g>
<rect id="Rectangle-5" fill="#000000" x="227" y="92" width="31" height="37"></rect>
<polygon id="Star" fill="#F8E81C" points="119.839263 188 111.904162 192.326238 113.419631 183.163119 107 176.673762 115.871713 175.336881 119.839263 167 123.806813 175.336881 132.678526 176.673762 126.258894 183.163119 127.774364 192.326238"></polygon>
<polygon id="Star-Copy" fill="#F8E81C" points="275.839263 188 267.904162 192.326238 269.419631 183.163119 263 176.673762 271.871713 175.336881 275.839263 167 279.806813 175.336881 288.678526 176.673762 282.258894 183.163119 283.774364 192.326238"></polygon>
<text id="WHISKEY" font-family="Helvetica" font-size="20" font-weight="normal" fill="#FFFFFF">
<tspan x="154" y="189">WHISKEY</tspan>
</text>
<text id="SMOKE-NO-FIRE" font-family="Helvetica" font-size="20" font-weight="normal" fill="#36414F">
<tspan x="283" y="42">SMOKE</tspan>
<tspan x="283" y="66">NO FIRE</tspan>
</text>
</g>
</svg>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment