/
index.shtml
357 lines (341 loc) · 29.7 KB
/
index.shtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
<!doctype html>
<!--[if lt IE 9]><html class="ie"><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
<!--
The comment jumble above is handy for targeting old IE with CSS.
http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
-->
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>Beautiful Trouble: A toolbox for revolution | beautifultrouble.org</title>
<!-- OpenGraph properties -->
<meta name="description" content="Beautiful Trouble is a book and web toolbox that puts the accumulated wisdom of decades of creative protest into the hands of the next generation of change-makers." />
<meta property="og:title" content="Beautiful Trouble: A toolbox for revolution" />
<meta property="og:description" content="Beautiful Trouble is a book and web toolbox that puts the accumulated wisdom of decades of creative protest into the hands of the next generation of change-makers." />
<meta property="og:type" content="book" />
<meta property="og:url" content="http://beautifultrouble.org" />
<meta property="og:image" content="http://beautifultrouble.org/ui/img/h/Beautiful_Trouble_Book_Cover.png" />
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
<meta name="DC.title" lang="English" content="Beautiful Trouble: A toolbox for revolution" />
<meta name="DC.creator" content="Andrew Boyd" />
<meta name="DC.subject" lang="English" content="activism, creative activism, politics, art, protest, social change, capitalism, anarchism, demonstration, direct action, civil disobedience" />
<meta name="DC.description" lang="English" content="Beautiful Trouble is a book and web toolbox that puts the accumulated wisdom of decades of creative protest into the hands of the next generation of change-makers." />
<meta name="DC.publisher" content="OR Books" />
<meta name="DC.contributor" content="Rae Abileah, Ryan Acuff, Celia Alario, Phil Aroneanu, Peter Barnes, Jesse Barron, Andy Bichlbaum, Nadine Bloch, Kathryn Blume, L.M. Bogad, Josh Bolotsky, Mike Bonanno, Andrew Boyd, Kevin Buckland, Margaret Campbell, Doyle Canning, Coalition of Immokalee Workers, Samantha Corbin, Yutaka Dirks, Steve Duncombe, Mark Engler, Simon Enoch, Jodie Evans, John Ewing, Brian Fairbanks, Bryan Farrell, Janice Fine, Lisa Fithian, Cristian Fleming, Elisabeth Ginsberg, Stan Goff, Arun Gupta, Silas Harrebye, Judith Helfand, Daniel Hunter, Sarah Jaffe, John Jordan, Dmytri Kleiner, Sally Kohn, Steve Lambert, Anna Lee, Stephen Lerner, Zack Malitz, Nancy Mancias, Duncan Meisel, Matt Meyer, Dave Oswald Mitchell, Tracey Mitchell, George Monbiot, Brad Newsham, Gaby Pacheco, Mark Read, Patrick Reinsborough, Simon Roel, Joshua Kahn Russell, Leonidas Martin Saura, Levana Saxon, Nathan Schneider, Maxine Schoefer-Wulf, Kristen Ess Schurr, John Sellers, Rajni Shah, Brooke Singer, Matt Skomarovsky, Andrew Slack, Phillip Smith, Jonathan Matthew Smucker, Starhawk, Eric Stoner, Jeremy Varon, Virginia Vitzthum, Harsha Walia, Jefferey Webber" />
<meta name="DC.date" content="April 2012" />
<meta name="DC.type" scheme="DCTERMS.DCMIType" content="Text" />
<meta name="DC.format" content="text/html" />
<meta name="DC.format" content="80192 bytes" />
<meta name="DC.identifier" scheme="DCTERMS.URI" content="http://beautifultrouble.org" />
<meta name="DC.language" scheme="DCTERMS.URI" content="English" />
<!-- Please don't add "maximum-scale=1" here. It's bad for accessibility. -->
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- Feel free to split the CSS into separate files, if you like. -->
<link rel="stylesheet" href="stylesheets/GGS.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="javascripts/jquery.slideto.v1.1.js"></script>
<script src="javascripts/highslide-full.packed.js"></script>
<script src="javascripts/responsiveslides.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheets/highslide.css" />
<script>
var metas = document.getElementsByTagName('meta');
var i;
if (navigator.userAgent.match(/iPhone|iPad/i)) {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
}
}
document.addEventListener("gesturestart", gestureStart, false);
}
function gestureStart() {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
}
}
}
</script>
<!--
This script enables structural HTML5 elements in old IE.
http://code.google.com/p/html5shim/
-->
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript">
hs.graphicsDir = 'ui/img/highslide/';
hs.outlineType = 'rounded-white';
hs.showCredits = false;
hs.wrapperClassName = 'draggable-header';
hs.captionId = 'controlbar';
hs.width = '280';
</script>
<script>
if (! navigator.userAgent.match(/iPhone|iPad/i)) {
$(document).ready(function(){
$('a[href^=#]').slideto({
speed : 1500
});
});
};
</script>
<script>
$(function () {
$("#slides").responsiveSlides({
speed: 4000, //Integer: How long one image shows before fading to next, in milliseconds
fade: 1000, //Integer: Crossfade, in milliseconds
auto: true, //Boolean: Animate automatically? if 'false', pagination is created automatically
maxwidth: 900 //Integer: Max-width of the Slideshow + images, in pixels
});
});
</script>
</head>
<body lang="en">
<nav>
<ul>
<li><a href="#preorder">Pre-order</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contributors">Contributors</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#partners">Partners</a></li>
<li><a href="#faqs">FAQs</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<header>
<div class="wrapper">
<hgroup>
<h1>Beautiful Trouble</h1>
<h2>
A toolbox for revolution.
</h2>
</hgroup>
</div>
</header>
<section id="slideshow">
<div id="slides">
<img src="ui/img/h/CA_99-Bat-Signal_99_small-file.jpg" alt="" />
<!--<img src="ui/img/h/CA_Battle-in-Seattle_banner.jpg" alt="" />-->
<img src="ui/img/h/CA_Billionaires-for-Bush_best.jpg" alt="" />
<img src="ui/img/h/PR_Kill-them-With-Kindness_hug.jpg" alt="" />
<img src="ui/img/h/TA_Human-Murals_Ice-Man.jpg" alt="" />
<img src="ui/img/h/TA_Mass-Street-Action_Tahrir-Flag.jpg" alt="" />
<img src="ui/img/h/TH_Ethical-Spectacle_Boston-Flowerpower.jpg" alt="" />
<img src="ui/img/h/CA_Salt-March_Gandhi.jpg" alt="" />
</div>
</section>
<section id="project-summary">
<p><i>Beautiful Trouble</i> is a book and web toolbox that puts the accumulated wisdom of decades of creative protest into the hands of the next generation of change-makers.</p>
</section>
<br clear="all" />
<section id="callstoaction">
<section class="wrapper preorder">
<a id="preorder"></a>
<h3>Pre-order the book</h3>
<div class="book">
<p>
Yes, that's right, you can order <i>Beautiful Trouble</i> right now! Available exclusively from our publisher <a href="http://www.orbooks.com/catalog/beautiful-trouble/">OR Books</a>.</p>
<p>
<a class="img" href="http://orbooks.mybigcommerce.com/cart.php?action=add&product_id=264"><img src="http://orbooks.com/wp-content/themes/orbooks/media/image/add_button.gif" /></a> Paperback: $25<br />
<a class="img" href="http://orbooks.mybigcommerce.com/cart.php?action=add&product_id=265"><img src="http://orbooks.com/wp-content/themes/orbooks/media/image/add_button.gif" /></a> Ebook: $10<br />
<a class="img" href="http://orbooks.mybigcommerce.com/cart.php?action=add&product_id=266"><img src="http://orbooks.com/wp-content/themes/orbooks/media/image/add_button.gif" /></a> Both: $28
</p>
<p><i class="highlight">Not sure yet? <b><a href="http://docs.google.com/viewer?url=http%3A%2F%2Fbeautifultrouble.org%2Fbeautiful_trouble_module_example.pdf">Have a look inside the book</a>!</b></i></p>
</div>
</section>
<a id="subscribe"></a>
<section class="wrapper subscribe">
<a id="contact"></a><h3>Stay in touch</h3>
<div>
<p>
Give us your <label for="zykukt-zykukt">e-mail</label> and we'll give you surprises.
<br />
</p>
<form name="data" action="http://salsa.wiredforchange.com/save" method="POST">
<style>.memberSignup{display: none;}</style>
<div class="memberSignup">
<input name="first_name_1519" value="" />
</div>
<input type="hidden" name="redirect" value="http://beautifultrouble.org?success" />
<input type="hidden" name="table" value="supporter"/>
<input type="hidden" name="key" value="0" />
<input title="Email" type="text" id="f3" name="Email" class="blockInput salsa_email" value="" size="25" />
<input type="hidden" name="required" value="Email," />
<input type="hidden" name="key" value="0" />
<input type="hidden" name="required" value="Email," />
<input type="hidden" name="organization_KEY" value="1519" />
<input type="hidden" name="Receive_Email" value="3" />
<input type="hidden" name="email_trigger_KEYS" value="11565" />
<input type="hidden" name="link" value="groups" />
<input type="hidden" name="linkKey" value="59923" />
<input name="tag" value=":bt" type="hidden" value="true" />
<input type="submit" id="submitSignup" value="Submit" class="dia_submit" />
</form>
</div>
<p>(We promise not to sell your info!)</p>
<br />
<p><i>Beautiful Trouble</i> is also on <img src="ui/img/twitter-16x16.png" /> <a href="https://twitter.com/#!/BTroublemakers">Twitter</a> and <img src="ui/img/facebook-16x16.png" /> <a href="https://www.facebook.com/pages/Beautiful-Trouble/278895055458281">Facebook</a>.
<br /><br />
<p>For media inquiries, please contact <a href="http://www.google.com/recaptcha/mailhide/d?k=01IPtjaO5W7z7lx-_y7K3Y0w==&c=G8C6FrpmgB4aofiC3RQmyxEyRWtlIW7h30R4k7_D--w=">Fern Diaz</a> at <a href="http://orbooks.com">OR Books</a>. To reach the Beautiful Trouble team, <a href="http://www.google.com/recaptcha/mailhide/d?k=01IPtjaO5W7z7lx-_y7K3Y0w==&c=t3g6xt_rxoT8KYrbXmWETqerOTXVb6Rj-YsjMe8Bgq0=">drop us a line</a>.</p>
</section>
</section>
<br clear="all" />
<a id="news"></a>
<section id="latest-updates">
<article>
<h5>Latest News:</h5>
<!--#include virtual="feed2html.pl?feed_url=http%3A%2F%2Fblog.beautifultrouble.org%2F%3Ffeed%3Drss2&max=1&img=on" -->
</article>
</section>
<section id="contributors">
<h3>Contributors</h3>
Contributors include:
<!--#include virtual="/contributors.html" -->
</section>
<section id="team">
<h3>The Beautiful Trouble Team</h3>
<ul>
<li class="even"><img src="https://si0.twimg.com/profile_images/786593152/monk-salon_normal.jpg" />Andrew Boyd, Co-editor & Wrangler-in-Chief
<br />
<a href="https://twitter.com/#!/andrewboyd">@andrewboyd</a>
</li>
<li class="odd"><img src="https://si0.twimg.com/profile_images/1385899766/Photo_on_2011-05-17_at_11.08__2_normal.jpg" />Dave Oswald Mitchell, Co-editor
<br />
<a href="https://twitter.com/#!/daveomitchell">@daveomitchell</a>
</li>
<li class="even"><img src="https://si0.twimg.com/profile_images/1752429168/twitter_profile_pic_normal.jpg" />Zack Malitz, Master of logistics
<br />
<a href="https://twitter.com/#!/simply_sriracha">@Simply_Sriracha</a>
</li>
<li class="odd"><img src="https://si0.twimg.com/profile_images/1735406461/bbysitter_normal.jpg" />Margaret Campbell, Photo editor
<br />
<a href="https://twitter.com/#!/MargaretCampb10">@MargaretCampb10</a>
</li>
<li class="even"><img src="https://si0.twimg.com/profile_images/1578227803/pslogofortwitter_normal.jpg" />Cristian Flemming, Book designer
<br />
<a href="https://twitter.com/#!/publicsociety">@publicsociety</a>
</li>
<li class="odd"><img src="https://si0.twimg.com/profile_images/1228520413/phillip-500x500_normal.jpg" />Phillip Smith, Web maker & agitator
<br />
<a href="https://twitter.com/#!/phillipadsmith">@phillipadsmith</a>
</li>
<li class="even"><img src="ui/img/nadine-bloch.jpg" />Nadine Bloch, Consultant-in-Chief
<br clear="all" />
</li>
<li class="odd"><img src="ui/img/maxine-schoefer-wolf.jpg" />Maxine Schoefer-Wulf, Fellow traveler
<br clear="all" />
</li>
<li class="odd"><img src="ui/img/josh-kahn-russell.jpg" />Joshua Kahn Russell, Wordhorse
<br />
<a href="https://twitter.com/#!/joshkahnrussell">@joshkahnrussell</a>
</li>
</ul>
</section>
<section id="partners">
<h3>Partners</h3>
<ul>
<li class="partner">
<a href="http://agit-pop.com" title="Agit-Pop Communications is a one-stop creative shop for the progressive movement. We design smart real world actions and cutting edge new media for social change campaigns. We use sexy, engaging messaging with state-of-the-art tools to inspire people to take action. Our work has won a Webby, two Contagious Festivals and YouTube’s Best Political Video of the Year.">
<img class="thumbnail" src="ui/img/agit-logo.gif" alt="Agit-Pop logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://other98.com" title="The Other 98% was founded on the premise that our economy and democracy should work for everyday Americans, not the elite 2% of bankers, CEOs and lobbyists who’ve hijacked our democracy and rigged the system to serve themselves. It’s the middle class that’s too big to fail, and we’re using creative tactics—both online and in the streets—to, well, rally ourselves to our own cause. We are everywhere. And we are hopeful.">
<img class="thumbnail" src="ui/img/other-98-logo.gif" alt="The Other 98% logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://yeslab.org" title="At the moment, the Yes Lab is mainly a series of brainstorms and trainings to help activist groups carry out media-getting creative actions, focused on their own campaign goals. It's a way for social justice organizations to take advantage of all that we Yes Men have learned—not only about our own ways of doing things, but those we've come in contact with over the decade and a half we've been doing this sort of thing. The Yes Lab has offices and workshopping space at NYU's Hemispheric Institute in New York. yeslab.org">
<img class="thumbnail" src="ui/img/yeslab-logo.gif" alt="the Yes Lab logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://smartmeme.org" title="SmartMeme is a national strategy center that offers social justice networks and organizations the analysis, training and strategic support to win the battle of ideas with narrative strategies. SmartMeme re-imagines methods to achieve fundamental social change with effective story-based approaches to framing that amplify the impact of grassroots organizing and challenge the underlying assumptions that shape the status quo.">
<img class="thumbnail" src="ui/img/smartmeme-logo.gif" alt="SmartMeme logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://artisticactivism.org" title="The Center for Artistic Activism is the home for artists, activists and scholars to explore, discuss, reflect upon, and strengthen connections between social activism and artistic practice. We facilitate projects and strengthen networks. Our goal is to make more creative and more effective citizen activists.">
<img class="thumbnail" src="ui/img/caa-logo.gif" alt="The Center for Artistic Activism logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://beyondthechoir.org" title="Beyond the Choir is an online space for grassroots change agents — folks who are engaged in grassroots organizing, activism, advocacy, etc. — to share practical strategies, tactics and tools. It's also a place to dig into deeper social change theory — and to make it practical. There are lots of great websites that cover and critique the news. BeyondtheChoir.org is more about figuring out how we can organize ourselves and strategically intervene.">
<img class="thumbnail" src="ui/img/BTC-logo.gif" alt="Beyond the Choir logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://ruckus.org" title="The Ruckus Society has trained and assisted thousands of activists in the use of nonviolent direct action. We see ourselves as a toolbox of experience, training, and skills. We provide instruction on the application of tactical and strategic tools to a growing number of organizations and individuals from around the world via skill shares and trainings that are designed to move a campaign forward.">
<img class="thumbnail" src="ui/img/ruckus_logo.gif" alt="The Ruckus Society logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://wagingnonviolence.org" title="Waging Nonviolence is a source for news, analysis, and original reporting about nonviolent activism, as well as for discussion of the theory behind it. These stories often go overlooked by the mainstream media, yet people are using nonviolent strategies and tactics all around us in response to the most pressing challenges—and reshaping our world in the process.">
<img class="thumbnail" src="ui/img/WNVbanner.gif" alt="Waging Nonviolence logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://nonviolenceinternational.net" title="Nonviolence International researches and promotes nonviolent action and seeks to reduce the use of violence worldwide. They believe that every cultural and religious tradition can discover and employ culturally appropriate nonviolent methods for positive social change and international peace that can break the cycle of violence in favor of constructive rather than destructive outcomes.">
<img class="thumbnail" src="ui/img/nonviolence-international.gif" alt="Nonviolence International logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://www.codepink.org" title="CODEPINK is a women-initiated grassroots peace and social justice movement working to end U.S. funded wars and occupations, to challenge militarism globally, and to redirect our resources into health care, education, green jobs and other life-affirming activities.">
<img class="thumbnail" src="ui/img/CODEPINK_LOGO.gif" alt="Code Pink logo" border="0" />
</a>
</li>
<li class="partner">
<a href="http://trainersalliance.org/" title="The Alliance of Community Trainers offers knowledge, tools, and skills to individuals, organizations and communities to empower sustainable transformation. Whether it be community or organizational development, problem solving or conflict resolution, consensus decision-making, facilitation, strategic campaigns, media and public speaking, alternative technology, nonviolent action and environmental sustainability, we support people starting where they are, learning their vision of what they want.">
<img class="thumbnail" src="ui/img/AOCT-logo.gif" alt="The Alliance of Community Trainers logo" border="0" />
</a>
</li>
</ul>
</section>
<section id="supporters">
<h3>Supporters</h3>
<p>We are hugely grateful for the essential financial support provided by the Lambent Foundation Fund of the Tides Foundation, as well as the Communications, Energy and Paperworks Union of Canada and the 247 individuals who donated via Kickstarter. A special thanks to our Kickstarter 'co-publishers,' Jeff Reifman, Yvonne Tasker-Rothenberg, Chris Simpson and Larry Sakin.
</section>
<aside id="faqs">
<h3>Frequently Asked Questions</h3>
<article>
<h4>Why now?</h4>
<p>From the Arab Spring to the American Fall and beyond, a new global people's movement is being born. The impossible suddenly seems possible, and all around the world ordinary people are trying out new tools and tactics to win victories where they live. In the shadow of austerity and ecological crisis, the urgency of this political moment demands resources that will transform outrage into effective action. <i>Beautiful Trouble</i> is a toolbox for the next revolution.</p>
</article>
<article>
<h4>Who is it for?</h4>
<p><i>Beautiful Trouble</i> is both sophisticated enough for veteran activists and accessible enough for newbies. Both artists and activists will find it useful, as it showcases the synergies between artistic imagination and shrewd political strategy. <i>Beautiful Trouble</i> is for everyone who longs for a more beautiful, more just, more livable world – and wants to know how to get there.</p>
</article>
<article>
<h4>Is it a book or a website?</h4>
<p>Both! The project consists of short, interrelated modules – creative tactics, action design principles, case studies, and theoretical frameworks – that together comprise an accessible matrix of best practices and ideas in creative campaigning. The website will soon include the core content of the book as well as a growing array of additional modules, resources, profiles, debates and much more. With your help, the site will evolve in real time with new social movements and their latest tactical innovations.</p>
</article>
<article>
<h4>Can you say more about the book itself?</h4>
<p>The physical book will be 6" x 9" and about 450 pages long. It is <a href="http://www.orbooks.com/catalog/beautiful-trouble/">currently available from OR Books</a> and is shipping in May 2012. A full color e-book in a range of formats will soon follow. In the future, the book will also be available from Amazon and select booksellers.</p>
</article>
<article>
<h4>What makes it unique?</h4>
<p><i>Beautiful Trouble</i> not only presents cutting-edge content in an innovative modular structure, it was assembled in a unique collaborative and distributed manner. With many contributors from around the world participating, the entire project was assembled in the cloud, in an open, collaborative process. We also hosted four "book sprints" – weekend-long gatherings where we gathered face-to-face and locked ourselves in a room to write, write, write! <i>Beautiful Trouble’s</i> publisher is OR Books, a nimble, progressive, independent publisher with an innovative post-print business model.</p>
</article>
</aside>
<footer>
<div class="wrapper">
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Beautiful Trouble</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://beautifultrouble.org" property="cc:attributionName" rel="cc:attributionURL">Beautiful Trouble, various authors</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Permissions beyond the scope of this license may be available at <a xmlns:cc="http://creativecommons.org/ns#" href="http://beautifultrouble.org" rel="cc:morePermissions">http://beautifultrouble.org</a>.</p>
</div>
</footer>
<div id="controlbar" class="highslide-overlay controlbar">
<a href="#" onclick="return hs.previous(this)"
title="Previous (left arrow key)">
Previous</a>,
<a href="#" onclick="return hs.next(this)"
title="Next (right arrow key)">
Next</a>,
<a href="#" onclick="hs.close(this)">
Close</a>.
</div>
<!-- Test for GIT, will Delete this 2 -->
</body>
</html>