Skip to content

Instantly share code, notes, and snippets.

@calvinzeng94

calvinzeng94/index.html

Last active August 29, 2015 14:09
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 calvinzeng94/2b1f59eec8315b815173 to your computer and use it in GitHub Desktop.
Save calvinzeng94/2b1f59eec8315b815173 to your computer and use it in GitHub Desktop.
Download ZIP
Comic Response 3
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">
<label t="translate(0,346)">
<tspan x="0" y="0em">A day at Puxton Park</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|19,82">
<bubble t="translate(9,11) rotate(1)" pose="2,0|-18,10|-27,29|-10,-13|-46,77|-71,109">
<tspan x="0" y="0em">i have a ticket</tspan>
<tspan x="0" y="1em">for a day of</tspan>
<tspan x="0" y="2em">birdwatching at</tspan>
<tspan x="0" y="3em">Puxton Park</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="-48,-13|-15,20|-37,65|-12,32|-40,59|-83,80">
<tspan x="0" y="0em">Great!</tspan>
<tspan x="0" y="1em">Do you have your</tspan>
<tspan x="0" y="2em">children with you?</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(-7,-33) rotate(1)" pose="2,29|-5,54|-39,139|-4,106|-35,211|-56,191">
<tspan x="0" y="-2em">Children?
<tspan x="0" y="0em">My kids are at home</tspan>
<tspan x="0" y="1em">It's my day out!'</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(27,8)" pose="-34,-18|-27,15|-20,48|-97,12|-86,44|-128,95">
<tspan x="0" y="1em">im sorry, but</tspan>
<tspan x="0" y="2em">only parents with</tspan>
<tspan x="0" y="3em">their children</tspan>
<tspan x="0" y="4em">are allowed</tspan>
<tspan x="0" y="5em">in the park</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(71,19) rotate(-2)" pose="-11,9|-7,116|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-33,104|-49,132|-6,79|13,83">
<bubble t="translate(-6,-24) rotate(1)" pose="2,29|-7,44|-41,129|-4,106|-35,211|-56,191">
<tspan x="0" y="-2em">Are you serious?
<tspan x="0" y="0em">why do i need my kids</tspan>
<tspan x="0" y="1em">to go in the park?</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(27,8)" pose="-58,2|-34,14|-27,47|-121,32|-110,64|-152,115">
<tspan x="0" y="1em">Our research has</tspan>
<tspan x="0" y="2em">shown that single</tspan>
<tspan x="0" y="3em">men in this area</tspan>
<tspan x="0" y="4em">tend to be pedophiles</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4">
<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|-7,116|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|14,96|-6,79|13,83">
<bubble t="translate(-6,-10) rotate(1)" pose="2,29|-7,44|-41,129|19,106|-35,211|-56,191">
<tspan x="0" y="-1em">im a grandfather,</tspan>
<tspan x="0" y="0em">a father of three children</tspan>
<tspan x="0" y="2em">i visited this park a</tspan>
<tspan x="0" y="3em">week ago with my family</tspan>
<tspan x="0" y="5em">and you're telling me</tspan>
<tspan x="0" y="6em">that i can't visit myself!?'</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(27,8)" pose="30,-51|-30,15|-23,48|-60,15|-49,47|-64,62">
<tspan x="0" y="1em">Yes</tspan>
</bubble>
</actor>
</scene>
<scene id="scene5">
<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|-7,116|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-21,52|-6,79|13,83">
<bubble t="translate(-19,37) rotate(2)" pose="-1,29|6,16|0,39|10,-5|11,-17|-35,32">
<tspan x="0" y="-1em">will you at least</tspan>
<tspan x="0" y="0em">refund my ticket?</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(27,8)" pose="30,-51|-30,15|-23,48|-60,15|-49,47|-64,62">
<tspan x="0" y="1em">no</tspan>
</bubble>
</actor>
</scene>
<scene id="scene6" height="230">
<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|-7,116|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-21,52|-6,79|2,49">
</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>
</scene>
<scene id="scene4" width="300" height="98" margin-y="3" frame="no">
<label t="translate(38,87)" pose="-30,-1|-29,-10">
<tspan x="0" y="0em">by calvin zeng</tspan>
<tspan x="0" y="1em">source: Western Gazette</tspan>
<tspan x="0" y="2em">November 08, 2014</tspan>
<tspan x="0" y="3em">Single adults banned from park</tspan>
<tspan x="0" y="4em">in case they are a pedophile</tspan>
</label>
<actor t="translate(192,29)" pose="104,-51|100,51|104,39|124,27|112,17|113,6|97,-5|94,-34|110,-11|123,-25|94,24|73,24|96,16|71,11">
</actor>
</scene>
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment