notyoyoma · February 23, 2017 18:46
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" width="200">
      <drawing t="translate(0,31)">
        <line stroke="green">
          <point x="0" y="0"></point>
          <point x="200" y="16"></point>
        </line>
      </drawing>
      <actor t="translate(102,10) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-30,93|-58,87|13,88|24,110">
        <bubble t="translate(9,11)" pose="0,0|12,6|27,31|-21,55|-9,68|-103,62">
          <tspan x="0" y="-3em">Anyone who believes</tspan>
          <tspan x="0" y="-2em"><tspan fill="#f442ee">[thing]</tspan> is <tspan fill="#00ce18">[value]</tspan> must be</tspan>
          <tspan x="0" y="-0.75em"><tspan style="font-size:18px;">IGNORANT</tspan> or <tspan style="font-size:18px;">EVIL</tspan></tspan>
        </bubble>
      </actor>
    </scene>

    <scene id="scene2" width="350">
      <drawing t="translate(0,31)">
        <line stroke="green">
          <point x="0" y="0"></point>
          <point x="350" y="28"></point>
        </line>
      </drawing>
      <actor t="translate(39,4) rotate(3)" pose="14,9|19,121|14,99|14,89|13,81|13,61|8,36|3,11|18,36|23,11|9,75|5,58|27,74|32,97">
        <bubble t="translate(5,11) rotate(-3)" pose="0,0|13,9|74,79|-17,116|38,158|-45,72">
          <tspan x="0" y="-7em">Umm... I actually believe that...</tspan>
          <tspan x="0" y="-3em">Well... I've thought about</tspan>
          <tspan x="0" y="-2em">this a lot, am very informed</tspan>
          <tspan x="0" y="-1em">on the topic, and believe</tspan>
          <tspan x="0" y="-0em">that <tspan fill="#f442ee">[thing]</tspan> is <tspan fill="#00ce18">[value]</tspan></tspan>
          <tspan x="0" y="1em">very strongly and sincerely.</tspan>
        </bubble>
      </actor>
      <actor t="translate(251,25) rotate(-2)" pose="-11,9|-26,123|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,73|-35,84|-1,79|-6,61">
        <bubble t="translate(9,11)" pose="3,-1|-3,9|-26,49|48,74|12,104|-14,77">
          <tspan x="0" y="-3em">Maybe you're</tspan>
          <tspan x="0" y="-2em">just <tspan style="font-style:italic;">ignorant?</tspan></tspan>
          <tspan x="0" y="5em">so basically...</tspan>
        </bubble>
      </actor>
    </scene>
    
    <scene id="scene3">
      <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(60,5) rotate(3)" pose="14,9|19,121|14,99|14,89|13,81|13,61|8,36|3,11|18,36|23,11|9,75|5,58|27,74|44,93">
        <bubble t="translate(5,11) rotate(-5)" pose="-21,-6|3,4|24,20|-48,33|-33,61|-66,66">
          <tspan x="0" y="0em">I'm satan?</tspan>
        </bubble>
      </actor>
      <actor t="translate(180,19) rotate(-2)" pose="-11,9|-26,123|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-25,78|-48,76|-1,79|-6,61">
        <bubble t="translate(9,11)" pose="3,-1|-15,-1|-22,8|-4,19|-15,23|-31,16">
          <tspan x="0" y="-1em">Yep</tspan>
        </bubble>
      </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" width="200">
	<drawing t="translate(0,31)">
	<line stroke="green">
	<point x="0" y="0"></point>
	<point x="200" y="16"></point>
	</line>
	</drawing>
	<actor t="translate(102,10) rotate(-2)" pose="-11,9\|-5,117\|-11,99\|-11,89\|-11,79\|-11,59\|-16,34\|-21,9\|-6,34\|-1,9\|-30,93\|-58,87\|13,88\|24,110">
	<bubble t="translate(9,11)" pose="0,0\|12,6\|27,31\|-21,55\|-9,68\|-103,62">
	<tspan x="0" y="-3em">Anyone who believes</tspan>
	<tspan x="0" y="-2em"><tspan fill="#f442ee">[thing]</tspan> is <tspan fill="#00ce18">[value]</tspan> must be</tspan>
	<tspan x="0" y="-0.75em"><tspan style="font-size:18px;">IGNORANT</tspan> or <tspan style="font-size:18px;">EVIL</tspan></tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene2" width="350">
	<drawing t="translate(0,31)">
	<line stroke="green">
	<point x="0" y="0"></point>
	<point x="350" y="28"></point>
	</line>
	</drawing>
	<actor t="translate(39,4) rotate(3)" pose="14,9\|19,121\|14,99\|14,89\|13,81\|13,61\|8,36\|3,11\|18,36\|23,11\|9,75\|5,58\|27,74\|32,97">
	<bubble t="translate(5,11) rotate(-3)" pose="0,0\|13,9\|74,79\|-17,116\|38,158\|-45,72">
	<tspan x="0" y="-7em">Umm... I actually believe that...</tspan>
	<tspan x="0" y="-3em">Well... I've thought about</tspan>
	<tspan x="0" y="-2em">this a lot, am very informed</tspan>
	<tspan x="0" y="-1em">on the topic, and believe</tspan>
	<tspan x="0" y="-0em">that <tspan fill="#f442ee">[thing]</tspan> is <tspan fill="#00ce18">[value]</tspan></tspan>
	<tspan x="0" y="1em">very strongly and sincerely.</tspan>
	</bubble>
	</actor>
	<actor t="translate(251,25) rotate(-2)" pose="-11,9\|-26,123\|-11,99\|-11,89\|-11,79\|-11,59\|-16,34\|-21,9\|-6,34\|-1,9\|-18,73\|-35,84\|-1,79\|-6,61">
	<bubble t="translate(9,11)" pose="3,-1\|-3,9\|-26,49\|48,74\|12,104\|-14,77">
	<tspan x="0" y="-3em">Maybe you're</tspan>
	<tspan x="0" y="-2em">just <tspan style="font-style:italic;">ignorant?</tspan></tspan>
	<tspan x="0" y="5em">so basically...</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene3">
	<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(60,5) rotate(3)" pose="14,9\|19,121\|14,99\|14,89\|13,81\|13,61\|8,36\|3,11\|18,36\|23,11\|9,75\|5,58\|27,74\|44,93">
	<bubble t="translate(5,11) rotate(-5)" pose="-21,-6\|3,4\|24,20\|-48,33\|-33,61\|-66,66">
	<tspan x="0" y="0em">I'm satan?</tspan>
	</bubble>
	</actor>
	<actor t="translate(180,19) rotate(-2)" pose="-11,9\|-26,123\|-11,99\|-11,89\|-11,79\|-11,59\|-16,34\|-21,9\|-6,34\|-1,9\|-25,78\|-48,76\|-1,79\|-6,61">
	<bubble t="translate(9,11)" pose="3,-1\|-15,-1\|-22,8\|-4,19\|-15,23\|-31,16">
	<tspan x="0" y="-1em">Yep</tspan>
	</bubble>
	</actor>
	</scene>

	</div>
	</body>