Skip to content

Instantly share code, notes, and snippets.

@taylorjdawson

taylorjdawson/index.html

Last active April 18, 2019 19:38
Show Gist options
  • Save taylorjdawson/4f7b451dc534f7af9e1118b3e154adaf to your computer and use it in GitHub Desktop.
Save taylorjdawson/4f7b451dc534f7af9e1118b3e154adaf to your computer and use it in GitHub Desktop.
Download ZIP
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" charset="utf-8"></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">A casual conversation</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|-14,126|-11,99|-7,77|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-14,79|-18,59|-6,79|-1,59">
</actor>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|17,118|20,91|30,80|59,70|22,55|17,30|12,5|27,30|32,5|21,73|21,50|10,86|22,63">
<bubble t="translate(9,11) rotate(3)" pose="0,0|-45,13|-90,113|-8,105|-54,176|-87,134">
<tspan x="0" y="-3em">Guess what!</tspan>
<tspan x="0" y="0em">We picked a </tspan>
<tspan x="0" y="1em">baby name!</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,4|30,112|28,94|28,84|28,74|28,54|24,31|24,1|33,29|38,4|22,70|19,51|40,79|36,58">
<bubble pose="0,0|-8,16|-59,87|-44,139|-89,174|-111,176">
<tspan x="0" y="0em">Yeah?</tspan>
<tspan x="0" y="4em">Oh that's fantastic!</tspan>
<tspan x="0" y="5em">I was curious about</tspan>
<tspan x="0" y="6em">it before but now</tspan>
<tspan x="0" y="7em">that you brought</tspan>
<tspan x="0" y="8em">it up my you've really</tspan>
<tspan x="0" y="9em">peaked my interest!</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|-14,126|-11,99|-7,77|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-14,79|-18,59|-6,79|-1,59">
</actor>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|17,118|20,91|30,80|59,70|22,55|17,30|12,5|27,30|32,5|21,73|21,50|10,86|22,63">
</actor>
<actor t="translate(159,15)" pose="28,1|16,107|20,89|20,79|28,71|28,51|18,31|18,1|33,26|38,1|1,83|-19,90|43,79|54,106">
<bubble pose="0,0|-9,20|-78,44|19,117|-89,174|-163,204">
<tspan x="0" y="0em">In fact I would love to hear</tspan>
<tspan x="0" y="1em">all about how you chose the</tspan>
<tspan x="0" y="2em">name - Maybe it was a deceased</tspan>
<tspan x="0" y="3em">relative who was very dear?</tspan>
<tspan x="0" y="6em">Or how about a bible name</tspan>
<tspan x="0" y="7em">from one of the greats</tspan>
<tspan x="0" y="8em">such as Jael-Baal, which is</tspan>
<tspan x="0" y="9em">unisex of course, that way</tspan>
<tspan x="0" y="10em">you can get the hewbrew</tspan>
<tspan x="0" y="11em">tattooed on your body!</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|-14,126|-11,99|-7,77|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-14,79|-18,59|-6,79|-1,59">
</actor>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|17,118|20,91|30,80|59,70|22,55|17,30|12,5|27,30|32,5|21,73|21,50|10,86|22,63">
<bubble t="translate(9,11) rotate(3)" pose="0,0|-17,0|-15,14|-35,10|-29,25|-90,117">
<tspan x="0" y="5em">Oh we are keeping</tspan>
<tspan x="0" y="6em">it a secret.</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|9,85|1,112|40,76|19,68">
<bubble pose="0,0|-14,24|49,65|-44,139|-89,174|-181,204">
<tspan x="0" y="0em">Oh boy, the susupense! I can</tspan>
<tspan x="0" y="1em">take it no longer. Please</tspan>
<tspan x="0" y="2em">do tell what baby name that </tspan>
<tspan x="0" y="3em">you have decided upon. I</tspan>
<tspan x="0" y="4em">mean that's why this</tspan>
<tspan x="0" y="5em">conversation was started</tspan>
<tspan x="0" y="6em">afterall to share in the joy</tspan>
<tspan x="0" y="7em">and excitement together!</tspan>
</bubble>
</actor>
</scene>
<scene id="scene4">
<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|-14,126|-11,99|-7,77|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-14,79|-18,59|-6,79|-1,59">
</actor>
<actor t="translate(71,19) rotate(-2)" pose="-11,9|17,118|20,91|30,80|59,70|22,55|17,30|12,5|27,30|32,5|21,73|21,50|10,86|22,63">
<bubble t="translate(9,12) rotate(3)" pose="0,0|-17,0|-53,70|40,65|-10,122|-80,117">
<tspan x="0" y="-1em">Sorry if that comes</tspan>
<tspan x="0" y="0em">as a disappointment to you</tspan>
</bubble>
</actor>
<actor t="translate(159,15)" pose="28,1|33,108|30,92|30,82|30,65|28,51|25,29|22,7|33,26|38,1|20,67|19,52|37,67|38,54">
<bubble pose="0,0|0,20|25,40|-25,40|0,70|-90,100">
<tspan x="0" y="2em">oh no not at all</tspan>
</bubble>
</actor>
</scene
</div></body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment