Skip to content

Instantly share code, notes, and snippets.

@notyoyoma

notyoyoma/index.html

Last active February 23, 2017 18:46
Show Gist options
  • Save notyoyoma/89f4b3cc900387b6fa6c5badf96c384c to your computer and use it in GitHub Desktop.
Save notyoyoma/89f4b3cc900387b6fa6c5badf96c384c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment