yishenggudou · December 29, 2013 15:16
diff --git a/main.html b/main.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <link rel="stylesheet" href="/styles/cmx.css"/>
 <script src="/scripts/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>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<link rel="stylesheet" href="/styles/cmx.css"/>
	<script src="/scripts/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>