Skip to content

Instantly share code, notes, and snippets.

@mattalhonte

mattalhonte/index.html

Created July 14, 2017 07:44
Show Gist options
  • Save mattalhonte/eeae295239ef9360151571603e1a12ba to your computer and use it in GitHub Desktop.
Save mattalhonte/eeae295239ef9360151571603e1a12ba to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css">
<script src="http://cmx.io/v/0.1/cmx.js" charset="utf-8"></script>
<style>.cmx-user-scene4 .cmx-text-border .cmx-path {stroke: orange}</style>
<body>
<div style="max-width:900px; -webkit-transform:rotate(0deg)">
<scene id="scene1">
<label t="translate(0,346)" pose="0,-10|8,-9">
<tspan x="0" y="0em">Security Concerns</tspan>
</label>
<drawing t="translate(2,55) rotate(-5)">
<line stroke="blue">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-9,119|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-32,107|-39,132|10,98|29,130">
<bubble t="translate(5,11)" pose="0,0|-10,5|-81,49|1,33|-21,130|-59,113">
<tspan x="0" y="-3em">All that seawater</tspan>
<tspan x="0" y="-2em">definitely corroded</tspan>
<tspan x="0" y="-1em">these batteries</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|18,1|33,26|38,1|15,66|14,92|38,71|37,51">
<bubble t="translate(-7,-9)" pose="0,0|0,24|4,7|44,116|25,98|-35,84">
<tspan x="0" y="-2em">I think I have</tspan>
<tspan x="0" y="-1em">a plan to</tspan>
<tspan x="0" y="0em">keep us out</tspan>
<tspan x="0" y="1em">of trouble</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<drawing t="translate(2,55) rotate(-5)">
<line stroke="blue">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-1,114|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|10,55">
<bubble t="translate(5,11)" pose="0,0|-10,5|-23,56|-30,-45|-45,54|-70,68">
<tspan x="0" y="1em">Just make</tspan>
<tspan x="0" y="2em">up some junk?</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|18,51|38,71|38,51">
<bubble t="translate(-2,-9)" pose="0,0|7,33|27,67|-90,133|-59,163|-97,213">
<tspan x="0" y="0em">When we update </tspan>
<tspan x="0" y="1em">the distributor's</tspan>
<tspan x="0" y="2em">database and add</tspan>
<tspan x="0" y="3em">these batteries</tspan>
<tspan x="0" y="5em">Maybe we don't need</tspan>
<tspan x="0" y="6em">to put in the</tspan>
<tspan x="0" y="7em">right ID keys</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3">
<drawing t="translate(2,55) rotate(-5)">
<line stroke="blue">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-12,118|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|10,114|3,149|-6,79|10,55">
<bubble t="translate(5,11)" pose="0,0|-10,5|-27,43|-30,-45|-45,54|-66,94">
<tspan x="0" y="1em">Ha!</tspan>
<tspan x="0" y="2em">No one will know</tspan>
<tspan x="0" y="3em">it was our fault!</tspan>!
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|-3,87|33,58|7,61">
<bubble t="translate(-2,-9)" pose="0,0|7,33|27,67|-90,133|-59,163|-97,213">
<tspan x="0" y="0em">Is was thinking</tspan>
<tspan x="0" y="1em">something </tspan>
<tspan x="0" y="2em">closer to</tspan>
<tspan x="0" y="4em">; DROP TABLE</tspan>
<tspan x="0" y="5em">BATTERIES;</tspan>
</bubble>
</actor>
</scene>
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment