Last active
September 19, 2016 13:02
-
-
Save Culho/f478c6682969805f93d9b02c2681a69d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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">One lazy morning</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|-1,59"> | |
| <bubble t="translate(3,3)" pose="0,0|-20,10|-81,49|3,0|-37,79|-73,109"> | |
| <tspan x="-4" y="2em">!!! Say again</tspan> | |
| </bubble> | |
| </actor> | |
| <actor t="translate(121,17) rotate(-2)" pose="-11,9|-25,125|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-30,84|-6,79|-1,59"> | |
| <bubble t="translate(19,14)" pose="0,0|-20,10|-37,46|19,66|-21,145|-73,109"> | |
| <tspan x="0" y="-3em">I had an idea today</tspan> | |
| <tspan x="0" y="0em">anyone can</tspan> | |
| <tspan x="0" y="1em">call CUSTOMER SERVICE</tspan> | |
| <tspan x="20" y="76px">easily!</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|10,79|-14,76|44,84|60,109"> | |
| <bubble t="translate(-2,-9)" pose="0,0|-14,24|-36,69|27,28|8,72|-45,73"> | |
| <tspan x="0" y="0em">And get help?n</tspan> | |
| <tspan x="0" y="1em">No way!</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"> | |
| <bubble t="translate(-3,0)" pose="0,0|-12,22|-83,104|45,21|-37,182|-58,162"> | |
| <tspan x="0" y="-2em">Yes! | |
| <tspan x="0" y="0em">people would let </tspan> | |
| <tspan x="0" y="1em">our customer service bot</tspan> | |
| <tspan x="0" y="2em">to do the tedious</tspan> | |
| <tspan x="0" y="3em"><tspan fill="blue">Please press 1 for assistance </tspan></tspan> | |
| <tspan x="0" y="4em">and blah blah blecch</tspan> | |
| </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|18,51|38,72|38,52"> | |
| <bubble t="translate(-2,-9)" pose="0,0|7,33|14,66|-63,30|-52,62|-94,113"> | |
| <tspan x="0" y="1em">hmm, cool!</tspan> | |
| <tspan x="0" y="2em">so a shortcut to</tspan> | |
| <tspan x="0" y="3em" fill="red">Actual service</tspan> | |
| </bubble> | |
| </actor> | |
| </scene> | |
| <scene id="scene3" height="230"> | |
| <label t="translate(0,225)"> | |
| <tspan x="0" y="0em">A few days later</tspan> | |
| </label> | |
| <actor t="translate(209,4) 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(-2,-9)" pose="0,0|-13,24|-29,52|-86,-4|-99,79|-165,70"> | |
| <tspan x="0" y="-1em">hey! They have it</tspan> | |
| <tspan x="0" y="1em">I can ask them to deal with </tspan> | |
| <tspan x="0" y="2em">Customer Service for me</tspan> | |
| <tspan x="0" y="3em" fill="red">and they get </tspan> | |
| <tspan x="0" y="4em" fill="red">my reqyest done</tspan> | |
| <tspan x="0" y="5em" fill="red">while I'm not on hold'</tspan> | |
| </bubble> | |
| </actor> | |
| </scene> | |
| <scene id="scene4" width="300" height="98" margin-y="3" frame="no"> | |
| <label t="translate(28,88)" pose="0,0|1,-9"> | |
| <tspan x="0" y="0em">~ The Service bot</tspan> | |
| <tspan x="0" y="1em">~ Learns the cases</tspan> | |
| <tspan x="0" y="2em">~ and makes the call for</tspan> | |
| <tspan x="48" y="4em" fill="blue">~ YOU </tspan></tspan> | |
| </label> | |
| <actor t="translate(192,29)" pose="73,-56|69,46|73,34|93,22|81,12|82,1|66,-10|63,-39|79,-16|92,-30|63,19|42,19|65,11|40,6"> | |
| </actor> | |
| </scene> | |
| </div></body> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment