jwestgard/index.html

## 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 at Big Research U ...</tspan>
    </label>

    <actor t="translate(56,9)" 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|0,24|-30,70|4,76|4,115|-31,185">
        <tspan x="0" y="0em">I've just registered</tspan>
        <tspan x="0" y="1em">for classes, and I'd</tspan>
        <tspan x="0" y="2em">like to request</tspan>
        <tspan x="0" y="3em">accessible course materials.</tspan>
        <tspan x="0" y="4em">Here's my schedule.</tspan>
      </bubble>
    </actor>

    <actor t="translate(196,9)" 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|-25,0|-42,15|-25,21|-41,34|-115,71">
        <tspan x="0" y="0em">Great! Thanks.</tspan>
        <tspan x="0" y="1em">We'll get to work</tspan>
        <tspan x="0" y="2em">preparing the assigned</tspan>
        <tspan x="0" y="3em">readings.</tspan>
      </bubble>
    </actor>

  </scene>

  <scene id="scene2">
    <label t="translate(0,346)">
      <tspan x="0" y="0em">Librarian on phone w/ vendor ...</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(52,97)" 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">We need you to supply</tspan>
        <tspan x="0" y="1em">accessible versions of</tspan>
        <tspan x="0" y="2em">your content</tspan>
        <tspan x="0" y="3em">for our users.</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|-183,-110">
        <tspan x="0" y="0em">OK, many of our</tspan>
        <tspan x="0" y="1em">customers are now</tspan>
        <tspan x="0" y="2em">requesting such materials</tspan>
        <tspan x="0" y="3em">so we’re working to</tspan>
        <tspan x="0" y="4em">provide what you need.</tspan>
      </bubble>
    </actor>
  </scene>

  <scene id="scene3">
  <label t="translate(0,346)">
      <tspan x="0" y="0em">Late one night in the dorm ...</tspan>
    </label>
      <actor t="translate(135,27) 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 pose="0,0|-8,17|-48,106|41,55|2,98|-90,167">
        <tspan x="0" y="0em">I’m so overworked!</tspan>
	<tspan x="0" y="1em">Luckily, I can log in</tspan>
	<tspan x="0" y="2em">to the libraries website</tspan>
	<tspan x="0" y="3em">to access audio versions</tspan>
	<tspan x="0" y="4em">of my readings.</tspan>

      </bubble>
    </actor>
  </scene>

  <scene id="scene3">
  <label t="translate(0,346)">
      <tspan x="0" y="0em">At the Adaptive Tech Lab ...</tspan>
    </label>
    <actor t="translate(66,10)" 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|-40,96|-35,114|-4,123|-26,179">
        <tspan x="0" y="0em">I need to use this</tspan>
	<tspan x="0" y="1em">database, but it</tspan>
	<tspan x="0" y="2em">doesn’t work with</tspan>
	<tspan x="0" y="3em">my screen reader.</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|-83,83">
        <tspan x="0" y="0em">That’s what we’re</tspan>
	<tspan x="0" y="1em">here for.  Let’s work</tspan>
	<tspan x="0" y="2em">together on it. I’ll help</tspan>
	<tspan x="0" y="3em">you find what you need.</tspan>
      </bubble>
    </actor>
  </scene>

 <scene id="scene5" height="180">
      <label t="translate(0,175)">
        <tspan x="0" y="0em">At graduation ...</tspan>
      </label>
      <actor t="translate(205,-5)" pose="-11,9|-15,118|-11,99|-11,89|-12,81|-12,61|-17,36|-23,11|-7,36|2,10|-45,78|-43,102|20,93|30,121">
        <bubble t="translate(-2,-9)" pose="0,0|-22,12|-38,40|-89,-49|-102,34|-165,55">
          <tspan x="0" y="1em">Yay! I got straight 'A's!</tspan>
        </bubble>
      </actor>
    </scene>

    <scene id="scene6" width="300" height="120" margin-y="3" frame="no">
      <label t="translate(28,88)" pose="4,-9|5,-18">
        <tspan x="0" y="0em">Takeaways: Accessibility ... </tspan>
        <tspan x="0" y="1em">~ should be baked in</tspan>
        <tspan x="0" y="2em">~ is everbody's job</tspan>
        <tspan x="0" y="3em">~ is user-centered</tspan>
        <tspan x="0" y="4em">~ uses various means</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>

