-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
378 lines (298 loc) · 18.5 KB
/
index.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
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
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
<!DOCTYPE html>
<html lang="en">
<head>
<title>Explore Saydnaya</title>
<link rel="apple-touch-icon" sizes="57x57" href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180"href="https://www.amnesty.org/cdn/images/favicons/apple-touch-icon-180x180.png" />
<link rel="icon" type="image/png"href="https://www.amnesty.org/cdn/images/favicons/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png"href="https://www.amnesty.org/cdn/images/favicons/android-chrome-192x192.png" sizes="192x192" />
<link rel="icon" type="image/png"href="https://www.amnesty.org/cdn/images/favicons/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png"href="https://www.amnesty.org/cdn/images/favicons/favicon-16x16.png" sizes="16x16" />
<link rel="manifest"href="https://www.amnesty.org/cdn/images/favicons/manifest.json" />
<link rel="shortcut icon" type="image/x-icon"href="https://www.amnesty.org/cdn/images/favicons/favicon.ico" />
<meta name="msapplication-TileColor" content="#ffff00" />
<meta name="msapplication-TileImage"content="/cdn/images/favicons/mstile-144x144.png" />
<meta name="msapplication-config"content="https://www.amnesty.org/cdn/images/favicons/browserconfig.xml" />
<meta name="theme-color" content="#ffffff" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta property="og:url" content="https://saydnaya.amnesty.org/" />
<meta property="og:title" content="Saydnaya, Inside a Syrian Torture Prison" />
<meta property="og:description" content="For the first time ever you can see inside Saydnaya, one of the world’s most terrifying prisons." />
<meta property="og:image" content="https://saydnaya.amnesty.org/assets/share-cover.jpg" />
<link rel="stylesheet" href="js/lib/videojs/video-js.css">
<link rel="stylesheet" href="css/app.css?v=001">
<script src="js/lib/videojs/video.min.js"></script>
<script src="//wurfl.io/wurfl.js"></script>
</head>
<body data-section="explore">
<script src="js/src/fb_sdk.js"></script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MH9W89"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MH9W89');</script>
<!-- End Google Tag Manager -->
<div id="content">
<!-- prison -->
<div id="layer-prison">
<div class="gl"></div>
<div class="labels"></div>
<div class="title">
<div>Saydnaya</div>
<div>صيدنايا</div>
<div>Inside a Syrian torture prison</div>
</div>
<div class="navigation">
<div class="menu-type">
<span data-type="location">Explore by location</span>
<span data-type="witness">Explore by witness</span>
</div>
<div class="container">
</div>
<div class="ar-watch-videos">
<div class="folder">شاهد مقاطع الفيديو</div>
</div>
</div>
</div>
<!-- 360 view -->
<div id="layer-360">
<div class="gl"></div>
<div class="labels"></div>
<!-- <div class="title-wrap"> -->
<div class="title btn-info"></div>
<!-- <div class="btn-info"></div> -->
<!-- </div> -->
<div class="title-arabic btn-info"></div>
<div class="btn-exit"></div>
<div class="box-info-wrap">
<div class="box-info">
<div class="btn-close"></div>
<span class="language-switch">العربية</span>
<div class="content-wrap">
<div class="content"></div>
</div>
</div>
</div>
<div class="spinner-wrap">
<div class="spinner"></div>
</div>
</div>
<!-- help popup -->
<div class="info-popup block">
<div class="box centered">
<div class="info-en">
<p>Click and Drag to move the camera.</p>
<p>Best experienced with headphones.</p>
</div>
<div class="info-ar">
<p>أنقر و اسحب لتحريك الكاميرا.</p>
<p>لجودة عالية استخدم سماعات الرأس.</p>
</div>
<div class="btn-close"></div>
</div>
</div>
</div>
<!-- video overlay -->
<div id="layer-video">
<div class="player"></div>
<div class="controls">
<div class="info">
<div class="title">
<span></span>
</div>
<div class="subtitle">
<span class="witness"></span>
<span class="location"></span>
</div>
</div>
<div class="info-arabic">
<div class="title">
<span></span>
</div>
<div class="subtitle">
<span class="witness"></span>
<span class="location"></span>
</div>
</div>
<div class="btn-next">
<div class="arrow"></div>
<div class="label">Guards shortening their sticks</div>
</div>
<div class="btn-prev">
<div class="arrow"></div>
<div class="label">No echo, cells full of people</div>
</div>
<div class="btn-exit"></div>
<div class="bottom-bar">
<div class="takeAction" data-action="cta">
<span>Take Action</span><span>بادر بالتحرك</span>
</div>
<div class="share-social">
<span class="label">share</span>
<span class="facebook"></span>
<a class="twitter"></a>
</div>
</div>
<div class="takeAction big" data-action="cta">
<span>Take Action</span><span>بادر بالتحرك</span>
</div>
</div>
<div class="spinner-wrap">
<div class="spinner"></div>
</div>
<div class="touch-overlay"></div>
</div>
<!-- intro -->
<div id="layer-intro">
<div class="gl"></div>
<div class="intro-logos">
<span class="ai"></span><span class="fa"></span>
</div>
<div id="introMessage" class="block">
<div class="centered">
<div class="intro-title hidden">
<span>Saydnaya</span><span>صيدنايا</span>
</div>
<div class="intro-subtitle hidden">
<span>Inside a Syrian Torture Prison</span>
</div>
<div class="intro-nextAction">
<div class="btn-go-intro">
<span>Intro</span>
<span>مدخل</span>
</div>
<div class="btn-go-explore">
<span>Explore</span>
<span>استكشف</span>
</div>
</div>
<div class="intro-language hidden">
<div class="en">Content in English and Arabic</div>
<div class="ar">المحتوى باللغتين العربية والإنجليزية</div>
</div>
<div class="intro-spinner">
<div class="spinner"></div>
</div>
</div>
</div>
<div class="video-container"></div>
<div class="btn-skip">
<span>Explore</span>
<span>استكشف</span>
</div>
</div>
<!-- top bar -->
<div id="header">
<div class="logos">
<a class="ai" href="https://www.amnesty.org/en/" target="_blank"></a><a class="fa" href="http://www.forensic-architecture.org/" target="_blank"></a>
</div>
<div class="takeAction" data-action="cta">
<span>Take Action</span>
<span>بادر بالتحرك</span>
</div>
<div class="mainNav-menu">
<a class="menuItem" data-target="about" href="en/about.html">
<span>About</span>
<span>اعرف أكثر </span>
</a>
<a class="menuItem active" data-target="explore">
<span>Explore</span>
<span>استكشف</span>
</a>
</div>
</div>
<!-- footer -->
<div id="footer-desktop" class="share-social">
<span class="label">share</span>
<span class="facebook"></span>
<a class="twitter"></a>
</div>
<!-- cta -->
<div class="block" id="cta-overlay">
<div class="wrap centered">
<span class="language-switch">العربية</span>
<div class="btn-close"></div>
<div class="column-left">
<div class="copy">
<h2>End the horror in Syrian prisons</h2>
<p class="strong">The Syrian government must let in independent monitors to investigate Syria’s brutal detention centres, now.</p>
<p>Since 2011, thousands of people have died in custody in Syria’s torture prisons. Tens of thousands more have experienced shocking torture. People have been brutally beaten, raped, given electric shocks and more, often to extract forced “confessions”. Anyone suspected of opposing the Syrian government is at risk. Conditions in these brutal detention centres are sub-human. People are dying from starvation. They’re not getting even the most basic health care, and are dying from infected cuts and ingrown fingernails. They suffer acute mental health problems because of the overcrowding and lack of sunlight.</p>
<p class="strong">Send the message below and tell Russia and the U.S. to use their global influence to ensure that independent monitors are allowed in to investigate conditions in Syria’s torture prisons.</p>
<p>Dear Co-chairs of the International Syria Support Group,</p>
<p>I am writing about the ongoing reports by human rights monitoring groups, in particular Amnesty International, that document the widespread use of torture and other ill-treatment and lethal conditions in Syrian detention facilities.</p>
<p>Since the beginning of the crisis in 2011 the Syrian authorities have subjected tens of thousands of people in Syria to arbitrary detention or enforced disappearance. Many of them have been subjected to torture or other ill-treatment in Syria’s detention centres and thousands are reported to have died in custody as a result.</p>
<p>These practices clearly violate international law as well as the provisions of UN Security Council resolution 2139 and in many cases constitute war crimes. Insofar as they are carried out as part of a widespread, as well as systematic attack directed against the civilian population, they also amount to crimes against humanity.</p>
<p>I therefore call on you to use your influence in the International Syria Support Group to urgently ensure that independent detention monitors are allowed to investigate conditions in all detention facilities run by the Syrian government or its security forces. They must also be allowed to speak freely to all people who have been deprived of their liberty.</p>
<p>I urge you also to use your influence to ensure that the Syrian authorities provide detailed information on all those who are held in their custody, and inform the families of those detained about their legal status and whereabouts.</p>
<p>Yours sincerely</p>
</div>
</div>
<div class="column-right">
<iframe class="iframe--action no-js-hide print-hidden" data-iframe="" data-iframe-src="https://join.amnesty.org/ea-action/action?ea.client.id=1924&ea.campaign.id=53597" frameborder="0" scrolling="no" src="https://join.amnesty.org/ea-action/action?ea.client.id=1924&ea.campaign.id=53597" id="iFrameResizer0" style="overflow: hidden; height: 690px;"></iframe>
</div>
</div>
<div class="wrap centered ar">
<div class="column-left">
<span class="language-switch">English</span>
<div class="btn-close"></div>
<div class="copy">
<h2>ضعوا حداً للرعب في سجون سوريا</h2>
<p class="strong">يجب على الحكومة السورية أن تسمح لمراقبين مستقلين بالتحقيق الآن في الفظاعات التي تشهدها مراكز الاعتقال.</p>
<p>منذ عام 2011، لقي آلاف من المعتقلين حتفهم في السجون السورية بسبب التعذيب، كما عانى عشرات الآلاف تعذيباً مروعاً. لقد تعرض المحتجزون إلى ضرب مبرح، واغتصاب، وصدمات كهربائية، والكثير من أنواع التعذيب؛ بهدف انتزاع "اعترافات" قسرية منهم. فكل شخص يُشتبه في أنه معارض للحكومة السورية، يكون عرضة للخطر.</p>
<p>الأوضاع الوحشية السائدة في مراكز الاحتجاز تفتقر إلى أبسط الشروط الإنسانية اللائقة. فالمحتجزون يتعرضون للموت بسبب الجوع، ولا يحصلون على الخدمات الصحية الأساسية. كما يموتون بسبب الالتهابات الناجمة عن الجراح التي يُصابون بها، وبسبب الأظافر الطويلة التي تنمو في أصابعهم. إنهم يعانون مشكلات صحية عقلية حادة بسبب الاكتظاظ ونقص التعرض لأشعة الشمس.</p>
<p class="strong">ابعثوا برسالة إلكترونية تحثوا فيها روسيا والولايات المتحدة على استخدام نفوذهما في العالم، وضمان السماح لمراقبين مستقلين بالتحقيق في طبيعة الأوضاع السائدة في السجون السورية، والتي يتعرض فيها المعتقلون إلى التعذيب.</p>
<p>السادة قادة المجموعة الدولية لدعم سوريا<br>تحية طيبة وبعد ...</p>
<p>أكتب إليكم استجابة للتقارير المتواترة التي تصدرها المنظمات المعنية بحقوق الإنسان بشأن أوضاع السجون والمعتقلات في سوريا، ولاسيما منظمة العفو الدولية، والتي تُوَّثق استخدام التعذيب على نطاق واسع وأنواع أخرى من سوء المعاملة والأوضاع السيئة التي تقود إلى موت المعتقلين.</p>
<p>منذ بدء الأزمة في عام 2011، تعرض عشرات الآلاف من السوريين إلى الاعتقال التعسفي والاختفاء القسري على يد السلطات. وذكرت التقارير بأن آلافاً من المعتقلين ماتوا خلال الاحتجاز نتيجة لذلك.</p>
<p>هذه الممارسات تنتهك بكل وضوح القانون الدولي، وبنود قرار مجلس الأمن التابع للأمم المتحدة رقم 2139. وفي عدة حالات، تشكل جرائم حرب. وترقى هذه الممارسات أيضاً إلى جرائم ضد الإنسانية بسبب اتساع نطاقها، واعتدائها الممنهج على السكان المدنيين.</p>
<p>ولهذا السبب، أدعوكم لاستخدام نفوذكم في المجموعة الدولية لدعم سوريا من أجل السماح لمراقبين مستقلين، بشكل عاجل، بالتحقيق في الأوضاع السائدة في مراكز الاعتقال التي تديرها الحكومة السورية أو أجهزتها الأمنية. ويجب أيضا أن يسمح لهم بالاتصال، بدون قيد أو شرط، بالمعتقلين الذين حُرموا من حرياتهم.</p>
<p>أحثكم أيضاً على استخدام نفوذكم لضمان تقديم السلطات السورية معلومات مفصلة بشأن جميع المعتقلين لديها، وإخبار عائلاتهم بخصوص أوضاعهم القانونية وأماكن احتجازهم.</p>
<p>وتفضلوا بقبول فائق الاحترام</p>
</div>
</div>
<div class="column-right">
<iframe class="iframe--action no-js-hide print-hidden" data-iframe="" data-iframe-src="https://join.amnesty.org/ea-action/action?ea.client.id=1924&ea.campaign.id=53701" frameborder="0" scrolling="no" src="https://join.amnesty.org/ea-action/action?ea.client.id=1924&ea.campaign.id=53701" id="iFrameResizer0" style="overflow: hidden; height: 690px;"></iframe>
</div>
</div>
</div>
<!-- Scripts -->
<script src="js/lib/jquery-3.0.0.min.js"></script>
<script src="js/lib/jquery.easing.1.3.js"></script>
<script src="js/lib/jquery.transit.min.js"></script>
<script src="js/lib/jquery.history.js"></script>
<script src="js/lib/threejs/three.min.js"></script>
<script src="js/lib/threejs/OrbitControls.js"></script>
<script src="js/lib/ion.sound.js"></script>
<script src="js/src/FA.js"></script>
<script src="js/src/Utils.js"></script>
<script src="js/src/Router.js"></script>
<script src="js/src/Data.js"></script>
<script src="js/src/Slider.js"></script>
<script src="js/src/InteractiveItem.js"></script>
<script src="js/src/stateExplore/LabelsView.js"></script>
<script src="js/src/stateExplore/BuildingView.js"></script>
<script src="js/src/stateExplore/MenuView.js"></script>
<script src="js/src/stateExplore/StateExplore.js"></script>
<script src="js/src/state360/View360.js"></script>
<script src="js/src/state360/State360.js"></script>
<script src="js/src/StatePreload.js"></script>
<script src="js/src/StateVideo.js?v=001"></script>
<script src="js/src/StateIdle.js"></script>
<script src="js/src/StateExploreMobile.js"></script>
<script src="js/src/BuildingSimple.js"></script>
<script src="js/src/App.js"></script>
<script src="js/src/action-form.js"></script>
<script src="js/src/responsive.js"></script>
<script src="js/src/share.js"></script>
</body>
</html>