Skip to content

Instantly share code, notes, and snippets.

@jamesnordlund
Created January 14, 2021 15:12
Show Gist options
  • Select an option

  • Save jamesnordlund/3a099eb5ed73f4dfd94494eef3ded648 to your computer and use it in GitHub Desktop.

Select an option

Save jamesnordlund/3a099eb5ed73f4dfd94494eef3ded648 to your computer and use it in GitHub Desktop.

Revisions

  1. James Nordlund created this gist Jan 14, 2021.
    49 changes: 49 additions & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,49 @@
    <!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="scene0">
    <drawing t="translate(0,31)">
    <line stroke="blue">
    <point x="0" y="0"></point>
    <point x="250" y="10"></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|-17,120|-58,162">
    <tspan x="0" y="0em">My new <tspan fill="blue">Tinder</tspan> profile</tspan>
    <tspan x="0" y="1em">is generating tons</tspan>
    <tspan x="0" y="2em">of matches</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,71|38,51">
    <bubble t="translate(-2,-9)" pose="0,0|7,33|14,66|-63,30|-52,62|-94,103">
    <tspan x="0" y="1em">hmm, cool! what</tspan>
    <tspan x="0" y="2em">did you change?</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene1">
    <drawing t="translate(0,31)">
    <line stroke="blue">
    <point x="0" y="0"></point>
    <point x="250" y="10"></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,0)" pose="0,0|28,3|42,26|66,28|53,103|13,76">
    <tspan x="0" y="-2em">My bio says:
    <tspan x="0" y="0em"><tspan fill="blue">Bitcoin</tspan> user</tspan>
    <tspan x="0" y="1em">since 2009</tspan>
    </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">
    </actor>
    </scene>

    </div></body>