Skip to content

Instantly share code, notes, and snippets.

@TranquilMarmot

TranquilMarmot/index.html

Created February 12, 2013 23:14
Show Gist options
  • Save TranquilMarmot/4774389 to your computer and use it in GitHub Desktop.
Save TranquilMarmot/4774389 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">it was on the news this mroing</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) rotate(4)" pose="0,0|-20,10|-81,49|14,49|-26,128|-49,118">
<tspan x="0" y="-4em">I had an idea today</tspan>
<tspan x="0" y="0em">anyone can</tspan>
<tspan x="0" y="1em">touch my face</tspan>
<tspan x="0" y="2em">in comix strips...</tspan>
<tspan x="8" y="76px">easily!</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|23,110|28,91|28,81|28,71|28,51|-15,36|-28,8|22,28|46,1|5,75|-75,109|50,66|40,104">
<bubble t="translate(-2,-9)" pose="7,64|-9,18|-30,87|39,96|3,145|-36,177">
<tspan x="0" y="0em">i want</tspan>
<tspan x="0" y="1em">to touch</tspan>
<tspan x="0" y="2em">your face</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|19,118|30,103|30,93|95,132|95,112|99,87|87,63|120,91|118,61|16,83|22,59|51,82|70,97">
<bubble t="translate(-3,0)" pose="0,0|-12,22|-83,104|45,21|-37,182|-58,162">
<tspan x="0" y="-2em">Yes!
<tspan x="0" y="0em">people would use</tspan>
<tspan x="0" y="1em">my face</tspan>
<tspan x="0" y="2em">and collaborate</tspan>
<tspan x="0" y="3em">on <tspan fill="blue">your face</tspan></tspan>
</tspan></bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|5,12|52,9|20,12|59,18|23,71|7,41|38,71|47,40">
<bubble t="translate(-2,-9)" pose="0,0|7,33|14,66|-63,30|-52,62|-94,113">
<tspan x="0" y="1em">hmmmmmm! that</tspan>
<tspan x="0" y="2em">sounds like an easy</tspan>
<tspan x="0" y="3em" fill="red">way to sit on faces</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3" height="230">
<label t="translate(0,225)">
<tspan x="0" y="0em">many moons later</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|-8,62|-1,46|2,45|-32,45">
<bubble t="translate(-2,-9)" pose="0,0|-13,24|-29,52|-150,0|-129,85|-162,86">
<tspan x="0" y="-1em">hey! I've finally done it!</tspan>
<tspan x="0" y="0em">16 inches!</tspan>
<tspan x="0" y="2em">how many collective faces</tspan>
<tspan x="0" y="3em" fill="red">will be sat on</tspan>
<tspan x="0" y="4em" fill="red">when I publish it</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4" width="300" height="98" margin-y="3" frame="no">
<label t="translate(28,88)" pose="0,0|-21,-9">
<tspan x="0" y="0em">~ comics get marked up</tspan>
<tspan x="0" y="1em">~ can be sent with hotmail</tspan>
<tspan x="0" y="2em">~ SWIGGYWIGGY editor</tspan>
<tspan x="0" y="3em">~ who left this can of sauce open</tspan>
<tspan x="0" y="4em">~ backed by </tspan><tspan fill="blue">pushmerge.thegethub.com</tspan>
</label>
<actor t="translate(192,29)" pose="132,-50|107,57|132,40|152,28|140,18|141,7|122,4|99,3|137,-21|87,-2|122,25|101,25|124,17|99,12">
</actor>
</scene>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment