Skip to content

Instantly share code, notes, and snippets.

@finalcut

finalcut/index.html

Last active December 12, 2015 12:39
Show Gist options
  • Save finalcut/4773806 to your computer and use it in GitHub Desktop.
Save finalcut/4773806 to your computer and use it in GitHub Desktop.
Download ZIP
My attempt at an XKCD type comic - you can view the results at http://cmx.io/#4773806
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"></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">After football practice</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|30,12|-10,91|-73,109">
<tspan x="0" y="0em">Dude! you don't</tspan>
<tspan x="0" y="1em">have a penis!</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|-6,63|-19,17|-38,61|-70,104">
<tspan x="0" y="0em">Hrm. Well, this is</tspan>
<tspan x="0" y="1em">awkward..</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(-3,0)" pose="0,0|-12,22|-83,104|45,21|-37,182|-59,135">
<tspan x="0" y="-2em">Uh, Yeah...</tspan>
<tspan x="0" y="1em">I trusted you</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(-2,-9)" pose="0,0|7,33|15,46|-63,30|-52,62|-91,117">
<tspan x="0" y="1em">but..</tspan>
<tspan x="0" y="2em">we are a </tspan>
<tspan x="0" y="3em" fill="red">women's team</tspan>
</bubble>
</actor>
</scene>
</div>
@finalcut
Copy link
Author

finalcut commented Jul 3, 2013

this is a bit of code used with the cmx.io comix editor. You can see the result at: http://cmx.io/#4773806

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment