Skip to content

Instantly share code, notes, and snippets.

@smutch

smutch/index.html

Created February 14, 2013 10:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save smutch/4951871 to your computer and use it in GitHub Desktop.
Save smutch/4951871 to your computer and use it in GitHub Desktop.
Download ZIP
Version control a la XKCD. (Made with the truly awesome Comix I/O)
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">Not so long ago,</tspan>
<tspan x="0" y="1em">in a galaxy close by...</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|16,89">
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-2em">Hey George</tspan>
<tspan x="0" y="0em">what's up?</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|19,100|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="-60,15|-7,31|-29,76|-29,52|-52,87|-95,108">
<tspan x="0" y="0em">I accidentily</tspan>
<tspan x="0" y="1em">deleted another</tspan>
<tspan x="0" y="2em">page of my</tspan>
<tspan x="0" y="3em">manuscript...</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|-5,119|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|2,59">
<bubble t="translate(2,17)" pose="0,0|-9,2|-73,100|30,42|-28,156|-58,162">
<tspan x="0" y="0em">Not this stupid</tspan>
<tspan x="0" y="1em">'sun battle' thing</tspan>
<tspan x="0" y="2em">again...</tspan>
<tspan x="0" y="7em">Oh well...</tspan>
<tspan x="0" y="8em">You had it all</tspan>
<tspan x="0" y="9em">under version</tspan>
<tspan x="0" y="10em">control right?</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|10,81|-6,98|38,71|38,51">
<bubble t="translate(-2,-9)" pose="27,32|6,31|13,64|-30,84|-19,116|-67,158">
<tspan x="0" y="1em">It's not stupid!</tspan>
<tspan x="0" y="2em">- your stupid!</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|1,107|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|4,81|17,111">
<bubble t="translate(-3,0)" pose="30,-77|4,21|-24,49|3,23|-26,52|-50,53">
<tspan x="1em" y="0em">Ugh...</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|6,82|38,71|54,81">
<bubble t="translate(-2,-9)" pose="-4,-1|3,32|10,65|-46,93|-35,125|-97,150">
<tspan x="0" y="1em">Version con-what?</tspan>
</bubble>
</actor>
</scene>
</div>
@TimoSolo
Copy link

TimoSolo commented Aug 5, 2014

The "your stupid" is intentional.. right???

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