Skip to content

Instantly share code, notes, and snippets.

@kalimalrazif
Forked from smutch/index.html
Last active May 16, 2016 21:37
Show Gist options
  • Save kalimalrazif/21c2d023ac8f43a15e9fafd975e1c9a1 to your computer and use it in GitHub Desktop.
Save kalimalrazif/21c2d023ac8f43a15e9fafd975e1c9a1 to your computer and use it in GitHub Desktop.
Version control a la XKCD. (Made with the truly awesome Comix I/O)
<!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">No hace mucho tiempo,</tspan>
<tspan x="0" y="1em">en una universidad cercana...</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">Epale Angel!</tspan>
<tspan x="0" y="0em">como esta la vaina?</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">Arrec...</tspan>
<tspan x="0" y="1em">anoche a las 3am</tspan>
<tspan x="0" y="2em">dañe el código</tspan>
<tspan x="0" y="3em">y ahora no corre...</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,-10)" pose="0,0|-9,2|-71,85|30,42|-28,156|-62,185">
<tspan x="0" y="0em">Coooooooooo</tspan>
<tspan x="0" y="1em">el proyecto final?</tspan>
<tspan x="0" y="2em">Segunda vez que te pasa!</tspan>
<tspan x="0" y="7em">Chamo...</tspan>
<tspan x="0" y="8em">Al menos esta vez</tspan>
<tspan x="0" y="9em">lo tenias en </tspan>
<tspan x="0" y="10em">git verdad?</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">Si, al final tenia</tspan>
<tspan x="0" y="2em">el código como</tspan>
<tspan x="0" y="3em">en mil archivos</tspan>
<tspan x="0" y="4em">y ninguno era!</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">Git que?</tspan>
</bubble>
</actor>
</scene>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment