Skip to content

Instantly share code, notes, and snippets.

@durka
Forked from darwin/index.html
Created Mar 4, 2020
Embed
What would you like to do?
Welcome to comix!
<!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:1200px; -webkit-transform:rotate(0deg)">
<scene id="scene1">
<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">
<label t="translate(5,55) rotate(30)">
<tspan x="0" y="0em"></tspan>
</label>
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">I just installed this new</tspan>
<tspan x="0" y="-2em">end-to-end encrypted</tspan>
<tspan x="0" y="-1em">chat app! Check it out!</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">
<label t="translate(10,49) rotate(-40)">
<tspan x="0" y="0em"></tspan>
</label>
<bubble t="translate(-2,-9)" pose="0,0|-14,24|-36,69|27,28|8,72|-35,93">
<tspan x="-2em" y="0em">Sweet!</tspan>
<tspan x="-5em" y="1em">Let's exchange keys!</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">
<label t="translate(15,80) rotate(30)">
<tspan x="0" y="0em"></tspan>
<bubble t="rotate(-30) translate(-3,0)" pose="0,0|14,9|29,22|45,21|-37,182|-74,189">
<tspan x="0" y="0em">Haha! Nobody else</tspan>
<tspan x="0" y="1em">can see this!</tspan>
</bubble>
</label>
</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">
<label t="translate(10,49) rotate(-40)">
<tspan x="0" y="0em"></tspan>
<bubble t="rotate(40) translate(-3,0)" pose="0,0|-8,3|-85,19|-14,84|-10,119|-66,144">
<tspan x="1em" y="0em">...'cause it's</tspan>
<tspan x="1em" y="1em">encrypted!</tspan>
</bubble>
</label>
</actor>
</scene>
<scene id="beat">
<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">
<label t="translate(15,80) rotate(30)">
<tspan x="0" y="0em"></tspan>
</label>
</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">
<label t="translate(10,49) rotate(-40)">
<tspan x="0" y="0em"></tspan>
</label>
</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|-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">
<label t="translate(5,55) rotate(30)">
<tspan x="0" y="0em"></tspan>
</label>
<bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
<tspan x="0" y="-3em">Hey, remember that</tspan>
<tspan x="0" y="-2em">end-to-end encrypted</tspan>
<tspan x="0" y="-1em">chat app?</tspan>
<tspan x="0.1em" y="2.5em">FB chat it is...</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">
<label t="translate(10,49) rotate(-40)">
<tspan x="0" y="0em"></tspan>
</label>
<bubble t="translate(-2,-9)" pose="0,0|-14,24|-36,69|14,71|-5,115|-35,137">
<tspan x="-1em" y="0em">I forgot my </tspan>
<tspan x="-1em" y="1em">passphrase</tspan>
</bubble>
</actor>
</scene>
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment