Skip to content

Instantly share code, notes, and snippets.

@jacobSingh

jacobSingh/index.html

Forked from darwin/index.html
Last active August 29, 2015 14:08
Show Gist options
  • Save jacobSingh/489c938454ddf7f3824f to your computer and use it in GitHub Desktop.
Save jacobSingh/489c938454ddf7f3824f 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)">
<tspan x="0" y="0em">Personalization in action</tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">So what do you do?</tspan>
<tspan x="0" y="5em">ooo... so brave</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|12,86|-4,111|49,87|60,111">
<bubble t="translate(-2,-9) rotate(6)" pose="0,0|-14,24|-36,69|10,85|-9,129|-57,141">
<tspan x="0" y="0em">Fireman</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<label t="translate(0,346)">
<tspan x="0" y="0em"></tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">So what do you do?</tspan>
<tspan x="0" y="5em">Cute! I love dogs</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|12,86|-4,111|49,87|60,111">
<bubble t="translate(-2,-9) rotate(6)" pose="0,0|-14,24|-36,69|10,85|-9,129|-57,141">
<tspan x="0" y="0em">Puppy trainer</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3">
<label t="translate(0,346)">
<tspan x="0" y="0em"></tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">So what do you do?</tspan>
<tspan x="0" y="5em">I can dig it</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|12,86|-4,111|49,87|60,111">
<bubble t="translate(-2,-9) rotate(6)" pose="0,0|-14,24|-36,69|10,85|-9,129|-57,141">
<tspan x="0" y="0em">Jazz Musician</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3" width="500px">
<label t="translate(0,346)">
<tspan x="0" y="0em"></tspan>
</label>
<drawing t="translate(0,31)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="500" y="20"></point>
</line>
</drawing>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">So what do you do?</tspan>
<tspan x="0" y="5em">WTF are you talking about?</tspan>
</bubble>
</actor>
<actor t="translate(232,12)" pose="28,1|25,126|28,91|28,81|32,68|28,51|18,31|18,1|33,26|38,1|12,86|-4,111|49,87|60,111">
<bubble t="translate(-2,-9) rotate(6)" pose="0,0|-14,24|-36,69|78,68|59,112|-25,152">
<tspan x="0" y="0em">I analyze user behavior</tspan>
<tspan x="0" y="1em">using complex algorithms</tspan>
<tspan x="0" y="2em">to personalize their experiences</tspan>
<tspan x="0" y="3em">add acheive maximum efficiency</tspan>
</bubble>
</actor>
</scene>
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment