experimental cmx
| <!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> | |
| <div style="max-width:700px; -webkit-transform:rotate(1deg);"> | |
| <scene id="scene1"> | |
| <label t="translate(0,346)"> | |
| <tspan x="0" y="0em">One lazy morning</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">I had a terrible dream today</tspan> | |
| <tspan x="0" y="0em">people without</tspan> | |
| <tspan x="0" y="1em">much talents</tspan> | |
| <tspan x="0" y="2em">could publish</tspan> | |
| <tspan x="0" y="3em">comixes...</tspan> | |
| <tspan x="8" y="5em">easily!</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,22|-36,67|27,28|8,72|-50,95"> | |
| <tspan x="0" y="0em">and google</tspan> | |
| <tspan x="0" y="1em">did index all</tspan> | |
| <tspan x="0" y="2em">that shit!?</tspan> | |
| </bubble> | |
| </actor> | |
| </scene> | |
| <scene id="scene2" width="300" height="230"> | |
| <label t="translate(0,225)"> | |
| <tspan x="0" y="0em">Afternoon the same day</tspan> | |
| </label> | |
| <actor t="translate(152,56)" pose="28,1|59,58|69,41|69,31|69,21|69,1|59,-19|59,-49|74,-24|79,-49|64,21|59,1|79,21|79,1|28,1"> | |
| <bubble t="translate(-2,-9)" pose="0,0|-13,24|-29,52|-75,3|-88,54|-165,70"> | |
| <tspan x="0" y="1em">hmm ... I wonder</tspan> | |
| <tspan x="0" y="2em">how many collective</tspan> | |
| <tspan x="0" y="3em">work hours</tspan> | |
| <tspan x="0" y="4em" fill="red">could be wasted</tspan> | |
| <tspan x="0" y="5em" fill="red">if I really built it</tspan> | |
| </bubble> | |
| </actor> | |
| </scene> | |
| <scene id="scene3" width="300" height="98" margin-y="3" frame="no"> | |
| <label t="translate(28,88)" pose="0,0|1,-9"> | |
| <tspan x="0" y="0em">~ comix markup</tspan> | |
| <tspan x="0" y="1em">~ can be mixed with HTML</tspan> | |
| <tspan x="0" y="2em">~ WYSIWYG editor</tspan> | |
| <tspan x="0" y="3em">~ open-source</tspan> | |
| <tspan x="0" y="4em">~ backed by </tspan><tspan fill="blue">gist.github.com</tspan> | |
| </label> | |
| <actor t="translate(192,29)" pose="69,-49|67,44|69,41|89,29|77,19|78,8|62,-3|59,-32|75,-9|88,-23|59,26|42,26|61,18|36,13"> | |
| </actor> | |
| </scene> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment