Skip to content

Instantly share code, notes, and snippets.

@grepdisc

grepdisc/index.html

Last active January 17, 2018 08:39
Show Gist options
  • Save grepdisc/0fad4dc9b940d6187d6d41b35daf727f to your computer and use it in GitHub Desktop.
Save grepdisc/0fad4dc9b940d6187d6d41b35daf727f to your computer and use it in GitHub Desktop.
Download ZIP
Comic for Justice
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"></script>
<body>
<scene width="500" id="scene1">
<label t="translate(0,346)">
<tspan x="0" y="0em">Bell Hooks</tspan>
</label>
<actor t="translate(131,49)" 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 pose="0,0|59,0|107,33|19,43|13,63|-64,102" t="translate(-37,7)">
<tspan x="0" y="-1em">The closest most folks can</tspan>
<tspan x="0" y="-0em">come to talking about <tspan fill="purple">class</tspan></tspan>
<tspan x="0" y="1em">in this nation is to</tspan>
<tspan x="0" y="2em">talk about <tspan fill="purple">money.</tspan></tspan>
</bubble>
</actor>
<actor t="translate(259,25)" 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">
<bubble t="translate(-2,-9)" pose="0,0|-22,16|-44,61|37,13|18,57|-35,93">
<tspan x="0" y="0em">now the message is</tspan>
<tspan x="0" y="1em">that <tspan fill="purple">survival belongs</tspan></tspan>
<tspan x="0" y="2em">only to the greedy.</tspan>
</bubble>
</actor>
</scene>
<scene width="500" id="scene2">
<label t="translate(0,346)">
<tspan x="0" y="0em">Rev. Martin Luther King Jr.</tspan>
</label>
<actor t="translate(131,49)" 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 pose="0,0|59,0|107,33|19,43|13,63|-64,102" t="translate(-37,7)">
<tspan x="20" y="-3em">I had hoped that the white moderate would</tspan>
<tspan x="20" y="-2em">understand that law and order exist</tspan>
<tspan x="20" y="-1em" fill="purple">for the purpose of establishing justice </tspan>
<tspan x="20" y="0em">and that when they fail in this purpose</tspan>
<tspan x="20" y="1em">they become the dangerously structured dams</tspan>
<tspan x="20" y="2em">that block the flow of social progress.</tspan>
</bubble>
</actor>
<actor t="translate(259,25)" 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">
<bubble t="translate(-2,-9)" pose="0,0|-22,16|-44,61|37,13|18,57|-35,93">
<tspan x="-20" y="1em">We merely bring to the surface</tspan>
<tspan x="-20" y="2em">the hidden tension</tspan>
<tspan x="-20" y="3em">that is already <tspan fill="purple">alive.</tspan></tspan>
</bubble>
</actor>
</scene>
<scene width="500" id="scene3">
<label t="translate(0,346)">
<tspan x="0" y="0em">Ivone Gebara</tspan>
</label>
<actor t="translate(131,49)" 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 pose="0,0|59,0|107,33|27,73|21,93|-64,102" t="translate(-37,7)">
<tspan x="20" y="-3em">All we have to do is get to know</tspan>
<tspan x="20" y="-2em">our <tspan fill="purple">own neighborhood</tspan> better </tspan>
<tspan x="20" y="-1em">in order to understand </tspan>
<tspan x="20" y="0em">how to <tspan fill="purple">behave</tspan> in it.</tspan>
</bubble>
</actor>
<actor t="translate(259,25)" 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">
<bubble t="translate(-2,-9)" pose="0,0|-22,16|-44,61|32,14|13,58|-35,93">
<tspan x="-40" y="-3em">A vibrant solidarity</tspan>
<tspan x="-40" y="-2em">begins to make itself felt:</tspan>
<tspan x="-40" y="-1em">a <tspan fill="purple">solidarity among</tspan> the</tspan>
<tspan x="-40" y="0em">multiplicity of human groups</tspan>
<tspan x="-40" y="1em">with an eye to their own <tspan fill="purple">survival</tspan></tspan>
<tspan x="-40" y="2em">and the survival of</tspan>
<tspan x="-40" y="3em">our planet’s biodiversity.</tspan>
</bubble>
</actor>
<label t="translate(370,30)" pose="0,0|1,-9" frame="no">
<tspan x="0" y="0em">made with cmx.io</tspan>
</label>
</scene>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment