-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
332 lines (320 loc) · 19.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="front.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ni-ccc: Creative Coding and Computational Art Course</title>
</head>
<body>
<header>
<h1>Creative Coding and Computational Art Course</h1>
<div>
<img src="logo/logo_nic.png" alt="Logo NI-CCC" />
<img src="logo/fit.svg" alt="Logo FIT CTU" />
</div>
</header>
<section class="tight">
<div id="introText">
<p>
NICCC is a course at FIT CTU in Prague that offers <strong>an open space</strong> for people from different fields -
<strong>a merge of IT, architecture, urbanism</strong>, or simply <strong>any research field</strong> or <strong>art of any format</strong>.
</p>
<p>
The goal is to <strong>connect students and mentors</strong> with various sets of knowledge, skills, and fields of interest and
<strong>support the creation of interdisciplinary projects</strong> - big screen visualization, physical installations, multimedial
projects.
</p>
</div>
</section>
<section>
<div id="projects">
<a class="project" href="projects/dalnice/">
<img src="projects/dalnice/dalnic.gif" alt="project image" />
<h2>DÁLNIC-E</h2>
<div class="authors">Filip Trokšiar, Valentýna Zítková, Markéta Kučerová</div>
<div class="desc" class="mentor">
Instalace projektované interaktivní dálnice na přehlídce mladého umění Pokoje 2023.
</div>
</a>
<a class="project" href="projects/veronika_krystof/">
<img src="projects/veronika_krystof/thesoundofextinction.png" alt="project image" />
<h2>The Sound of Extinction</h2>
<div class="authors">Veronika Kalousková, Kryštof Šuk</div>
<div class="desc">Interaktívna vizualizácia vymierania živočíšnych druhov.</div>
</a>
<a class="project" href="projects/pavel/">
<img src="projects/pavel/Pulse_detector.png" alt="project image" />
<h2>Pulse Detector</h2>
<div class="authors">Pavel Kříž</div>
<div class="desc">Detekování frekvence srdečního tepu pouze za využití webové kamery a vytvoření vizualizace na základě těchto dat.</div>
</a>
<a class="project" href="projects/imari/">
<h2>IMARI (Immersive Augmented Reality Instrument)</h2>
<div class="authors">Oliver Szöllösi, Martin Sach</div>
<div class="desc">Imerzívny hudobný nástroj v pirestoroch Centra architektúry a mestského plánovania (CAMP).</div>
</a>
<a class="project" href="projects/crime_map/">
<img src="projects/crime_map/mockup3.jpg" alt="project image" />
<h2>Crime Map</h2>
<div class="authors">Duong Tat Dat, Viktor Káčer</div>
<div class="desc">Vizualizace kriminality ve městě</div>
</a>
<a class="project" href="projects/martin_honza/">
<img src="projects/martin_honza/img2renoir.png" alt="project image" />
<h2>Img2Renoir</h2>
<div class="authors">Martin Zukal, Jan Suchara</div>
<div class="desc">Převod obrázku do stylu impresionistického malíře Augusta Renoira</div>
</a>
<a class="project" href="projects/we_are_architekt/">
<img src="projects/we_are_architekt/images/booklet1.png" alt="project image" />
<h2>VR Architekt</h2>
<div class="authors">Jan Šefčík, Čeněk Žid</div>
<div class="desc">Vizualizace architektonického návrhu ve VR.</div>
</a>
<a class="project" href="projects/music_wave/">
<img src="projects/music_wave/images/progress/02.png" alt="project image" />
<h2>Music Wave</h2>
<div class="authors">Radka Kolembusová</div>
<div class="desc">Tvorba hudby z obrazu.</div>
</a>
<a class="project" href="projects/old_media_visualization/">
<img src="https://www.pagetable.com/docs/visualize_1541/input64.gif" alt="project image" />
<h2>Old media visualization</h2>
<div class="authors">Vojtěch "sCZther" Straka, Sanqui</div>
<div class="desc">Vizualizace dat ze starých médií.</div>
</a>
<a class="project" href="projects/webcam_vae/">
<img src="projects/webcam_vae/img/zlin_vae_svetlo.png" alt="project image" />
<h2>Webcam VAE</h2>
<div class="authors">Jiří Šebele, Sanqui</div>
<div class="desc">Klasifikace a hrátky s daty z webkamer.</div>
</a>
<a class="project" href="projects/zvuky_mesta/">
<img src="projects/zvuky_mesta/zvukyPrahy2.jpg" alt="project image" />
<h2>Zvuky města</h2>
<div class="authors">Adam Benda, Radka Hošková</div>
<div class="desc">Zvukový model města založený na opendatech; procházka k poslechu.</div>
</a>
<a class="project" href="projects/vizualizace_covid/">
<img src="projects/vizualizace_covid/map_1.png" alt="project image" />
<h2>Vizualizace Covid</h2>
<div class="authors">Lukáš Brhlík, Ondřej Vaniš, Anna Moudrá</div>
<div class="desc" class="mentor">
Prototyp imersivního 3D prostředí na webu - vizualizace měnícícíh se proudů znázorňující směr intenzitu pohybu lidí v čase.
</div>
</a>
</div>
</section>
<section id="lecturesOrgan" class="tight">
<div id="lectures">
<h2>Lectures</h2>
<ul>
<li><span class="date">12.10.2020</span><a href="https://youtu.be/D52KOK1OIvA">Alžběta Gardoňová - CAMP</a></li>
<li><span class="date">19.10.2020</span><a href="https://youtu.be/3Cr37uxJ0aM">Dávid Sivý</a></li>
<li><span class="date">19.10.2020</span><a href="https://youtu.be/UDuV1-c1oMI">Zbyněk Kugler - GRID.CZ</a></li>
<li><span class="date">26.10.2020</span><a href="https://youtu.be/Xygx__7Yxko">Andrej Boleslavský</a></li>
<li><span class="date">2.11.2020</span><a href="https://youtu.be/zboN0eotqyY">Daniel Burda</a></li>
<li><span class="date">2.11.2020</span><a href="https://youtu.be/sjap5a7Uwzo">Andrej Boleslavský - VVVV</a></li>
<li><span class="date">9.11.2020</span><a href="https://youtu.be/V3i4yV97F70">Josef Kortan, Ondřej Průcha</a></li>
<li><span class="date">19.11.2020</span><a href="https://youtu.be/n8w9ljt2bIE">Ira Winder</a></li>
<li><span class="date">23.11.2020</span>Jan Kaňka and Adam Sporka</li>
<li><span class="date">30.11.2020</span>Jiří Zemánek, Jan Netušil</li>
<li><span class="date">30.11.2020</span><a href="https://youtu.be/CE63aj4N1kY">Jan Petýrek</a></li>
<li><span class="date">7.12.2020</span><a href="https://youtu.be/fOItD2RYxwM">Jakub Pollág, Miroslav Kukrál</a></li>
<li><span class="date">14.12.2020</span><a href="https://youtu.be/re6xwL7w37c">Benedikt Kotmel - Golemio</a></li>
<li><span class="date">15.3.2021</span><a href="https://youtu.be/re6xwL7w37c">Petr Adámek</a></li>
<li><span class="date">15.3.2021</span><a href="https://youtu.be/bK8pntSXzP0">Jiří Čtyroký - IPR Praha</a></li>
<li><span class="date">3.10.2022</span>Karel Smejkal - Inspireli</li>
<li><span class="date">17.10.2022</span>Jan Hrdlička - 3dsense</li>
<li><span class="date">31.10.2022</span>Patrik Veltruzský - Bastl Instruments</li>
<li><span class="date">31.10.2022</span>Dalibor Cee</li>
<li><span class="date">14.11.2022</span>David Sedláček</li>
<li><span class="date">28.11.2022</span>Jindřich Ráftl</li>
</ul>
</div>
<div id="organ">
<h2>Organization</h2>
<p>
NICCC is a course organised at FIT CTU in cooperation with <a href="#partners">other institutions and individuals</a> since 2020. Rules for
subject evaluation and other terms are to be found <a href="https://courses.fit.cvut.cz/NI-CCC">on the faculty course pages.</a> For more
info, contact us via mail.
</p>
<ul>
<li>Josef Kortan - <a href="mailto:[email protected]">mail</a></li>
<li>Radek Richtr - <a href="mailto:[email protected]">mail</a></li>
<li>Vojta Tomas - <a href="mailto:[email protected]">mail</a></li>
</ul>
<h2>Links</h2>
<ul>
<li><a href="tutorials">I want to change something / collaborate (czech)</a></li>
<li><a href="https://github.com/ni-ccc/ni-ccc.github.io">GitHub repo</a></li>
<li><a href="https://fit.cvut.cz">Faculty web pages</a></li>
<li><a href="https://courses.fit.cvut.cz/NI-CCC">Course pages (Courses)</a></li>
</ul>
<h2 id="partners">Partners</h2>
<div id="logos">
<a href="https://www.fit.cvut.cz/"><img src="./logo/fit.svg" alt="FIT" /></a>
<a href="https://www.iim.cz/cs/"><img src="./logo/cvut_iim.svg" alt="IIM" /></a>
<a href="https://www.fel.cvut.cz/"><img src="./logo/fel.svg" alt="FEE" /></a>
<a href="https://www.iprpraha.cz/"><img src="./logo/ipr_prague.png" alt="IPR" /></a>
<a href="https://www.fa.cvut.cz/"><img src="./logo/arch.svg" alt="FA" /></a>
<a href="http://praha.camp/"><img src="./logo/camp_prague.svg" alt="CAMP" /></a>
<a href="https://www.nm.cz"><img src="./logo/national_museum.png" alt="NM" /></a>
</div>
</div>
</section>
<section id="members" class="tight">
<h2>Members of Winter Semester 2023</h2>
<ul class="member-list">
<li class="member">
<a href="members/marta_dvorak/"><img class="avatar" src="members/marta_dvorak/profile.jpeg" />Martin Dvořák</a>
</li>
<li class="member">
<a href="members/xnomas/"><img class="avatar" src="members/member/avatar.png" />xnomas</a>
</li>
<li class="member">
<a href="members/mestaond/"><img class="avatar" src="members/mestaond/avatar.png" />Ondřej Měšťan</a>
</li>
<li class="member">
<a href="members/okuznetsov/"><img class="avatar" src="members/okuznetsov/avatar.jpg" />Oleh Kuznetsov</a>
</li>
<li class="member">
<a href="members/drobny_david/"><img class="avatar" src="members/drobny_david/avatar.png" />Dávid Drobný</a>
</li>
<li class="member">
<a href="members/slanidom/"><img class="avatar" src="members/slanidom/evil-evil-laugh.gif" />Dominika Slaninová</a>
</li>
<li class="member">
<a href="members/troksfil/"><img class="avatar" src="members/troksfil/ft.jpg" />Filip Trokšiar</a>
</li>
</ul>
<sup id="instructions"> Contributor tip: If you cannot see your icon after adding your profile, maybe you forgot to add the link here?</sup>
<h3>Members of Winter Semester 2022</h3>
<ul class="member-list">
<li class="member">
<a href="members/marek_trzaskalik/"><img class="avatar" src="members/member/avatar.png" />Marek Trzaskalik</a>
</li>
<li class="member">
<a href="members/zaihrkos/"><img class="avatar" src="members/zaihrkos/profile.jpg" />Kostiantyn Zaihraiev</a>
</li>
<li class="member">
<a href="members/misko/"><img class="avatar" src="members/misko/magicka.png" />Michal Štefaňák</a>
</li>
<li class="member">
<a href="members/breindan/"><img class="avatar" src="members/breindan/avatar.png" />Daniel Breiner</a>
</li>
<li class="member">
<a href="members/Rigocjak/"><img class="avatar" src="members/Rigocjak/ni-c.png" />Jakub Rigoci</a>
</li>
<li class="member">
<a href="members/kornihan/"><img class="avatar" src="members/member/avatar.png" />Hanna Korniushyna</a>
</li>
<li class="member">
<a href="members/belovdmi/"><img class="avatar" src="members/belovdmi/profile.jpg" />Dima Belov</a>
</li>
<li class="member">
<a href="members/strnalad/"><img class="avatar" src="members/strnalad/avatar.png" />Ladislav Strnad</a>
</li>
<li class="member">
<a href="members/hrytsana/"><img class="avatar" src="members/hrytsana/images/1.png" />Anastasiia Hrytsyna</a>
</li>
<li class="member">
<a href="members/matus_botek/"><img class="avatar" src="members/member/avatar.png" />Matúš Botek</a>
</li>
<li class="member">
<a href="members/moravvo/"><img class="avatar" src="members/moravvo/images/1.jpg" />Vojtěch Moravec</a>
</li>
<li class="member">
<a href="members/ondra_svejstil/"><img class="avatar" src="members/ondra_svejstil/feline.jpg" />Ondřej Švejstil</a>
</li>
<li class="member">
<a href="members/lukas_rajnoha/"><img class="avatar" src="members/lukas_rajnoha/avatar.png" />Lukas Rajnoha</a>
</li>
<li class="member">
<a href="members/tokarart/"><img class="avatar" src="members/tokarart/avatar.png" />Artem Tokarevskikh</a>
</li>
</ul>
<h3>Summer Semester 2022</h3>
<ul class="member-list">
<li class="member">
<a href="members/bara/"><img class="avatar" src="members/bara/avatar.png" />Bára Kyseľová</a>
</li>
<li class="member">
<a href="members/zmateneslunicko/"><img class="avatar" src="members/zmateneslunicko/avatar.png" />Martin Kubeša</a>
</li>
</ul>
<h3>Winter Semester 2021</h3>
<ul class="member-list">
<li class="member">
<a href="members/duongtat/"><img class="avatar" src="members/duongtat/avatar.jpg" />Duong Tat Dat</a>
</li>
<li class="member">
<a href="members/krystof_suk/"><img class="avatar" src="members/member/avatar.png" />Krystof Suk</a>
</li>
<li class="member">
<a href="members/Pavel_Kriz/"><img class="avatar" src="members/Pavel_Kriz/avatar.png" />Pavel Kriz</a>
</li>
<li class="member">
<a href="members/Oliver_Szollosi/"><img class="avatar" src="members/Oliver_Szollosi/ni-c.png" />Oliver Szöllösi</a>
</li>
<li class="member">
<a href="members/martin_sach/"><img class="avatar" src="members/member/avatar.png" />Martin Sach</a>
</li>
<li class="member">
<a href="members/kacervik/"><img class="avatar" src="members/kacervik/avatar.png" />Viktor Káčer</a>
</li>
<li class="member">
<a href="members/pihrtjir/"><img class="avatar" src="members/member/avatar.png" />Jirka Pihrt</a>
</li>
<li class="member">
<a href="members/veronika_kalouskova/"><img class="avatar" src="members/veronika_kalouskova/avatar.png" />Veronika Kalousková</a>
</li>
<li class="member">
<a href="members/jan_suchara/"><img class="avatar" src="members/member/avatar.png" />Jan Suchara</a>
</li>
<li class="member">
<a href="members/martin_zukal/"><img class="avatar" src="members/member/avatar.png" />Martin Zukal</a>
</li>
</ul>
<h3>Summer Semester 2021</h3>
<ul class="member-list">
<li class="member">
<a href="members/jiri/"><img class="avatar" src="members/jiri/avatar.png" />Jiří</a>
</li>
<li class="member">
<a href="members/sanqui/"><img class="avatar" src="members/sanqui/img/avatar.png" />Sanqui</a>
</li>
<li class="member">
<a href="members/radka/"><img class="avatar" src="members/radka/avatar.png" />Radka</a>
</li>
<li class="member">
<a href="members/seva/"><img class="avatar" src="members/seva/avatar.png" />Šéva</a>
</li>
<li class="member">
<a href="members/cenek/"><img class="avatar" src="members/cenek/avatar.jpg" />Čeněk</a>
</li>
<li class="member">
<a href="members/sCZther/"><img class="avatar" src="members/sCZther/avatar.png" />sCZther</a>
</li>
<li class="member">
<a href="members/mp/"><img class="avatar" src="members/mp/avatar.png" />mp</a>
</li>
</ul>
<h3>Template for new members</h3>
<ul class="member-list">
<li class="member">
<a href="members/member/"><img class="avatar" src="members/member/avatar.png" />Example member</a>
</li>
</ul>
<p>Every semester, the first assignment is to create your page.</p>
</section>
<footer>
nic: [in czech meaning nothing]
<a href="https://www.digitalniknihovna.cz/nkp/view/uuid:6e99bf30-e6e0-11e4-a794-5ef3fc9bb22f?page=uuid:59d59260-05b0-11e5-97f4-5ef3fc9ae867"
>a notion so simple, thus with an unlimited meaning</a
>
</footer>
</body>
</html>