forked from BjornW/freebassel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
amnesty.html
239 lines (181 loc) · 6.51 KB
/
amnesty.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=1024, user-scalable=no">
<title>#FREEBASSEL</title>
<!-- Required stylesheet -->
<link rel="stylesheet" href="deck/core/deck.core.css">
<!-- Extension CSS files go here. Remove or add as needed. -->
<link rel="stylesheet" href="deck/extensions/goto/deck.goto.css">
<link rel="stylesheet" href="deck/extensions/menu/deck.menu.css">
<link rel="stylesheet" href="deck/extensions/navigation/deck.navigation.css">
<link rel="stylesheet" href="deck/extensions/status/deck.status.css">
<link rel="stylesheet" href="deck/extensions/hash/deck.hash.css">
<link rel="stylesheet" href="deck/extensions/scale/deck.scale.css">
<!-- Style theme. More available in /themes/style/ or create your own. -->
<link rel="stylesheet" href="deck/themes/style/neon.css">
<!-- Transition theme. More available in /themes/transition/ or create your own. -->
<link rel="stylesheet" href="deck/themes/transition/horizontal-slide.css">
<!-- Required Modernizr file -->
<script src="deck/modernizr.custom.js"></script>
</head>
<body class="deck-container">
<!-- Begin slides. Just make elements with a class of slide. -->
<section class="slide">
<h1>#FREEBASSEL</h1>
<h2>Amnesty Taiwan Syria Urgent Action</h2>
<h2>國際特赦組織台灣分會 敘利亞緊急行動</h2>
</section>
<section class="slide">
<h2>Syria: Songs of Defiance</h2>
<iframe width="853" height="480" src="http://www.youtube.com/embed/VnvPXspjLtU" frameborder="0" allowfullscreen></iframe>
<a href="http://www.youtube.com/watch?v=VnvPXspjLtU&feature=youtu.be&t=1m1s">Watch on Youtube</a>
</section>
<section class="slide">
<h1>Who is Bassel?</h1>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<h1><a href="http://www.flickr.com/photos/joi/4670781482/" title="Bassel by Joi, on Flickr"><img src="http://farm5.staticflickr.com/4018/4670781482_d072301ef0_z.jpg" width="640" height="426" alt="Bassel"></a></h1>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<ul>
<li class="slide">
<h3>Bassel was born in Damascus, Syria in 1981. His father is Palestinian.</h3>
<h3>Bassel 1981年出生於敘利亞大馬士革。他的父親是巴勒斯坦人。</h3>
<hr/>
</li>
<li class="slide">
<h3>Bassel learned computers from his uncle when he was young.</h3>
<h3>Bassel在很小年紀就開始跟叔叔學習電腦方面的知識。</h3>
</li>
</ul>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<ul>
<li class="slide">
<h3>Bassel taught himself a lot about programming, and later studied computer science at university.</h3>
<h3>Bassel 透過自學，學會了程式設計，並於大學時主修電腦科學。</h3>
<hr/>
</li>
</li>
<li class="slide">
<h3>Bassel worked as a computer professional in Syria. Using the Internet, he also volunteered for free software projects all over the world.</h3>
<h3>Bassel在敘利亞是一名專業的電腦工程師。透過網路，他也以志願者身分加入世界各地的自由軟體運動。</h3>
</li>
</ul>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<ul>
<li class="slide">
<h3>Bassel worked on an important, free culture site called Open Clip Art Library.</h3>
<h3>Bassel 長期為一個重要的自由軟體文化網站 Open Clip Art Library 工作。</h3>
<hr/>
</li>
</li>
<li class="slide">
<h3>In 2009, Bassel helped launch Creative Commons Syria.</h3>
<h3>2009年，Bassel 協助「敘利亞創用CC」組織的設立。 </h3>
</li>
</ul>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<ul>
<li class="slide">
<h3>Bassel was invited all over the world to give speeches and workshops.</h3>
<h3>Bassel 受邀到世界各地演講、舉辦工作坊。</h3>
<hr/>
</li>
</li>
<li class="slide">
<h3>When the revolution in Syria began, Bassel chose to stay there to help his family and friends.</h3>
<h3>在敘利亞展開革命行動之際，Bassel選擇留在家鄉，和家人、朋友一起奮戰。</h3>
</li>
</ul>
</section>
<section class="slide">
<h2>Who is Bassel?</h2>
<ul>
<li class="slide">
<h3>Today, we must help Free Bassel.</h3>
<h3>今天，我們必須加入救援Bassel的行動。</h3>
<hr/>
</li>
</ul>
</section>
<section class="slide">
<h2>Public Statements in Support of Bassel</h2>
<h2>支持Bassel救援行動的公開宣言</h2>
<ul>
<li class="slide">
<h3>Joichi Ito, Chairman of the Board, Creative Commons</h3>
<hr/>
</li>
<li class="slide">
<h3>Lawrence Lessig, Harvard Law School</h3>
</li>
</ul>
</section>
<section class="slide">
<h1>Let's Take Action</h1>
</section><
<section class="slide">
<h2>Let's Take Action</h2>
<ul>
<li class="slide">
<h3>Write Letters</h3>
</li>
<li class="slide">
<h3>Use the hashtags #freebassel #syria #humanrights</h3>
</li>
<li class="slide">
<h3>Get the picture <code>http://t.co/GCsvwn9W</code></h3>
</li>
</ul>
</section>
<!-- End slides. -->
<!-- Begin extension snippets. Add or remove as needed. -->
<!-- deck.navigation snippet -->
<a href="#" class="deck-prev-link" title="Previous">←</a>
<a href="#" class="deck-next-link" title="Next">→</a>
<!-- deck.status snippet -->
<p class="deck-status">
<span class="deck-status-current"></span>
/
<span class="deck-status-total"></span>
</p>
<!-- deck.goto snippet -->
<form action="." method="get" class="goto-form">
<label for="goto-slide">Go to slide:</label>
<input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
<datalist id="goto-datalist"></datalist>
<input type="submit" value="Go">
</form>
<!-- deck.hash snippet -->
<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
<!-- End extension snippets. -->
<!-- Required JS files. -->
<script src="deck/jquery-1.7.2.min.js"></script>
<script src="deck/core/deck.core.js"></script>
<!-- Extension JS files. Add or remove as needed. -->
<script src="deck/core/deck.core.js"></script>
<script src="deck/extensions/hash/deck.hash.js"></script>
<script src="deck/extensions/menu/deck.menu.js"></script>
<script src="deck/extensions/goto/deck.goto.js"></script>
<script src="deck/extensions/status/deck.status.js"></script>
<script src="deck/extensions/navigation/deck.navigation.js"></script>
<!--<script src="deck/extensions/scale/deck.scale.js"></script>-->
<!-- Initialize the deck. You can put this in an external file if desired. -->
<script>
$(function() {
$.deck('.slide');
});
</script>
</body>
</html>