maxdavid · December 12, 2015 12:48
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"></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">One satanist 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 performed a ritual today</tspan>
          <tspan x="0" y="0em">my transformation</tspan>
          <tspan x="0" y="1em">into angelina jolie</tspan>
          <tspan x="0" y="2em">should almost</tspan>
          <tspan x="0" y="3em">be finished...</tspan>
          <tspan x="8" y="76px">here it comes!</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|-35,93">
          <tspan x="0" y="0em">you mean</tspan>
          <tspan x="0" y="1em">as easily as</tspan>
          <tspan x="0" y="2em">blogging!?</tspan>
        </bubble>
      </actor>
    </scene>
 
    <scene id="scene2" width="600">
      <drawing t="translate(0,31)">
        <line stroke="green">
          <point x="0" y="0"></point>
          <point x="600" y="60"></point>
        </line>
      </drawing>
      <actor t="translate(101,30)" pose="-11,9|336,157|297,145|286,155|220,264|44,109|8,82|35,-10|76,85|64,10|263,108|272,18|321,92|321,18">
        <bubble t="translate(-198,-44)" pose="-21,-3|-34,68|-94,146|21,91|-58,179|-82,148">
          <tspan x="0" y="-2em">%^37849yFfds
          <tspan x="0" y="0em">come with me, child</tspan>
          <tspan x="0" y="1em">i will make every</tspan>
          <tspan x="0" y="2em">dream come true</tspan>
          <tspan x="0" y="3em">on <tspan fill="blue">github</tspan></tspan>
        </tspan></bubble>
      </actor>
      <drawing t="translate(101,30)">
        <line stroke="black">
          <point x="120" y="0"></point>
          <point x="80" y="100"></point>
        </line>
        <line stroke="black">
          <point x="80" y="100"></point>
          <point x="130" y="165"></point>
        </line>
        <line stroke="black">
          <point x="130" y="165"></point>
          <point x="180" y="120"></point>
        </line>
        <line stroke="black">
          <point x="180" y="120"></point>
          <point x="170" y="20"></point>
        </line>
        
        <line stroke="black">
          <point x="190" y="10"></point>
          <point x="150" y="80"></point>
        </line>
        <line stroke="black">
          <point x="150" y="80"></point>
          <point x="200" y="190"></point>
        </line>
        <line stroke="black">
          <point x="200" y="190"></point>
          <point x="250" y="120"></point>
        </line>
        <line stroke="black">
          <point x="250" y="120"></point>
          <point x="240" y="20"></point>
        </line>
        
        <line stroke="black">
          <point x="310" y="145"></point>
          <point x="320" y="125"></point>
        </line>
        <line stroke="black">
          <point x="320" y="125"></point>
          <point x="340" y="125"></point>
        </line>
        <line stroke="black">
          <point x="330" y="145"></point>
          <point x="345" y="135"></point>
        </line>
        
        <line stroke="black">
          <point x="42" y="113"></point>
          <point x="20" y="145"></point>
        </line>
        
        <line stroke="red">
          <point x="315" y="151"></point>
          <point x="315" y="152"></point>
        </line>
        <line stroke="red">
          <point x="325" y="151"></point>
          <point x="325" y="152"></point>
        </line>
      </drawing>
      <actor t="translate(491,62)" 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|-94,113">
          <tspan x="0" y="1em">hmm, cool! that</tspan>
          <tspan x="0" y="2em">sounds like an easy</tspan>
          <tspan x="0" y="3em" fill="red">weekend project</tspan>
        </bubble>
      </actor>
    </scene>
 
  </div>
	<!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">One satanist 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 performed a ritual today</tspan>
	<tspan x="0" y="0em">my transformation</tspan>
	<tspan x="0" y="1em">into angelina jolie</tspan>
	<tspan x="0" y="2em">should almost</tspan>
	<tspan x="0" y="3em">be finished...</tspan>
	<tspan x="8" y="76px">here it comes!</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\|-35,93">
	<tspan x="0" y="0em">you mean</tspan>
	<tspan x="0" y="1em">as easily as</tspan>
	<tspan x="0" y="2em">blogging!?</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene2" width="600">
	<drawing t="translate(0,31)">
	<line stroke="green">
	<point x="0" y="0"></point>
	<point x="600" y="60"></point>
	</line>
	</drawing>
	<actor t="translate(101,30)" pose="-11,9\|336,157\|297,145\|286,155\|220,264\|44,109\|8,82\|35,-10\|76,85\|64,10\|263,108\|272,18\|321,92\|321,18">
	<bubble t="translate(-198,-44)" pose="-21,-3\|-34,68\|-94,146\|21,91\|-58,179\|-82,148">
	<tspan x="0" y="-2em">%^37849yFfds
	<tspan x="0" y="0em">come with me, child</tspan>
	<tspan x="0" y="1em">i will make every</tspan>
	<tspan x="0" y="2em">dream come true</tspan>
	<tspan x="0" y="3em">on <tspan fill="blue">github</tspan></tspan>
	</tspan></bubble>
	</actor>
	<drawing t="translate(101,30)">
	<line stroke="black">
	<point x="120" y="0"></point>
	<point x="80" y="100"></point>
	</line>
	<line stroke="black">
	<point x="80" y="100"></point>
	<point x="130" y="165"></point>
	</line>
	<line stroke="black">
	<point x="130" y="165"></point>
	<point x="180" y="120"></point>
	</line>
	<line stroke="black">
	<point x="180" y="120"></point>
	<point x="170" y="20"></point>
	</line>

	<line stroke="black">
	<point x="190" y="10"></point>
	<point x="150" y="80"></point>
	</line>
	<line stroke="black">
	<point x="150" y="80"></point>
	<point x="200" y="190"></point>
	</line>
	<line stroke="black">
	<point x="200" y="190"></point>
	<point x="250" y="120"></point>
	</line>
	<line stroke="black">
	<point x="250" y="120"></point>
	<point x="240" y="20"></point>
	</line>

	<line stroke="black">
	<point x="310" y="145"></point>
	<point x="320" y="125"></point>
	</line>
	<line stroke="black">
	<point x="320" y="125"></point>
	<point x="340" y="125"></point>
	</line>
	<line stroke="black">
	<point x="330" y="145"></point>
	<point x="345" y="135"></point>
	</line>

	<line stroke="black">
	<point x="42" y="113"></point>
	<point x="20" y="145"></point>
	</line>

	<line stroke="red">
	<point x="315" y="151"></point>
	<point x="315" y="152"></point>
	</line>
	<line stroke="red">
	<point x="325" y="151"></point>
	<point x="325" y="152"></point>
	</line>
	</drawing>
	<actor t="translate(491,62)" 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\|-94,113">
	<tspan x="0" y="1em">hmm, cool! that</tspan>
	<tspan x="0" y="2em">sounds like an easy</tspan>
	<tspan x="0" y="3em" fill="red">weekend project</tspan>
	</bubble>
	</actor>
	</scene>

	</div>