-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
310 lines (310 loc) · 25.2 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
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Mon Dec 04 2023 19:50:29 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="654b5264f7a1e02219b0e8c6" data-wf-site="654b5264f7a1e02219b0e8c3">
<head>
<meta charset="utf-8">
<title>KOTO KOLEKTIV / KOTO COLLECTIVE / 20-23</title>
<meta content="Zbornik del študentov oblikovanja tekstilij in oblikovanja oblačil NTF, ki so nastala v pandemičnem in postcovidnem obdobju 2020 – 2023" name="description">
<meta content="KOTO KOLEKTIV / KOTO COLLECTIVE / 20-23" property="og:title">
<meta content="Zbornik del študentov oblikovanja tekstilij in oblikovanja oblačil NTF, ki so nastala v pandemičnem in postcovidnem obdobju 2020 – 2023" property="og:description">
<meta content="https://uploads-ssl.webflow.com/654b5264f7a1e02219b0e8c3/6568642556b9c522bb672405_Screenshot%202023-11-30%20at%2011.22.24.png" property="og:image">
<meta content="KOTO KOLEKTIV / KOTO COLLECTIVE / 20-23" property="twitter:title">
<meta content="Zbornik del študentov oblikovanja tekstilij in oblikovanja oblačil NTF, ki so nastala v pandemičnem in postcovidnem obdobju 2020 – 2023" property="twitter:description">
<meta content="https://uploads-ssl.webflow.com/654b5264f7a1e02219b0e8c3/6568642556b9c522bb672405_Screenshot%202023-11-30%20at%2011.22.24.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/koto-kolektiv.webflow.css" rel="stylesheet" type="text/css">
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
body { overflow-x: hidden }
</style>
</head>
<body data-w-id="654b5264f7a1e02219b0e8c9" class="body modra">
<section class="hero-section">
<div data-w-id="94d7b270-1ed8-ef73-7b62-830a407454fb" class="hero-block">
<div class="navbar">
<a href="index.html" aria-current="page" class="navbar-link w-button w--current">KOTO KOLEKTIV</a>
<a href="#o-projektu" class="navbar-link w-button">O PROJEKTU</a>
</div>
<div class="hero-title-block">
<div class="h1">KOTO KOLEKTIV <br>KOTO COLLECTIVE <br>20-23</div>
</div>
<div class="hero-paragraph-block">
<div class="p2 hero">Zbornik del študentov oblikovanja tekstilij in oblačil NTF, ki so nastala v pandemičnem in postcovidnem obdobju 2020 – 2023<br> <br>Collection of works by students of textile and clothing design at the Faculty of Natural Sciences and Engineering, created during the pandemic and post-COVID period of 2020-2023</div>
</div><img src="images/Hana_tavcar_DB_9.jpg" loading="lazy" sizes="(max-width: 479px) 40vw, (max-width: 991px) 27vw, 1500px" srcset="images/Hana_tavcar_DB_9-p-500.jpg 500w, images/Hana_tavcar_DB_9-p-800.jpg 800w, images/Hana_tavcar_DB_9-p-1080.jpg 1080w, images/Hana_tavcar_DB_9.jpg 1500w" alt="" class="hero-image _06 hero"><img src="images/Group-22.png" loading="lazy" sizes="(max-width: 991px) 21vw, 19vw" srcset="images/Group-22-p-500.png 500w, images/Group-22-p-800.png 800w, images/Group-22-p-1080.png 1080w, images/Group-22.png 1441w" alt="" class="hero-image _04 small"><img src="images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov.JPG" loading="lazy" sizes="(max-width: 479px) 16vw, (max-width: 991px) 10vw, 6vw" srcset="images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-500.jpg 500w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-800.jpg 800w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-1080.jpg 1080w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-1600.jpg 1600w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-2000.jpg 2000w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov-p-2600.jpg 2600w, images/OVRATNIKI_OTO1_Masa_Macedoni_02_fotoMarijoZupanov.JPG 4160w" alt="" class="hero-image _03 _02"><img src="images/26.jpg" loading="lazy" sizes="(max-width: 479px) 30vw, (max-width: 991px) 20vw, 16vw" srcset="images/26-p-500.jpg 500w, images/26-p-800.jpg 800w, images/26-p-1080.jpg 1080w, images/26.jpg 1658w" alt="" class="hero-image _01 _03">
</div>
<div data-w-id="9c3976ca-1c20-4419-6587-a1622ebdd347" class="content-block home"><img src="images/IMG_6188-2.png" loading="lazy" sizes="(max-width: 479px) 45vw, (max-width: 991px) 33vw, 26vw" srcset="images/IMG_6188-2-p-500.png 500w, images/IMG_6188-2-p-800.png 800w, images/IMG_6188-2-p-1080.png 1080w, images/IMG_6188-2.png 1556w" alt="" class="hero-image _05"><img src="images/22_1.jpg" loading="lazy" sizes="(max-width: 991px) 25vw, 20vw" srcset="images/22_1-p-500.jpg 500w, images/22_1-p-800.jpg 800w, images/22_1-p-1080.jpg 1080w, images/22_1-p-1600.jpg 1600w, images/22_1.jpg 1827w" alt="" class="hero-image _09 manj-a"><img src="images/12.jpg" loading="lazy" sizes="(max-width: 479px) 38vw, (max-width: 991px) 23vw, 1500px" srcset="images/12-p-500.jpg 500w, images/12-p-800.jpg 800w, images/12-p-1080.jpg 1080w, images/12.jpg 1500w" alt="" class="hero-image _06"><img src="images/Bautepih_5_foto-Pia-Hocevar-Mucic.jpg" loading="lazy" srcset="images/Bautepih_5_foto-Pia-Hocevar-Mucic-p-500.jpg 500w, images/Bautepih_5_foto-Pia-Hocevar-Mucic-p-800.jpg 800w, images/Bautepih_5_foto-Pia-Hocevar-Mucic-p-1080.jpg 1080w, images/Bautepih_5_foto-Pia-Hocevar-Mucic-p-1600.jpg 1600w, images/Bautepih_5_foto-Pia-Hocevar-Mucic.jpg 2480w" alt="" sizes="(max-width: 479px) 34vw, (max-width: 991px) 20vw, 13vw" class="hero-image _08"></div>
</section>
<div class="index-section">
<div class="index-block">
<a href="projekti/livingclothes.html" class="index-1-card rumena w-inline-block">
<div class="card-1-content">
<div class="h2">Livingclothes</div>
<div class="p2">Maja Zupanc</div>
</div><img src="images/maja-zupanc.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/maja-zupanc-p-500.png 500w, images/maja-zupanc-p-800.png 800w, images/maja-zupanc-p-1080.png 1080w, images/maja-zupanc.png 1292w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="clanki/izkusnja-ne-svobode-kot-kreativni-potencial.html" class="index-2-card vijolicna w-inline-block"><img src="images/Arijana-Gadzijev.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Arijana-Gadžijev-p-500.png 500w, images/Arijana-Gadzijev.png 1288w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Izkušnja ne-svobode kot kreativni potencial</div>
<div class="p2">Arijana Gadžijev</div>
</div>
</a>
<a href="projekti/gaymer.html" class="index-2-card switch modra w-inline-block"><img src="images/gaymer-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/gaymer-2-p-500.png 500w, images/gaymer-2-p-800.png 800w, images/gaymer-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">gaymer</div>
<div class="p2">Gašpar Marinič</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/kintsugi.html" class="index-1-card switch zelena w-inline-block">
<div class="card-1-content">
<div class="h2">KÍNTSÜGÍ</div>
<div class="p2">Kaja Bakan</div>
</div><img src="images/kaja_bakan.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/kaja_bakan-p-500.png 500w, images/kaja_bakan-p-800.png 800w, images/kaja_bakan.png 967w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block switch">
<a href="projekti/garnir2.html" class="index-2-card zelena w-inline-block"><img src="images/garnir2-1.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/garnir2-1-p-500.png 500w, images/garnir2-1.png 967w" alt="" class="card-2-image">
<div class="card-2-content bela">
<div class="h2">Garnir2</div>
<div class="p2">Skupinski projekt</div>
</div>
</a>
<a href="projekti/roza.html" class="index-2-card switch vijolicna w-inline-block"><img src="images/neza-simcic-2-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/neza-simcic-2-2-p-500.png 500w, images/neza-simcic-2-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content oran-na">
<div class="h2">Roza</div>
<div class="p2">Neža Simčič</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/shibori-shranjevalnik.html" class="index-1-card switch vijolicna switch-off w-inline-block">
<div class="card-1-content">
<div class="h2">Shibori shranjevalnik</div>
<div class="p2">Skupinski projekt</div>
</div><img src="images/shibori-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/shibori-2-p-500.png 500w, images/shibori-2-p-800.png 800w, images/shibori-2.png 967w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="projekti/mala-crna-obleka.html" class="index-2-card zlata w-inline-block"><img src="images/Mala-crna-obleka-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Mala-crna-obleka-2-p-500.png 500w, images/Mala-crna-obleka-2-p-800.png 800w, images/Mala-crna-obleka-2.png 1288w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Mala črna obleka</div>
<div class="p2">Skupinski projekt</div>
</div>
</a>
<a href="clanki/spremembe.html" class="index-2-card switch crna w-inline-block"><img src="images/Natasa-Persuh-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Natasa-Persuh-2-p-500.png 500w, images/Natasa-Persuh-2-p-800.png 800w, images/Natasa-Persuh-2.png 1288w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2 white">Spremembe </div>
<div class="p2 white">Nataša Peršuh</div>
</div>
</a>
</div>
<a href="projekti/urbano-tkanje.html" class="index-1-card bela switch-off w-inline-block">
<div class="card-1-content">
<div class="h2">Urbano tkanje</div>
<div class="p2">Skupinski projekt</div>
</div><img src="images/index.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/index-p-500.png 500w, images/index-p-800.png 800w, images/index-p-1080.png 1080w, images/index-p-1600.png 1600w, images/index.png 2160w" alt="" class="card-1-image">
</a>
<div class="index-block">
<a href="projekti/umazani-posli.html" class="index-2-card switch vijolicna w-inline-block"><img src="images/Hana-Tavcar-2.png" loading="lazy" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Umazani posli</div>
<div class="p2">Hana Tavčar</div>
</div>
</a>
<a href="projekti/pravica-do-sonca.html" class="index-2-card zelena w-inline-block"><img src="images/pravica-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/pravica-2-p-500.png 500w, images/pravica-2-p-800.png 800w, images/pravica-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content zelena">
<div class="h2">Pravica do Sonca</div>
<div class="p2">Teja Šter</div>
</div>
</a>
</div>
<div class="index-block">
<a href="clanki/kdo-si-ko-te-nihce-ne-gleda.html" class="index-1-card switch modra switch-off w-inline-block">
<div class="card-1-content">
<div class="h2">Kdo si, ko te nihče ne gleda?</div>
<div class="p2">Petja Zorec</div>
</div><img src="images/Petja-Zorec.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Petja-Zorec-p-500.png 500w, images/Petja-Zorec-p-800.png 800w, images/Petja-Zorec.png 1288w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="projekti/vivre.html" class="index-2-card oranzna w-inline-block"><img src="images/Petra-Jeric_index-2-2-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Petra-Jeric_index-2-2-2-p-500.png 500w, images/Petra-Jeric_index-2-2-2.png 995w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Vivre</div>
<div class="p2">Petra Jerič</div>
</div>
</a>
<a href="projekti/re-olimpija.html" class="index-2-card switch rumena w-inline-block"><img src="images/re-olimpija-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/re-olimpija-2-p-500.png 500w, images/re-olimpija-2-p-800.png 800w, images/re-olimpija-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Re-Olimpija</div>
<div class="p2">Skupinski projekt</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/instalacija-skulptur-iz-odpadnega-pletiva-in-keramike.html" class="index-1-card switch bela w-inline-block">
<div class="card-1-content">
<div class="h2">Instalacija skulptur iz odpadnega pletiva in keramike</div>
<div class="p2">Ajda Rep</div>
</div><img src="images/ajda-rep_index-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/ajda-rep_index-2-p-500.png 500w, images/ajda-rep_index-2-p-800.png 800w, images/ajda-rep_index-2.png 995w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="projekti/me-you-us.html" class="index-2-card switch crna w-inline-block"><img src="images/me-you-us-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/me-you-us-2-p-500.png 500w, images/me-you-us-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2 white">Me-You-Us</div>
<div class="p2 white">Skupinski projekt</div>
</div>
</a>
<a href="projekti/inspired-by-lamut.html" class="index-2-card w-inline-block"><img src="images/lamut-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/lamut-2-p-500.png 500w, images/lamut-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Inspired by Lamut: Ovratniki</div>
<div class="p2">Skupinski projekt</div>
</div>
</a>
</div>
<div class="index-block">
<a href="clanki/o-prostoru.html" class="index-1-card zelena w-inline-block">
<div class="card-1-content">
<div class="h2">O prostoru</div>
<div class="p2">Marija Jenko</div>
</div><img src="images/marija-jenko_index-2.png" loading="lazy" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="projekti/mehke-forme.html" class="index-2-card bela w-inline-block"><img src="images/mehke-forme.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/mehke-forme-p-500.png 500w, images/mehke-forme-p-800.png 800w, images/mehke-forme.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2">Mehke forme</div>
<div class="p2">Skupinski projekt</div>
</div>
</a>
<a href="projekti/vecdimenzionalnost-tekstilnih-vzorcev.html" class="index-2-card switch rumena w-inline-block"><img src="images/sara-smid-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/sara-smid-2-p-500.png 500w, images/sara-smid-2-p-800.png 800w, images/sara-smid-2.png 967w" alt="" class="card-2-image">
<div class="card-2-content">
<div class="h2 smaller">Večdimenzionalnost tekstilnih vzorcev</div>
<div class="p2">Sara Šmid</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/med-skarjeroko-in-klekljeroko.html" class="index-1-card oranzna switch-off w-inline-block">
<div class="card-1-content">
<div class="h2">Med škarjeroko in klekljeroko</div>
<div class="p2">Špela Hudobivnik</div>
</div><img src="images/spela-h-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/spela-h-2-p-500.png 500w, images/spela-h-2.png 968w" alt="" class="card-1-image">
</a>
</div>
<div class="index-block">
<a href="projekti/tekstilni-objekti-in-performativna-umetnost.html" class="index-2-card switch vijolicna switch-off w-inline-block">
<div class="card-2-content">
<div class="h2">Tekstilni objekti in performativna umetnost</div>
<div class="p2">Urška Medved</div>
</div><img src="images/Urska-Medved_index-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Urska-Medved_index-2-p-500.png 500w, images/Urska-Medved_index-2.png 800w" alt="" class="card-2-image">
</a>
<div class="index-2-card modra switch-off">
<a href="clanki/modna-revija-v-zivo.html" class="card-2-content w-inline-block">
<div class="h2">Modna revija v živo</div>
<div class="p2">Almira Sadar</div>
</a><img src="images/Almira-Sadar.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Almira-Sadar-p-500.png 500w, images/Almira-Sadar.png 1288w" alt="" class="card-2-image">
</div>
</div>
<div class="index-block">
<a href="projekti/ro-kokosi.html" class="index-1-card rumena switch-off w-inline-block"><img src="images/kokokosi-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/kokokosi-2-p-500.png 500w, images/kokokosi-2-p-800.png 800w, images/kokokosi-2.png 967w" alt="" class="card-1-image">
<div class="card-1-content">
<div class="h2">(RO)KOKOŠI</div>
<div class="p2">Uroš Topić</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/kolaz.html" class="index-2-card zelena switch-off w-inline-block">
<div class="card-2-content zelena">
<div class="h2">Kolaž</div>
<div class="p2">Skupinski projekt</div>
</div><img src="images/kolaz-2-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/kolaz-2-2-p-500.png 500w, images/kolaz-2-2-p-800.png 800w, images/kolaz-2-2.png 967w" alt="" class="card-2-image">
</a>
<a href="clanki/vejica-za-prihodnost.html" class="index-2-card switch vijolicna switch-off w-inline-block">
<div class="card-2-content">
<div class="h2">Vejica za prihodnost</div>
<div class="p2">Elena Fajt</div>
</div><img src="images/Elena-Fajt.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/Elena-Fajt-p-500.png 500w, images/Elena-Fajt-p-800.png 800w, images/Elena-Fajt-p-1080.png 1080w, images/Elena-Fajt.png 1288w" alt="" class="card-2-image">
</a>
</div>
<div class="index-block">
<a href="clanki/tekstil-gre-skozi-roke.html" class="index-1-card switch oranzna switch-off w-inline-block"><img src="images/katja-burger-kovic-2.png" loading="lazy" alt="" class="card-1-image">
<div class="card-1-content">
<div class="h2">Tekstil gre skozi roke</div>
<div class="p2">Katja Burger Kovič</div>
</div>
</a>
</div>
<div class="index-block">
<a href="projekti/zojatar.html" class="index-2-card switch modra switch-off w-inline-block">
<div class="card-2-content">
<div class="h2">Zojatar</div>
<div class="p2">Zoja Muhič</div>
</div><img src="images/index-2.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/index-2-p-500.png 500w, images/index-2.png 901w" alt="" class="card-2-image">
</a>
<a href="projekti/re-videk.html" class="index-2-card bela switch-off w-inline-block">
<div class="card-2-content">
<div class="h2">Re-Videk</div>
<div class="p2">Anže Mrak</div>
</div><img src="images/re-videk.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/re-videk-p-500.png 500w, images/re-videk-p-800.png 800w, images/re-videk.png 968w" alt="" class="card-2-image">
</a>
</div>
<div class="index-block">
<a href="projekti/modularna-preproga-in-kolekcija-sodobnih-graficnih-vzorcev-po-vzoru-bauhausa.html" class="index-1-card zlata switch-off w-inline-block"><img src="images/bauhaus.png" loading="lazy" sizes="(max-width: 767px) 50vw, 25vw" srcset="images/bauhaus-p-500.png 500w, images/bauhaus-p-800.png 800w, images/bauhaus.png 967w" alt="" class="card-1-image">
<div class="card-1-content">
<div class="h2 smaller">Modularna preproga in kolekcija sodobnih grafičnih vzorcev po vzoru Bauhausa</div>
<div class="p2">Tasja Videmšek</div>
</div>
</a>
</div>
<div id="o-projektu" data-w-id="be58843b-3f70-20ec-d609-f6bbd4b15d8e" class="content-block footer">
<div class="title-block">
<div class="h2 _20">O projektu / about the project</div>
</div>
<div class="columns-block">
<div class="text-column top">
<div class="project-content-block _0">
<div class="p2">Izbruh pandemije COVID-19 v začetku leta 2020 je močno vplival na modno in tekstilno industrijo, ki se je tako rekoč čez noč ustavila in spremenila življenja ljudi, ki na različnih segmentih delujejo v njeni verigi. Prav tako je močno vplivala na življenje prihodnje generacije oblikovalcev tekstilij in oblačil. Teoretični pouk in praktični študijski proces sta se preselila v spletne učilnice, kar je zahtevalo skoraj nemogoče prilagoditve. Izzivi, s katerimi smo se soočili tako pedagoški delavci kot študenti, so bili nepredstavljivi. Panogi, katere poglavitni značilnosti sta taktilnost in materialnost, je bil onemogočen otip, pogled od blizu in v prostoru, na telesu.<br><br>Začetek pandemije marca 2020 je pretresel tudi naše javne predstavitve, zato smo se v duhu časa prilagodili novim razmeram in ustvarili spletno platformo kotofolio.si. Sodobno oblikovana spletna stran širši javnosti v slovenskem jeziku predstavlja najbolj relevantne študentske projekte od študijskega leta 2019/20 naprej, obenem pa omogoča vpogled v izhodiščne koncepte, raziskovanja, razvoj idej in končne produkte skozi fotografije in gibljive slike.<br><br>Katedra za oblikovanje tekstilij in oblačil, OTGO,<br>NTF Univerze v Ljubljani<br>
<a href="http://www.kotofolio.si/" class="link-2">www.kotofolio.si</a>
</div>
</div>
</div>
<div class="text-column top">
<div class="project-content-block _0">
<div class="p2">The outbreak of the COVID-19 pandemic at the beginning of 2020 had a profound impact on the fashion and textile industry, which came to a halt overnight and changed the lives of individuals working in various segments of its supply chain. It also significantly affected the lives of the future generation of textile and clothing designers. The theoretical and practical lessons moved to online classrooms, which demanded almost impossible adjustments. The challenges faced by educators and students were unimaginable. For an industry whose primary characteristics are tactility and materiality, the sense of touch, close-up views and spatial perception were made impossible.<br><br>The onset of the pandemic in March 2020 also shook up our public presentations. In the spirit of the times, we adapted to the new circumstances and created the online platform kotofolio.si. The website, in the Slovenian language, presents the most relevant student projects from the academic year 2019/20 onwards to the broader public. Additionally, it provides insight into the initial concepts, research, and development of ideas and final products through photographs and moving images.<br> <br>Chair of Textile and Fashion Design, OTGO,<br>University of Ljubljana, Faculty of Natural Sciences and Engineering<br></div>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=654b5264f7a1e02219b0e8c3" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<style>
/*Here, we apply the cursor to the entire body of the page */
body {
cursor: url("https://uploads-ssl.webflow.com/654b5264f7a1e02219b0e8c3/65608e58bad7cde9bac561fc_sewing-needle_1faa1-normal.png"),
auto !important;
size: 50px !important;
}
/*Here we apply the hover state cursor to elements that are not links */
.cursor-hover:hover {
cursor: url("https://uploads-ssl.webflow.com/654b5264f7a1e02219b0e8c3/65608e581c9f0b712aa03a71_sewing-needle_1faa1-hover.png"),
auto !important;
}
/*Here we apply the custom hover state cursor to all a tags when hovered over */
a:hover {
cursor: url(https://uploads-ssl.webflow.com/654b5264f7a1e02219b0e8c3/65608e581c9f0b712aa03a71_sewing-needle_1faa1-hover.png"),
auto !important;
}
<style></body></html></style></body></html>