qgustavor · February 4, 2016 21:49
diff --git a/index.html b/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>
 <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">Fui baixar um anime</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">Me ajuda?</tspan>
          <tspan x="0" y="0em">Fui baixar um</tspan>
          <tspan x="0" y="1em">anime em um</tspan>
          <tspan x="0" y="2em">tracker de torrent</tspan>
          <tspan x="0" y="3em">e deu problema...</tspan>
          <tspan x="8" y="76px" fill="blue">Como ganho ratio?</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|-12,96">
          <tspan x="0" y="0em">O que</tspan>
          <tspan x="0" y="1em">houve?</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|-17,16|-48,21|-72,47|-48,146|-60,129">
          <tspan x="0" y="-2em">Sim
          <tspan x="0" y="-1em">mas é só isso</tspan>
          <tspan x="0" y="0em">que posso fazer?</tspan>
          <tspan x="0" y="6em" fill="blue">O que é seed?</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|-33,149|-22,181|-109,224">
          <tspan x="0" y="1em">Só deixar o torrent</tspan>
          <tspan x="0" y="2em">enviando, simples assim.</tspan>
          <tspan x="0" y="7em">Você pode baixar</tspan>
          <tspan x="0" y="8em">direto da fansub</tspan>
          <tspan x="0" y="9em">e entrar de seed</tspan>
          <tspan x="0" y="10em">direto.</tspan>
        </bubble>
      </actor>
    </scene>

    <scene id="scene3" height="230">
      <label t="translate(0,225)">
        <tspan x="0" y="0em">A few months 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|-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="-1em">hey! I've finally done it</tspan>
          <tspan x="0" y="1em">Now I just wonder</tspan>
          <tspan x="0" y="2em">how many collective</tspan>
          <tspan x="0" y="3em" fill="red">work hours</tspan>
          <tspan x="0" y="4em" fill="red">will be wasted</tspan>
          <tspan x="0" y="5em" 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|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="73,-56|69,46|73,34|93,22|81,12|82,1|66,-10|63,-39|79,-16|92,-30|63,19|42,19|65,11|40,6">
      </actor>
    </scene>

  </div></body>
	<!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>
	<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">Fui baixar um anime</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">Me ajuda?</tspan>
	<tspan x="0" y="0em">Fui baixar um</tspan>
	<tspan x="0" y="1em">anime em um</tspan>
	<tspan x="0" y="2em">tracker de torrent</tspan>
	<tspan x="0" y="3em">e deu problema...</tspan>
	<tspan x="8" y="76px" fill="blue">Como ganho ratio?</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\|-12,96">
	<tspan x="0" y="0em">O que</tspan>
	<tspan x="0" y="1em">houve?</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\|-17,16\|-48,21\|-72,47\|-48,146\|-60,129">
	<tspan x="0" y="-2em">Sim
	<tspan x="0" y="-1em">mas é só isso</tspan>
	<tspan x="0" y="0em">que posso fazer?</tspan>
	<tspan x="0" y="6em" fill="blue">O que é seed?</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\|-33,149\|-22,181\|-109,224">
	<tspan x="0" y="1em">Só deixar o torrent</tspan>
	<tspan x="0" y="2em">enviando, simples assim.</tspan>
	<tspan x="0" y="7em">Você pode baixar</tspan>
	<tspan x="0" y="8em">direto da fansub</tspan>
	<tspan x="0" y="9em">e entrar de seed</tspan>
	<tspan x="0" y="10em">direto.</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene3" height="230">
	<label t="translate(0,225)">
	<tspan x="0" y="0em">A few months 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\|-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="-1em">hey! I've finally done it</tspan>
	<tspan x="0" y="1em">Now I just wonder</tspan>
	<tspan x="0" y="2em">how many collective</tspan>
	<tspan x="0" y="3em" fill="red">work hours</tspan>
	<tspan x="0" y="4em" fill="red">will be wasted</tspan>
	<tspan x="0" y="5em" 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\|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="73,-56\|69,46\|73,34\|93,22\|81,12\|82,1\|66,-10\|63,-39\|79,-16\|92,-30\|63,19\|42,19\|65,11\|40,6">
	</actor>
	</scene>

	</div></body>