Skip to content

Instantly share code, notes, and snippets.

@jwestgard

jwestgard/index.html

Last active August 29, 2015 13:57
Show Gist options
  • Save jwestgard/9510353 to your computer and use it in GitHub Desktop.
Save jwestgard/9510353 to your computer and use it in GitHub Desktop.
Download ZIP
A cmx.io comic
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>
<body>
<scene id="scene1">
<label t="translate(0,346)">
<tspan x="0" y="0em">One day on the internet...</tspan>
</label>
<drawing t="translate(-1,3)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="300"></point>
</line>
</drawing>
<actor t="translate(55,105)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-33,81|-19,113|-6,79|31,81">
<bubble pose="0,0|24,0|67,-3|84,33|45,76|19,92">
<tspan x="0" y="0em">I wish I could</tspan>
<tspan x="0" y="1em">participate</tspan>
<tspan x="0" y="2em">in this website</tspan>
<tspan x="0" y="3em">without sharing</tspan>
<tspan x="0" y="4em">my location.</tspan>
</bubble>
</actor>
<actor t="translate(175,10)" pose="-11,9|-15,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-33,81|-52,107|-6,79|3,102">
<bubble pose="0,0|24,0|45,-5|71,-7|45,76|-51,78">
<tspan x="0" y="0em">That's why</tspan>
<tspan x="0" y="1em">we built our</tspan>
<tspan x="0" y="2em">"fuzzify location"</tspan>
<tspan x="0" y="3em">tool.</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<drawing t="translate(-1,3)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="300"></point>
</line>
</drawing>
<actor t="translate(54,124)" pose="-11,9|-5,117|-11,99|-11,89|-12,81|-12,61|-17,36|-22,11|-7,36|-2,11|-32,93|-34,117|-6,79|39,98">
<bubble pose="0,0|24,-5|87,-8|55,23|76,48|9,91">
<tspan x="0" y="0em">I'd like to</tspan>
<tspan x="0" y="1em">participate in</tspan>
<tspan x="0" y="2em">photo sharing,</tspan>
<tspan x="0" y="3em">but not allow</tspan>
<tspan x="0" y="4em">chat and comments.</tspan>
</bubble>
</actor>
<actor t="translate(227,72)" pose="-11,9|-15,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-29,77|-62,69|9,67|-19,64">
<bubble pose="0,0|-22,-13|-82,-11|-125,-132|-89,-102|-161,-105">
<tspan x="0" y="0em">No problem.</tspan>
<tspan x="0" y="1em">You have the</tspan>
<tspan x="0" y="2em">power to choose</tspan>
<tspan x="0" y="3em">how much you participate,</tspan>
<tspan x="0" y="4em">by opting in or out</tspan>
<tspan x="0" y="5em">of individual features.</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3">
<drawing t="translate(-1,3)">
<line stroke="green">
<point x="0" y="0"></point>
<point x="250" y="300"></point>
</line>
</drawing>
<actor t="translate(51,121)" pose="-11,9|-5,117|-11,99|-11,89|-12,81|-12,61|-17,36|-22,11|-7,36|-2,11|-33,81|-30,116|-6,79|14,70">
<bubble pose="0,0|-20,10|-60,99|61,44|22,87|15,86">
<tspan x="0" y="0em">I want to leave</tspan>
<tspan x="0" y="1em">this site, but</tspan>
<tspan x="0" y="2em">I don't want my</tspan>
<tspan x="0" y="3em">contributions to</tspan>
<tspan x="0" y="4em">be lost.</tspan>
</bubble>
</actor>
<actor t="translate(151,12)" pose="-11,9|-15,117|-11,99|-11,89|-12,79|-13,58|-24,34|-32,10|-2,35|3,10|-30,75|-40,93|5,78|38,104">
<bubble pose="0,0|24,0|45,-5|71,-7|45,76|-54,104">
<tspan x="0" y="0em">Don't worry,</tspan>
<tspan x="0" y="1em">we've also decoupled</tspan>
<tspan x="0" y="2em">your personal data</tspan>
<tspan x="0" y="3em">from your scientific</tspan>
<tspan x="0" y="4em">contributions.</tspan>
</bubble>
</actor>
</scene>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment