Skip to content

Instantly share code, notes, and snippets.

@benauthor

benauthor/index.html

Created February 16, 2013 04:16
Show Gist options
  • Save benauthor/4965521 to your computer and use it in GitHub Desktop.
Save benauthor/4965521 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"></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">At eventide</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">WHAAAARAG</tspan>
<tspan x="0" y="0em">AGSDGA</tspan>
<tspan x="0" y="1em">no talent</tspan>
<tspan x="0" y="2em">pthttttttttttt</tspan>
<tspan x="0" y="3em">comix.</tspan>
<tspan x="8" y="76px">KARAAAANG!</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="-3,-4|-17,20|-39,65|24,24|5,68|-47,102">
<tspan x="0" y="0em">me bathe</tspan>
<tspan x="0" y="1em">in mash</tspan>
<tspan x="0" y="2em">cauliflower?!</tspan>
<tspan x="0" y="3em">no eat. no.</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) rotate(-2)" pose="0,0|-12,22|-83,104|50,-1|-32,160|-65,183">
<tspan x="0" y="0em">gak</tspan>
<tspan x="0" y="1em">gak</tspan>
<tspan x="0" y="2em">gak</tspan>
<tspan x="0" y="3em">gakk</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|-99,113">
<tspan x="0" y="1em">hmm, hanh! thaaav</tspan>
<tspan x="0" y="2em">meeeeeeeeeeeeeeasy</tspan>
<tspan x="0" y="3em" fill="red">nop nop nop nop</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3" height="230">
<label t="translate(0,225)">
<tspan x="0" y="0em">Vespers...</tspan>
</label>
<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|-46,69|-79,94|-104,82|-155,74">
<tspan x="0" y="-1em">who?</tspan>
<tspan x="0" y="1em">What?</tspan>
<tspan x="0" y="2em">where?</tspan>
<tspan x="0" y="3em" fill="red">when?</tspan>
<tspan x="0" y="4em" fill="red">WHY?</tspan>
<tspan x="0" y="5em" fill="red">AND HOW?!?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4" width="300" height="98" margin-y="3" frame="no">
<label t="translate(64,77)" pose="17,-13|18,-22">
<tspan x="0" y="1em">This why</tspan>
<tspan x="0" y="2em">me cannot have</tspan>
<tspan x="0" y="3em">nice things.</tspan>
</label>
<actor t="translate(166,38)" pose="73,-56|50,42|73,34|87,23|81,12|82,1|66,-10|63,-39|79,-16|92,-37|63,19|42,-1|65,11|46,-11">
</actor>
</scene>
</div>
@benauthor
Copy link
Author

http://cmx.io/#4965521

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment