Skip to content

Instantly share code, notes, and snippets.

@BadGoat
Forked from darwin/index.html
Last active January 8, 2018 18:09
Show Gist options
  • Save BadGoat/9667174cc4964e0d688aa02f1c94b5da to your computer and use it in GitHub Desktop.
Save BadGoat/9667174cc4964e0d688aa02f1c94b5da to your computer and use it in GitHub Desktop.
Marketers VS Coders
<!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"></script>
<body>
<scene id="scene1">
<drawing t="translate(128,-18)" pose="-98,67">
<line fill="black">
<point x="84" y="59"></point>
<point x="88" y="60"></point>
<point x="90" y="0"></point>
</line>
<line fill="black">
<point x="90" y="0"></point>
<point x="120" y="0"></point>
<point x="120" y="-3"></point>
<point x="90" y="-3"></point>
</line>
<line fill="black">
<point x="120" y="-40"></point>
<point x="117" y="-40"></point>
<point x="117" y="-3"></point>
</line>
<line fill="black">
<point x="90" y="-40"></point>
<point x="93" y="-40"></point>
<point x="93" y="-3"></point>
</line>
</drawing>
<actor t="translate(139,8)" pose="-11,9|-4,127|-11,109|-20,77|-14,80|-11,47|14,42|25,21|17,50|31,30|-6,83|29,71|-6,89|25,78">
</actor>
<actor t="translate(71,0) rotate(-1)" pose="-11,9|-5,138|-11,120|-11,110|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,100|-18,80|-6,100|12,93">
<bubble t="translate(9,11)" pose="0,0|11,6|61,47|-63,78|-46,159|-68,119">
<tspan x="0" y="-3em">Hey Jim...</tspan>
<tspan x="0" y="0em">Could you add</tspan>
<tspan x="0" y="1em">a tracking pixel</tspan>
<tspan x="0" y="2em">to the site?</tspan>
<tspan x="8" y="5em" fill="blue">It's just a tiny Snippet</tspan>
<tspan x="8" y="6em" fill="blue">That can save us $100K/Mo.</tspan>
</bubble>
</actor>
<drawing t="translate(-7,74)" pose="9,25">
<line fill="white">
<point x="150" y="0"></point>
<point x="240" y="0"></point>
<point x="240" y="-5"></point>
<point x="150" y="-5"></point>
<point x="150" y="0"></point>
</line>
<line fill="white">
<point x="160" y="-5"></point>
<point x="240" y="-5"></point>
<point x="240" y="-90"></point>
<point x="160" y="-90"></point>
<point x="160" y="-5"></point>
</line>
<line fill="white">
<point x="150" y="-20"></point>
<point x="160" y="-20"></point>
<point x="160" y="-25"></point>
<point x="150" y="-25"></point>
</line>
</drawing>
<drawing t="translate(168,114)" pose="9,25">
<line>
<point x="0" y="20"></point>
<point x="5" y="20"></point>
<point x="0" y="-30"></point>
<point x="-5" y="-30"></point>
<point x="0" y="20"></point>
</line>
<line>
<point x="5" y="10"></point>
<point x="10" y="0"></point>
<point x="10" y="-25"></point>
<point x="0" y="-25"></point>
</line>
<line>
<point x="10" y="-25"></point>
<point x="10" y="-34"></point>
<point x="-5" y="-35"></point>
<point x="20" y="-35"></point>
</line>
</drawing>
</scene>
<scene id="scene2">
<drawing t="translate(128,-18)" pose="-98,67">
<line fill="black">
<point x="84" y="59"></point>
<point x="88" y="60"></point>
<point x="90" y="0"></point>
</line>
<line fill="black">
<point x="90" y="0"></point>
<point x="120" y="0"></point>
<point x="120" y="-3"></point>
<point x="90" y="-3"></point>
</line>
<line fill="black">
<point x="120" y="-40"></point>
<point x="117" y="-40"></point>
<point x="117" y="-3"></point>
</line>
<line fill="black">
<point x="90" y="-40"></point>
<point x="93" y="-40"></point>
<point x="93" y="-3"></point>
</line>
</drawing>
<actor t="translate(139,8)" pose="-11,9|-4,127|-11,109|-20,77|-14,80|-11,47|14,42|25,21|17,50|31,30|-6,83|29,71|-6,89|25,78">
<bubble t="translate(9,11)" pose="0,0|-12,7|3,86|-43,30|-26,111|-85,67">
<tspan x="0" y="-3em">Not now dude...</tspan>
<tspan x="0" y="0em" fill="red">I’m fixing a memory leak </tspan>
<tspan x="0" y="1em" fill="red">on Blackberry devices</tspan>
</bubble>
</actor>
<actor t="translate(73,-1) rotate(-2)" pose="-11,9|3,129|-11,120|-11,110|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-20,132|-11,140|-6,100|0,76">
</actor>
<drawing t="translate(-7,74)" pose="9,25">
<line fill="white">
<point x="150" y="0"></point>
<point x="240" y="0"></point>
<point x="240" y="-5"></point>
<point x="150" y="-5"></point>
<point x="150" y="0"></point>
</line>
<line fill="white">
<point x="160" y="-5"></point>
<point x="240" y="-5"></point>
<point x="240" y="-90"></point>
<point x="160" y="-90"></point>
<point x="160" y="-5"></point>
</line>
<line fill="white">
<point x="150" y="-20"></point>
<point x="160" y="-20"></point>
<point x="160" y="-25"></point>
<point x="150" y="-25"></point>
</line>
</drawing>
<drawing t="translate(168,114)" pose="9,25">
<line>
<point x="0" y="20"></point>
<point x="5" y="20"></point>
<point x="0" y="-30"></point>
<point x="-5" y="-30"></point>
<point x="0" y="20"></point>
</line>
<line>
<point x="5" y="10"></point>
<point x="10" y="0"></point>
<point x="10" y="-25"></point>
<point x="0" y="-25"></point>
</line>
<line>
<point x="10" y="-25"></point>
<point x="10" y="-34"></point>
<point x="-5" y="-35"></point>
<point x="20" y="-35"></point>
</line>
</drawing>
</scene>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment