Skip to content

Instantly share code, notes, and snippets.

@easierbycode

easierbycode/index.html

Last active August 29, 2015 14:00
Show Gist options
  • Save easierbycode/11380846 to your computer and use it in GitHub Desktop.
Save easierbycode/11380846 to your computer and use it in GitHub Desktop.
Download ZIP
1.0 doesn't mean stable
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>
<body>
<div style="max-width:900px; -webkit-transform:rotate(0deg)">
<scene id="scene1">
<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">found an awesome app for us</tspan>
<tspan x="0" y="0em">and since</tspan>
<tspan x="0" y="1em">it's <tspan fill="#FF851B">1.0</tspan></tspan>
<tspan x="0" y="2em">I feel all</tspan>
<tspan x="0" y="3em">warm and fuzzy..</tspan>
<tspan x="8" y="76px">plus, it's hot!</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|23,71|18,51|38,71|38,51">
<bubble t="translate(-2,-9)" pose="0,0|-14,24|-36,69|27,28|8,72|-35,93">
<tspan x="0" y="0em">you know</tspan>
<tspan x="0" y="1em"><tspan fill="#FF851B">'1.0'</tspan> doesn't</tspan>
<tspan x="0" y="2em">always mean</tspan>
<tspan x="0" y="3em">stable..</tspan>
<tspan x="0" y="4em">right?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<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|-1,114|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|13,83">
<bubble t="translate(-3,0)" pose="0,0|-12,22|-83,104|45,21|-37,182|-58,162">
<tspan x="0" y="-2em">Good point!
<tspan x="0" y="0em">let's discuss on Monday.</tspan>
<tspan x="0" y="1em">I've gotta head out or I'll</tspan>
<tspan x="0" y="2em">be late for my hike with</tspan>
<tspan x="0" y="3em" fill="blue">Natalia</tspan>
</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|14,66|-63,30|-52,62|-94,113">
<tspan x="0" y="1em">Natalia? what</tspan>
<tspan x="0" y="2em">happened to</tspan>
<tspan x="0" y="3em"><tspan fill="#FF4136">Sara</tspan>?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3" height="230">
<actor t="translate(209,4) rotate(2)" pose="-41,48|-10,105|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-11,70|-4,54|17,86|-4,110">
<bubble t="translate(-2,-9)" pose="0,0|-13,24|-29,52|-86,-4|-99,79|-165,70">
<tspan x="0" y="-2em">it turned out that</tspan>
<tspan x="0" y="-1em">just because she was a <tspan fill="#FF851B">'10'</tspan></tspan>
<tspan x="0" y="1em">didn't mean she had</tspan>
<tspan x="0" y="2em"><tspan fill="#FF4136">maturity</tspan>,</tspan>
<tspan x="0" y="3em"><tspan fill="#FF4136">stability</tspan>,</tspan>
<tspan x="0" y="4em">or didn't come with</tspan>
<tspan x="0" y="5em" fill="#FF4136">*bugs*</tspan>
</bubble>
</actor>
</scene>
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment