Skip to content

Instantly share code, notes, and snippets.

@COTOHA
Last active December 13, 2015 18:19
Show Gist options
  • Save COTOHA/4954589 to your computer and use it in GitHub Desktop.
Save COTOHA/4954589 to your computer and use it in GitHub Desktop.
<!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">On Valentine's Day</tspan>
</label>
<actor t="translate(119,10) rotate(-2)" pose="-11,9|3,126|-11,99|-11,89|-11,79|-11,59|-15,31|-19,6|0,32|5,7|-30,93|-21,122|-6,79|-1,59">
<bubble t="translate(9,11)" pose="0,0|-26,2|-87,41|19,66|-21,145|-87,112">
<tspan x="0" y="-3em">What a weird feeling...</tspan>
<tspan x="0" y="0em">it's Valentine Day</tspan>
<tspan x="0" y="1em">and one should come up</tspan>
<tspan x="0" y="2em">with a present for a</tspan>
<tspan x="0" y="3em">significant one</tspan>
<tspan x="16" y="76px">pffff!</tspan>
</bubble>
</actor>
</scene>
<scene id="scene2">
<actor t="translate(50,14) rotate(-2)" pose="-11,9|52,111|43,99|43,89|17,101|19,62|-2,48|-1,14|31,37|67,16|24,109|2,108|57,86|72,66">
<bubble t="translate(18,-4)" pose="-10,9|-26,28|-90,111|-5,34|-87,195|-109,167">
<tspan x="0" y="-2em">Right!</tspan>
<tspan x="0" y="0em">i can just pose</tspan>
<tspan x="0" y="1em">like a half of a heart</tspan>
<tspan x="0" y="2em">and she can stay close</tspan>
<tspan x="0" y="3em">so we form a whole one! </tspan>
<tspan x="50" y="5em" fill="blue">NO! </tspan>
<tspan x="30" y="7em">That's way stupid</tspan>
</bubble>
</actor>
</scene>
<scene id="scene3">
<actor t="translate(157,12) rotate(2)" pose="-41,48|-10,105|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-11,70|-4,54|17,86|-4,110">
<bubble t="translate(49,-13)" pose="10,128|-72,20|-114,48|-124,98|-89,207|-155,198">
<tspan x="30" y="-1em">wait wait!</tspan>
<tspan x="0" y="0em">What if i'll just <tspan fill="blue">think</tspan></tspan>
<tspan x="0" y="1em">the way i do all the time:</tspan>
<tspan x="10" y="3em" fill="red">she's <tspan x="60">cute</tspan></tspan>
<tspan x="0" y="4em" fill="red">curliest <tspan x="65">beauty </tspan></tspan>
<tspan x="0" y="5em" fill="red">Sauerkrautty</tspan>
<tspan x="15" y="6em" fill="red">Sausaggie</tspan>
<tspan x="35" y="7em" fill="red">mrrr</tspan>
<tspan x="50" y="8em" fill="red">m</tspan>
<tspan x="40" y="10em">Nah!</tspan>
<tspan x="25" y="11em">No way she'll notice</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4">
<actor t="translate(78,20) rotate(2)" pose="-41,48|-3,107|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-22,80|-4,65|23,95|8,78">
<bubble t="translate(49,-13)" pose="106,129|-30,35|41,59|-79,136|28,206|-59,199">
<tspan x="30" y="-1em">or!</tspan>
<tspan x="0" y="0em">or maybe i could make</tspan>
<tspan x="0" y="1em">a poem or smth</tspan>
<tspan x="0" y="3em" fill="red">in the morning</tspan>
<tspan x="0" y="4em" fill="red">in my bed</tspan>
<tspan x="0" y="5em" fill="red">we'll be finding</tspan>
<tspan x="0" y="6em" fill="red">crumbs of bread</tspan>
<tspan x="0" y="8em">wait. what?</tspan>
<tspan x="40" y="10em">what's going on?!?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene5">
<actor t="translate(78,20) rotate(2)" pose="-41,48|-1,103|25,74|25,64|67,84|66,44|43,39|48,14|82,19|62,-8|19,58|-14,55|55,88|60,71">
<bubble t="translate(49,-13)" pose="106,129|-27,23|10,76|-103,125|4,195|-59,199">
<tspan x="20" y="0em">it tickles!</tspan>
<tspan x="20" y="1em">a lot!!!</tspan>
<tspan x="0" y="3em">it goes from neck</tspan>
<tspan x="0" y="4em">to back and further</tspan>
<tspan x="0" y="5em">and arms! arms too!</tspan>
<tspan x="0" y="7em">oh my! i just need</tspan>
<tspan x="0" y="8em">to scratch my back</tspan>
<tspan x="25" y="10em">huh?!?</tspan>
</bubble>
</actor>
</scene>
<scene id="scene6">
<actor t="translate(126,19) rotate(2)" pose="-41,48|-1,106|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-17,72|-30,80|22,77|35,83">
<bubble t="translate(49,-13)" pose="36,127|-69,33|-106,116|-17,102|-52,196|-129,197">
<tspan x="70" y="-1em">Oh!</tspan>
<tspan x="60" y="0em">it's ok</tspan>
<tspan x="10" y="2em">i just forgot</tspan>
<tspan x="0" y="3em">that i always...</tspan>
<tspan x="0" y="6em" fill="red">have goosebumbs</tspan>
<tspan x="20" y="7em" fill="red">when i think</tspan>
<tspan x="30" y="8em" fill="red">of you,</tspan>
<tspan x="35" y="9em" fill="red">Curly</tspan>
</bubble>
</actor>
</scene>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment