-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (139 loc) · 7.16 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<title>Kinaklub.org :: прэзентацыя</title>
<meta name="description" content="Kinaklub.org - нефармальная суполка кінаманаў, заснаваная на прынцыпах самаарганізацыі, дэцэнтралізацыі і некамерцыйнасці." />
<meta name="author" content="Stas Rudakou" />
<link href="css/presentation.css?v=2" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Ваш аглядач<b>не падтрымлівае неабходныя нам магчымасці</b>.</p>
<p>Раім адчыняць сайт у <b>Chrome</b>, <b>Chromium</b>, <b>Safari</b> ці <b>Firefox</b>.</p>
</div>
<div id="impress">
<div id="kinaklub" class="step" data-x="-1000" data-y="-1500" data-scale="4" data-rotate="270">
<h1>Kinaklub.org</h1>
<span>гэта...</h1>
</div>
<div id="community" class="step" data-x="-492" data-y="-4100" data-scale="1" data-rotate="270">
нефармальная суполка <strong>кінаманаў</strong>
</div>
<div id="cinema" class="step" data-x="-200" data-y="-4050">
<em>і мы любім кіно</em>
<ul>
<li>авангарднае</li>
<li>маргінальнае</li>
<li>некамерцыйнае</li>
<li>аматарскае</li>
</ul>
</div>
<div id="minsk" class="step" data-x="-900" data-y="-2200" data-scale="0.2" data-rotate="270" >
большасць нас з Мінску
<img src="img/minsk.gif" />
</div>
<div id="regions" class="step" data-x="-892" data-y="-2200" data-scale="0.002" data-rotate="270" >
але мы актыўна супрацоўнічаем з рэгіёнамі
<img src="img/regions.png" />
</div>
<div id="network" class="step" data-x="-891" data-y="-2200" data-scale="0.0001" data-rotate="270" >
і марым пра сапраўднае сеціва
<img src="img/network.png" />
</div>
<div id="abroad" class="step" data-x="-250" data-y="162">
культурны абмен з замежжам<br />
<em>Нямеччына, Украіна, Канада</em>
</div>
<div id="principles" class="step" data-x="-1160" data-y="162">
<h2>у нас ёсць<br />прынцыпы</h2>
</div>
<div id="principle-cinemania" class="step principle" data-x="-1550" data-y="50" data-scale="0.1" data-rotate="270">
<em class="principle-num">прынцып 1</em>
<h3>кінаманства</h3>
<em class="annotation">мы усе любім кіно і не можам без яго жыць</em>
</div>
<div id="principle-diy" class="step principle" data-x="-1500" data-y="50" data-scale="0.1" data-rotate="270">
<em class="principle-num">прынцып 2</em>
<h3>самаарганізацыя</h3>
<em class="annotation">існуем толькі дзякуючы ініцыятыўнасці ўдзельнікаў</em>
</div>
<div id="principle-open" class="step principle" data-x="-1450" data-y="50" data-scale="0.1" data-rotate="270">
<em class="principle-num">прынцып 3</em>
<h3>адчыненая культура</h3>
<em class="annotation">спрабуем рэалізаваць прынцып адчыненасці у любой сферы нашай дзейнасці</em>
</div>
<div id="principle-decentralisation" class="step principle" data-x="-1400" data-y="50" data-scale="0.1" data-rotate="270">
<em class="principle-num">прынцып 4</em>
<h3>дэцэнтралізацыя</h3>
<em class="annotation">у нас няма намінальных лідараў, але разам з тым існуе павага да зробленай працы</em>
</div>
<div id="principle-help" class="step principle" data-x="-1350" data-y="50" data-scale="0.1" data-rotate="270">
<em class="principle-num">прынцып 5</em>
<h3>некамерцыйнасць<br />і узаемадапамога</h3>
<em class="annotation">у сваёй дзейнасці мы спрабуем працаваць у альтэрнатыўнай да традыцыйных арганізацый рэальнасці</em>
</div>
<div id="projects" class="step" data-x="-1180" data-y="-3730" data-rotate="270" data-scale="0.2">
<h2>Самыя<br />ўдалыя<br />праэкты</h2>
</div>
<div id="project-screenings" class="step project" data-x="-1240" data-y="-3850" data-rotate="270" data-scale="0.04">
<div class="background">
<img src="photos/planetarium.jpg" class="stretch" alt="" />
</div>
<div class="glass">
<h3>рэгулярныя кіналекторыі</h3>
<ul>
<li>галерэя Шчамялёва (з 2007)</li>
<li>планетарый (2008-2009)</li>
<li>ДК La мора (з 2011)</li>
</ul>
<h3>адукацыйныя кінасемінары</h3>
<span>лета 2011</span>
</div>
</div>
<div id="project-cpm" class="step project" data-x="-1200" data-y="-3850" data-rotate="270" data-scale="0.04">
<div class="background">
<img src="photos/cpm.jpg" class="stretch" alt="" />
</div>
<h3><em>міжнародны кінафестываль</em><br /><strong>Cinema Perpetuum Mobile</strong></h3>
<a href="http://filmfest.by">filmfest.by</a>
</div>
<div id="project-tours" class="step project" data-x="-1160" data-y="-3850" data-rotate="270" data-scale="0.04">
<div class="background">
<img src="photos/chaos.jpg" class="stretch" alt="" />
</div>
<h3>туры замежных<br />фільммейкераў<br />па Беларусі</h3>
<ul>
<li>Filmgruppe Chaos <br /><em>Нямеччына - 2009, 2010</em></li>
<li>Pierre-Luc Vaillancourt <br /><em>Канада - 2012</em></li>
</ul>
</div>
<div id="project-film-coop" class="step project" data-x="-1120" data-y="-3850" data-rotate="270" data-scale="0.04">
<div class="background">
<img src="photos/kk.jpg" class="stretch" alt="" />
</div>
<h3>кінакааператыў</h3>
<a href="http://coop.kinaklub.org">coop.kinaklub.org</a>
</div>
<div id="email" class="step project" data-x="-1080" data-y="-3850" data-rotate="270" data-scale="0.04">
<div>
пакуль мы не зробім новы сайт, пішыце нам на<br />
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div id="overview" class="step" data-x="-1000" data-y="-1500" data-scale="5" data-rotate="270">
</div>
</div>
<div class="hint">
<p>Выкарыстоўвайце прабел ці стрэлкі, каб лістаць</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Можна датыкацца да бакоў экрана, каб лістаць</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>