</body>
	<!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 at Big Research U ...</tspan>
	</label>

	<actor t="translate(56,9)" 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\|0,24\|-30,70\|4,76\|4,115\|-31,185">
	<tspan x="0" y="0em">I've just registered</tspan>
	<tspan x="0" y="1em">for classes, and I'd</tspan>
	<tspan x="0" y="2em">like to request</tspan>
	<tspan x="0" y="3em">accessible course materials.</tspan>
	<tspan x="0" y="4em">Here's my schedule.</tspan>
	</bubble>
	</actor>

	<actor t="translate(196,9)" 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\|-25,0\|-42,15\|-25,21\|-41,34\|-115,71">
	<tspan x="0" y="0em">Great! Thanks.</tspan>
	<tspan x="0" y="1em">We'll get to work</tspan>
	<tspan x="0" y="2em">preparing the assigned</tspan>
	<tspan x="0" y="3em">readings.</tspan>
	</bubble>
	</actor>

	</scene>

	<scene id="scene2">
	<label t="translate(0,346)">
	<tspan x="0" y="0em">Librarian on phone w/ vendor ...</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(52,97)" 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">We need you to supply</tspan>
	<tspan x="0" y="1em">accessible versions of</tspan>
	<tspan x="0" y="2em">your content</tspan>
	<tspan x="0" y="3em">for our users.</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\|-183,-110">
	<tspan x="0" y="0em">OK, many of our</tspan>
	<tspan x="0" y="1em">customers are now</tspan>
	<tspan x="0" y="2em">requesting such materials</tspan>
	<tspan x="0" y="3em">so we’re working to</tspan>
	<tspan x="0" y="4em">provide what you need.</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene3">
	<label t="translate(0,346)">
	<tspan x="0" y="0em">Late one night in the dorm ...</tspan>
	</label>
	<actor t="translate(135,27) 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 pose="0,0\|-8,17\|-48,106\|41,55\|2,98\|-90,167">
	<tspan x="0" y="0em">I’m so overworked!</tspan>
	<tspan x="0" y="1em">Luckily, I can log in</tspan>
	<tspan x="0" y="2em">to the libraries website</tspan>
	<tspan x="0" y="3em">to access audio versions</tspan>
	<tspan x="0" y="4em">of my readings.</tspan>

	</bubble>
	</actor>
	</scene>

	<scene id="scene3">
	<label t="translate(0,346)">
	<tspan x="0" y="0em">At the Adaptive Tech Lab ...</tspan>
	</label>
	<actor t="translate(66,10)" 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\|-40,96\|-35,114\|-4,123\|-26,179">
	<tspan x="0" y="0em">I need to use this</tspan>
	<tspan x="0" y="1em">database, but it</tspan>
	<tspan x="0" y="2em">doesn’t work with</tspan>
	<tspan x="0" y="3em">my screen reader.</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\|-83,83">
	<tspan x="0" y="0em">That’s what we’re</tspan>
	<tspan x="0" y="1em">here for. Let’s work</tspan>
	<tspan x="0" y="2em">together on it. I’ll help</tspan>
	<tspan x="0" y="3em">you find what you need.</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene5" height="180">
	<label t="translate(0,175)">
	<tspan x="0" y="0em">At graduation ...</tspan>
	</label>
	<actor t="translate(205,-5)" pose="-11,9\|-15,118\|-11,99\|-11,89\|-12,81\|-12,61\|-17,36\|-23,11\|-7,36\|2,10\|-45,78\|-43,102\|20,93\|30,121">
	<bubble t="translate(-2,-9)" pose="0,0\|-22,12\|-38,40\|-89,-49\|-102,34\|-165,55">
	<tspan x="0" y="1em">Yay! I got straight 'A's!</tspan>
	</bubble>
	</actor>
	</scene>

	<scene id="scene6" width="300" height="120" margin-y="3" frame="no">
	<label t="translate(28,88)" pose="4,-9\|5,-18">
	<tspan x="0" y="0em">Takeaways: Accessibility ... </tspan>
	<tspan x="0" y="1em">~ should be baked in</tspan>
	<tspan x="0" y="2em">~ is everbody's job</tspan>
	<tspan x="0" y="3em">~ is user-centered</tspan>
	<tspan x="0" y="4em">~ uses various means</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>

	</body>