Skip to content

Instantly share code, notes, and snippets.

@xkr47
Last active July 27, 2016 15:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xkr47/23b9b888397d23bac140fad9d744ec16 to your computer and use it in GitHub Desktop.
Save xkr47/23b9b888397d23bac140fad9d744ec16 to your computer and use it in GitHub Desktop.
Comix strip: PWI
<!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">Just a regular wednesday</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) rotate(1)" pose="0,0|-20,10|-81,49|19,66|-21,145|-57,110">
<tspan x="0" y="-3em">Greetings from the bus</tspan>
<tspan x="4" y="0em">people</tspan>
<tspan x="0" y="1em">look at me</tspan>
<tspan x="0" y="2em">strangely</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">
</actor>
<drawing t="translate(90,25)">
<line>
<point x="0" y="0"></point>
<point x="30" y="0"></point>
<point x="30" y="60"></point>
<point x="0" y="60"></point>
<point x="0" y="0"></point>
</line>
<line>
<point x="6" y="35"></point>
<point x="24" y="35"></point>
<point x="24" y="45"></point>
<point x="6" y="45"></point>
<point x="6" y="35"></point>
</line>
<line>
<point x="-4" y="55"></point>
<point x="-4" y="38"></point>
</line>
<line>
<point x="-8" y="50"></point>
<point x="-8" y="43"></point>
</line>
<line>
<point x="34" y="55"></point>
<point x="34" y="38"></point>
</line>
<line>
<point x="38" y="50"></point>
<point x="38" y="43"></point>
</line>
<line>
<point x="30" y="0"></point>
<point x="42" y="0"></point>
<point x="42" y="20"></point>
<point x="30" y="25"></point>
</line>
<line>
<point x="8" y="5"></point>
<point x="8" y="20"></point>
</line>
<line>
<point x="15" y="5"></point>
<point x="15" y="20"></point>
</line>
<line>
<point x="22" y="5"></point>
<point x="22" y="20"></point>
</line>
</drawing>
<bubble pose="0,0|9,127|-23,160|-31,143|-47,139|-37,113" t="rotate(-50)">
<tspan x="0" y="-3em">Woosh</tspan>
</bubble>
</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 pose="0,0|-7,46|-38,111|8,81|-20,123|-58,162">
<tspan x="0" y="0em">as if they</tspan>
<tspan x="0" y="1em">hadn't seen</tspan>
<tspan x="0" y="2em">a PWI before</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">
</actor>
<drawing t="translate(90,25)">
<line>
<point x="0" y="0"></point>
<point x="30" y="0"></point>
<point x="30" y="60"></point>
<point x="0" y="60"></point>
<point x="0" y="0"></point>
</line>
<line>
<point x="6" y="35"></point>
<point x="24" y="35"></point>
<point x="24" y="45"></point>
<point x="6" y="45"></point>
<point x="6" y="35"></point>
</line>
<line>
<point x="-4" y="55"></point>
<point x="-4" y="38"></point>
</line>
<line>
<point x="-8" y="50"></point>
<point x="-8" y="43"></point>
</line>
<line>
<point x="34" y="55"></point>
<point x="34" y="38"></point>
</line>
<line>
<point x="38" y="50"></point>
<point x="38" y="43"></point>
</line>
<line>
<point x="30" y="0"></point>
<point x="42" y="0"></point>
<point x="42" y="20"></point>
<point x="30" y="25"></point>
</line>
<line>
<point x="8" y="5"></point>
<point x="8" y="20"></point>
</line>
<line>
<point x="15" y="5"></point>
<point x="15" y="20"></point>
</line>
<line>
<point x="22" y="5"></point>
<point x="22" y="20"></point>
</line>
</drawing>
<bubble pose="0,0|9,127|-23,160|-31,143|-47,139|-37,113" t="rotate(-50)">
<tspan x="0" y="-3em">Woosh</tspan>
</bubble>
</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(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|9,57">
<bubble pose="0,0|-7,46|-20,63|8,81|-20,123|-58,162">
<tspan x="4" y="0em">it must be</tspan>
<tspan x="10" y="1em">my hair</tspan>
<tspan x="0" y="2em">or something</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|13,85|19,113|41,75|41,55">
<bubble pose="0,0|6,52|23,83|17,99|-1,126|-19,140">
<tspan x="0" y="0em">:)</tspan>
</bubble>
</actor>
<drawing t="translate(90,25)">
<line>
<point x="0" y="0"></point>
<point x="30" y="0"></point>
<point x="30" y="60"></point>
<point x="0" y="60"></point>
<point x="0" y="0"></point>
</line>
<line>
<point x="6" y="35"></point>
<point x="24" y="35"></point>
<point x="24" y="45"></point>
<point x="6" y="45"></point>
<point x="6" y="35"></point>
</line>
<line>
<point x="-4" y="55"></point>
<point x="-4" y="38"></point>
</line>
<line>
<point x="-8" y="50"></point>
<point x="-8" y="43"></point>
</line>
<line>
<point x="34" y="55"></point>
<point x="34" y="38"></point>
</line>
<line>
<point x="38" y="50"></point>
<point x="38" y="43"></point>
</line>
<line>
<point x="30" y="0"></point>
<point x="42" y="0"></point>
<point x="42" y="20"></point>
<point x="30" y="25"></point>
</line>
<line>
<point x="8" y="5"></point>
<point x="8" y="20"></point>
</line>
<line>
<point x="15" y="5"></point>
<point x="15" y="20"></point>
</line>
<line>
<point x="22" y="5"></point>
<point x="22" y="20"></point>
</line>
</drawing>
<bubble pose="0,0|9,127|-23,160|-31,143|-47,139|-37,113" t="rotate(-50)">
<tspan x="0" y="-3em">Woosh</tspan>
</bubble>
</scene>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment