forked from eddiesigner/liebling
-
Notifications
You must be signed in to change notification settings - Fork 39
/
page-green.hbs
407 lines (373 loc) · 28.6 KB
/
page-green.hbs
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
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
{{!--
This template is used for the posts that are marked as pages.
--}}
{{!-- This block preloads specific assets for the post page --}}
{{#contentFor "preload"}}
<link rel="preload" href="{{asset "css/post.css"}}" as="style" />
<link rel="preload" href="{{asset "js/page.js"}}" as="script" />
<link rel="preload" href="{{asset "assets\css\green.css"}}" as="style"/>
{{/contentFor}}
{{!-- This block loads specific styles for the post page --}}
{{#contentFor "styles"}}
<link rel="stylesheet" type="text/css" href="{{asset "css/post.css"}}" media="screen" />
{{/contentFor}}
{{!-- The tag below means: insert everything in this file
into the {body} of the default.hbs template --}}
{{!< default}}
{{!-- Special header.hbs partial to generate the <header> tag --}}
{{#post}}
{{> header background=feature_image}}
{{/post}}
<script>
function openTab(tab, tabName) {
// Declare all variables
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the button that opened the tab
var currentTab = document.getElementById(tabName);
currentTab.style.display = "flex";
currentTab.style.flexDirection = "column"; // Assuming you want a row layout
// Add more elements to the display flex class
currentTab.style.alignItems = "center"; // Example of adding more elements
tab.currentTarget.className += " active";
}
window.onload = function() {
showSlides(slideIndex);
};
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
</script>
<main class="main-wrap">
{{!-- Everything inside the #post tags pulls data from the post --}}
{{#post}}
{{!-- Inject styles of the hero image to make it responsive --}}
{{> hero background=feature_image}}
<div class="m-hero__content" data-aos="fade-down">
<h1 class="m-hero-title bigger">Sustenabilitate</h1>
<a href="/assets/pdf/PLAN STRATEGIC DE DEZVOLTARE DURABILĂ 2022-2024.pdf" class="m-button filled js-newslette">Planul Strategic</a>
</div>
</section>
<article>
<div class="tab">
<button class="tablinks" onclick="openTab(event, 'Sustenabilitate')">Despre</button>
<button class="tablinks" onclick="openTab(event, 'Proiecte')">Proiecte</button>
<button class="tablinks" onclick="openTab(event, 'Poze')">Poze</button>
</div>
<div id="Sustenabilitate" class="tabcontent">
<div class="l-content">
<div class="l-post-content">
<div class="pos-relative js-post-content">
<h3>SCOP</h3>
<p>Organizația Studenților din Universitatea Tehnică din Cluj-Napoca recunoaște și aplică valoarea principiilor dezvoltării durabile. Dezvoltarea durabilă reprezintă o serie de principii economice, sociale și de mediu ce permit realizarea activităților desfășurate de organizație, într-un mod în care cerințele prezentului sunt îndeplinite într-un mediu curat, echilibrat și integrat, Astfel, s-a redactat și implementat un Plan Strategic de dezvoltare durabilă în vederea realizării activităților specifice.</p>
<h3>MISIUNE</h3>
<p>Fiind conștienți de impactul pe care Organizația Studenților din Universitate Tehnică din Cluj-Napoca (OSUT Cluj) îl are în viața studenților, ne dorim să oferim acestora prilejul să construiască împreună un mediu sustenabil propice dezvoltării lor. Viziunea noastră este de a crește conștientizarea problemelor cu care ne confruntăm când vine vorba de sustenabilitate în rândul comunității studențești. Prin intermediul inițiativelor pe care le derulăm, ne angajăm să mobilizăm și să îndrumăm studenții cu privire la importanța abordării unor practici responsabile și sustenabile, atât în contextul academic, cât și în viața de zi cu zi.</p>
</div>
</div>
</div>
</div>
<div id="Proiecte" class="tabcontent">
<div class="l-content">
<div class="l-post-content">
<div class="pos-relative js-post-content">
<p>
Încă din 2003, Organizația Studenților din Universitatea Tehnică din Cluj-Napoca (OSUT
Cluj) își concentrează activitatea pe reprezentarea drepturilor studenților, apărarea intereselor
acestora, dar și în privința nevoilor studenților și dezvoltării acestora în complementar mediului
academic, prin organizarea a diferite proiecte, atât cu tematică de orientare în carieră (InfoTech,
Engineering Summer University - ESU), formare profesională (PoliHack), culturală
(PoliArt), cât și de bunăstare a tineretului (Zilele Universității Tehnice, Ce spun studenții?,
PoliSport etc.).
</p>
<h3>CROSUL UT</h3>
<img src="https://images.pixieset.com/14741186/396247de9a5040e33b20ca73899c5afe-cover.jpg" style="height: 50%; width: 50%;">
<div class="rand">
<div class="coloana">
<h4>Descriere</h4>
</div>
<div class="coloana">
<h4 style="padding-left:1rem">Ce am avut în vedere?</h4>
</div>
</div>
<div class="rand">
<div class="coloana" style="border-right:solid; padding-right:1rem">
<p style="font-size:1rem">Crosul UT reprezintă un proiect de tradiție OSUT Cluj aflat la cea de-a 17-a ediție și care
promovează un stil de viață sănătos și activ pentru tinerii comunității clujene printr-o competiție
de alergare de 6 km. Acest eveniment este mai mult decât o simplă inițiativă sportivă, scopul lui
fiind dublat de componenta caritabilă. Taxele de participare se întorc în comunitatea clujeană,
prin sprijinul cauzelor umanitare.
</p>
</div>
<div class="coloana">
<p style="font-size:1rem; padding-left:1rem">În același timp, Crosul UT se angajează să fie un eveniment sustenabil, gestionând responsabil
deșeurile prin containere de colectare selectivă și utilizând materiale reciclabile și
biodegradabile. Pentru a întregi experiența participanților, tricourile oferite acestora vor fi
confecționate din materiale organice și reciclabile, reflectând angajamentul nostru pentru
mediul înconjurător și promovând mesajul de sustenabilitate către toți cei implicați în
eveniment.
</p>
</div>
</div>
<h3>POLIHACK</h3>
<img src="https://images.pixieset.com/18896096/bc5fcec398d345446e1b0a8750e417de-xlarge.jpg" style="height:50%; width: 50%;">
<div class="rand">
<div class="coloana">
<h4>Descriere</h4>
</div>
<div class="coloana">
<h4 style="padding-left:1rem">Ce am avut în vedere?</h4>
</div>
</div>
<div class="rand">
<div class="coloana" style="border-right:solid; padding-right:1rem">
<p style="font-size:1rem">Conceptul de PoliHack a luat naștere acum 13 ani, din nevoia de afirmare a studenților în fața
companiilor. Scopul proiectului este de a ajuta tinerii studenți de pretutindeni să se facă
remarcați în domeniul IT și să-i ajute să dezvolte skill-uri pe partea de antreprenoriat,
reprezentând o rampă de lansare pe piața muncii pentru aceștia.Unul dintre obiectivele proiectului este crearea unei atmosfere competitiv-amicale timp de 48
de ore în care cele 20 de echipe participante să își poată dezvolta ideile într-un posibil start-up în
industria digitală. Pe durata acestei perioade, participanții vor lua parte la sesiuni de training în
domeniul IT și antreprenorial, susținute de către mentori experimentați și vor avea
posibilitatea de a participa la seri de networking alături de reprezentanții companiilor partenere.
PoliHack își propune, de asemenea, să reprezinte o punte de comunicare și colaborare între
tinerii studenți pasionați de domeniul tehnic și cele mai influente corporații din acest sector. Prin
participarea la hackathon, tinerii au oportunitatea de afla aspectele cheie căutate de angajatori,
pot primi sfaturi despre cum se desfășoară activitatea în marile companii ce activează în mediul
IT și tips&tricks de valoare din lumea antreprenorială.
</p>
</div>
<div class="coloana">
<p style="font-size:1rem; padding-left:1rem">În cadrul proiectului, pentru a minimiza utilizarea hârtiei, se adoptă instrumente digitale
pentru stocarea și transmiterea informațiilor și materialelor, iar gestionarea tuturor resurselor se
va realiza exclusiv în mediul digital. Astfel, planificarea, monitorizarea și o parte din
implementarea proiectului vor fi facilitate de instrumente digitale standardizate, asigurând o
eficiență sporită și reducând impactul asupra mediului înconjurător. Totodată, în cadrul celor 48
de ore de desfășurare a evenimentului, participanții o să fie încurajați să folosească containerele
pentru colectarea selectivă a deșeurilor reziduale și reciclabile, cu scopul de a minimiza
impactul asupra mediului cauzat de cantitatea și depozitarea selectivă a deșeurilor.
Proiectul are un impact pozitiv asupra formării viitoare a unei generații creative. Prin oferirea
unei platforme inovatoare și captivante, hackathonul devine un furnizor de oportunități pentru
studenții și elevii implicați pentru a-și dezvolta ideile într-un start-up de succes. În același timp,
mediul creat încurajează adoptarea unor metode cât mai verzi de desfășurare a
activităților, pornind o obișnuință în rândul beneficiarilor direcți și indirecți.
</p>
</div>
</div>
<!-- <h3>Be Better Do Better</h3>
<img src="/assets/images/Poze Sustenabilitate/Be better, do better/Be Better Do Better 1.jpg" style="height:30%; width: 30%;">
<p></p>
-->
<h3>Engineering Summer University (ESU)</h3>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 4.jpg" style="height: 50%; width:50%">
<div class="rand">
<div class="coloana">
<h4>Descriere</h4>
</div>
<div class="coloana">
<h4 style="padding-left:1rem">Ce am avut în vedere?</h4>
</div>
</div>
<div class="rand">
<div class="coloana" style="border-right:solid; padding-right:1rem">
<p style="font-size:1rem">ESU are ca prim obiectiv crearea unui context propice dezvoltării a 180 de elevi participanți pe
parcursul celor 2 săptămâni de implementare prin informarea acestora cu privire la posibilitățile
academice şi profesionale pe care Universitatea Tehnică din Cluj-Napoca (UTCN) și piața
muncii le oferă. În această perioadă experimentează cursuri universitare, sesiuni de formare și
activități culturale, profesionale, sportive și recreative, menite să îi ajute să își creeze atât un
plan de viitor care include urmarea studiilor în diferite ramuri tehnice predate în universitate,
cât și să își dezvolte skill-urile de comunicare și lucru în echipă. De asemenea, proiectul
urmărește atragerea a minimum 60% din participanți spre a urma studii superioare în cadrul
Universității Tehnice din Cluj-Napoca în termen de 2 ani de la finalizarea fiecărei edițiii, prin
intermediul prezentării ofertei educaționale, sesiunilor de orientare și mentorat desfășurate pe
parcursul taberei.
</p>
</div>
<div class="coloana">
<p style="font-size:1rem; padding-left:1rem">Pentru a sublinia angajamentul față de sustenabilitate, participanții primesc la începutul
proiectului goodiebags cu materiale care să îi ajute pe parcursul activităților. Aceste goodiebags
includ agende și pixuri fabricate din materiale ecologice, care pot fi utilizate în cadrul
activităților didactice. De asemenea, în spiritul promovării unui stil de viață mai prietenos cu
mediul înconjurător, participanții primesc și termosuri pentru consumul de lichide pe perioada
proiectului. Totodată, în cadrul evenimentului sunt amplasate containere special destinate
reciclării selective, evidențiind importanța și implicarea în practici responsabile în ceea ce
privește gestionarea deșeurilor.
Proiectul are un impact semnificativ asupra elevilor și a comunității academice clujene, prin
facilitarea unei schimbări în perspectiva tinerilor cu privire la învățământul superior și cariera
lor. ESU a reușit să inspire de-a lungul anilor peste 60% din tineri elevi să facă alegeri
educaționale informate, să se implice activ în procesul de învățare şi să continue studiile în
cadrul centrului universitar clujean.
Prin proiectele desfășurate, OSUT Cluj nu numai că răspunde nevoilor comunității studențești,
dar și contribuie la promovarea unui mediu mai curat și mai sănătos. Integrând practici
ecologice în evenimentele organizate și folosind tehnologia pentru gestionarea eficientă a
informațiilor, OSUT Cluj demonstrează că se preocupă de bunăstarea studenților și de mediul
înconjurător în același timp. Astfel, organizația devine un model pentru formarea unei
comunități studențești conștiente și implicate în protejarea mediului pentru viitor.
</p>
</div>
</div>
<h3>InfoTech</h3>
<img src="/assets/images/Poze Sustenabilitate/infotech.jpg" style="height:80%; width:60%;">
<div class="rand">
<div class="coloana">
<h4>Descriere</h4>
</div>
<div class="coloana">
<h4 style="padding-left:1rem">Ce am avut în vedere?</h4>
</div>
</div>
<div class="rand">
<div class="coloana" style="border-right:solid; padding-right:1rem">
<p style="font-size:1rem">Unul dintre cele mai mari proiecte marca OSUT Cluj este InfoTech, care, organizat sub forma
unui târg de cariere, are ca scop crearea un mediu adecvat în care studenții pot avea o
comunicare eficientă și optimă cu companiile din ariile de interes.
Obiectivul principal al proiectului este de a oferi unui număr de peste 2000 de studenți
oportunitatea de a participa la workshop-uri de dezvoltare a soft skill-urilor și hard
skill-urilor, evenimente de tip open days, dar și concursuri cu tematici tehnice de actualitate
pe parcursul perioadei de implementare. Totodată, InfoTech are ca obiectiv colaborarea cu
minimum 20 de firme din domeniul tehnic, cărora le pune la dispoziție un cadru oportun
contactului cu studenții în cele 4 clădiri ale Universității Tehnice din Cluj-Napoca (UTCN),
în care își pot prezenta domeniul de activitate și ofertele de angajare pe parcursul evenimentului.
</p>
</div>
<div class="coloana">
<p style="font-size:1rem; padding-left:1rem">Partea de protocol prevăzută în cadrul evenimentului s-a concentrat pe materiale reciclabile
astfel că s-au utilizat pahare biodegradabile pentru consumul de lichide iar în locațiile în care
au avut loc evenimentele au fost amplasate containere pentru colectarea selectivă a deșeurilor
reziduale și reciclabile cu scopul de a minimiza impactul asupra mediului.
Proiectul are un impact pozitiv asupra tinerilor implicați în eveniment, atât prin dezvoltarea
competențelor profesionale și personale, cât și prin promovarea spiritului antreprenorial. În
egală măsură, în mod indirect, tinerii au luat parte la o conștientizare cu privire la
importanța grijii care trebuie purtată mediului înconjurător.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Poze" class="tabcontent">
<div class="l-content">
<div class="l-post-content">
<div class="pos-relative js-post-content">
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div class="numbertext">1 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/Be better, do better/Be Better Do Better 1.jpg" style="width:35%; display:block">
<div class="text">Be Better, Do Better</div>
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/Be better, do better/Be Better Do Better 2.jpg" style="width:35%">
<div class="text">Be Better, Do Better</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/Be better, do better/Be Better Do Better 3.jpg" style="width:35%">
<div class="text">Be Better, Do Better</div>
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/Be better, do better/Be Better Do Better 4.jpg" style="width:55%">
<div class="text">Be Better, Do Better</div>
</div>
<div class="mySlides fade">
<div class="numbertext">5 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 1.jpg" style="width:35%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">6 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 2.JPG" style="width:55%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">7 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 3.jpg" style="width:55%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">8 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 4.jpg" style="width:55%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">9 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 5.jpg" style="width:55%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">10 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 6.jpg" style="width:55%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">11 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/ESU/ESU 7.jpg" style="width:45%">
<div class="text">ESU</div>
</div>
<div class="mySlides fade">
<div class="numbertext">12 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/PoliHack/PoliHack 1.jpg" style="width:65%">
<div class="text">PoliHack</div>
</div>
<div class="mySlides fade">
<div class="numbertext">13 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/PoliHack/PoliHack 2.jpg" style="width:65%">
<div class="text">PoliHack</div>
</div>
<div class="mySlides fade">
<div class="numbertext">14 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/PoliHack/PoliHack 3.jpg" style="width:65%">
<div class="text">PoliHack</div>
</div>
<div class="mySlides fade">
<div class="numbertext">15 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/PoliHack/PoliHack 4.jpg" style="width:65%">
<div class="text">PoliHack</div>
</div>
<div class="mySlides fade">
<div class="numbertext">16 / 16</div>
<img src="/assets/images/Poze Sustenabilitate/PoliHack/PoliHack 5.jpg" style="width:65%">
<div class="text">PoliHack</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
</div>
</div>
</div>
</div>
</article>
{{/post}}
</main>
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
{{#contentFor "scripts"}}
<script defer src="{{asset "js/page.js"}}"></script>
{{/contentFor}}