-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
230 lines (226 loc) · 14.3 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
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Primary Meta Tags -->
<title>Trento Virtual Reality Society — Play Virtual Reality for Free</title>
<meta name="title" content="Trento Virtual Reality Society — Play Virtual Reality for Free">
<meta name="description" content="Un'associazione no-profit che organizza eventi a Trento dove puoi giocare alla Realtà Virtuale in maniera completamente gratuita!">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://trentovrsociety.it/">
<meta property="og:title" content="Trento Virtual Reality Society — Play Virtual Reality for Free">
<meta property="og:description" content="Un'associazione no-profit che organizza eventi a Trento dove puoi giocare alla Realtà Virtuale in maniera completamente gratuita!">
<meta property="og:image" content="https://trentovrsociety.it/assets/img/meta_image.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://trentovrsociety.it/">
<meta property="twitter:title" content="Trento Virtual Reality Society — Play Virtual Reality for Free">
<meta property="twitter:description" content="Un'associazione no-profit che organizza eventi a Trento dove puoi giocare alla Realtà Virtuale in maniera completamente gratuita!">
<meta property="twitter:image" content="https://trentovrsociety.it/assets/img/meta_image.png">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FESQSVJ700"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FESQSVJ700');
</script>
<!-- Add icon library -->
<script src="https://kit.fontawesome.com/f0c80f67a9.js" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap) DOPPIO BOOTSTRAP PERCHE' YOLO -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link href="css/main.css" rel="stylesheet" />
<link rel="stylesheet" href="css/pages/index.css">
<!-- Switch language -->
<script
src="https://code.jquery.com/jquery-3.6.1.slim.min.js"
integrity="sha256-w8CvhFs7iHNVUtnSP0YKEg00p9Ih13rlL9zGqvLdePA="
crossorigin="anonymous"></script>
</head>
<body id="page-top">
<!-- Navigation-->
<!-- Header-->
<header class="masthead text-center text-white">
<div class="masthead-content">
<div class="container px-5">
<img style="height: 15rem;" src="assets/img/logo_cropped.png" />
<h1 id="lang_hi" class="masthead-heading mb-0">
Ciao!
</h1>
<h2 id="lang_wewantyou" class="masthead-subheading mb-0">
Vogliamo farti giocare alla Realtà Virtuale in maniera completamente gratuita.
</h2>
<br>
<br>
<button onclick="switchLanguage('en')" id="switch-lang-en" style="color:cyan; text-shadow: 0 0 3rem #fff;" class="text-button">Switch to English</button>
<button onclick="switchLanguage('it')" id="switch-lang-it" style="color:cyan; text-shadow: 0 0 3rem #fff;" class="text-button">Cambia in lingua italiana</button>
<br>
<br>
<a id="lang_findoutmore" class="btn btn-primary btn-xl rounded-pill mt-5" href="#scroll">Scopri di più</a>
</div>
</div>
<div class="bg-circle-1 bg-circle"></div>
<div class="bg-circle-2 bg-circle"></div>
<div class="bg-circle-3 bg-circle"></div>
<div class="bg-circle-4 bg-circle"></div>
</header>
<!-- Content section 1-->
<section id="scroll">
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="p-5"><img class="img-fluid rounded-circle" src="assets/img/01.png" alt="..." /></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-4">
<h2 class="display-4" id="lang_whoarewe">Cosa siamo?</h2>
<b id="lang_whoarewe_context">Siamo un'<b>associazione no-profit</b> che organizza eventi a <b>Trento</b> in cui si gioca ai nostri visori per la Realtà Virtuale, il tutto <b>completamente gratuito</b>.
<br/><br/>
Vogliamo essere un punto di ritrovo per <b>i fanatici della Realtà Virtuale</b> e invogliare le persone a provare e conoscere il mezzo d'intrattenimento del futuro tramite i nostri eventi.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Content section 2-->
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<div class="p-5"><img class="img-fluid rounded-circle" src="assets/img/02.png" alt="..." /></div>
</div>
<div class="col-lg-6">
<div class="p-4">
<h2 class="display-4" id="lang_whatkindofevents">Che tipo di eventi?</h2>
<p id="lang_whatkindofevents_context">Organizziamo <b>appuntamento settimanali</b>, solitamente verso la sera, idealmente in un bar, dove <b>a turni facciamo giocare</b> delle esperienze in Realtà Virtuale i nostri <b>Meta Quest 2</b> e un <b>Samsung Odyssey</b>.
<br>
<br>
Non serve alcun tipo di prenotazione, basta presentarsi e giocare!</p>
</div>
</div>
</div>
</div>
</section>
<!--<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<img style="height: 30rem; max-width: auto" class="img-fluid" src="assets/img/event_dalle.png" />
</div>
<div class="col-lg-6">
<p id="lang_dalle_example">Un esempio di come sono i nostri eventi. Immagine generata da DALL-E 2, un'intelligenza artificiale, con la seguente frase: <i>"A group of people in a bar staring at one person wearing a VR headset, painting style"</i></p>
</div>
</div>
</div>
</section>-->
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-12"><center><h1 id="lang_eventsphotos">Alcune foto dei nostri eventi!</h1></center></div>
<div class="col-lg-12">
<img src="assets/img/carousel/stitched.png" style="width: 100%; height: auto; max-width: 100%; max-height: 100%; object-fit: contain;" />
</div>
</div>
</div>
</section>
<!-- Content section 3-->
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 order-lg-2 px-0 px-sm-4">
<!--<div class="p-5"><img class="img-fluid rounded-circle" src="assets/img/03.jpg" alt="..." /></div>-->
<video id="vid" width="100%" height="360" autoplay muted loop>
<source src="assets/vid/gameplay_showcase.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-4">
<h2 class="display-4" id="lang_whatkindofexperiences">Che tipo di esperienze?</h2>
<p id="lang_whatkindofexperiences_context_one">Al momento queste sono le esperienze che facciamo provare:</p>
<ul>
<li>Beat Saber</li>
<li>Richie's Plank Experience</li>
<li>SUPERHOT VR</li>
<li>Eleven Table Tennis</li>
<li>Space Pirate Trainer DX</li>
<li>Keep Talking and Nobody Explodes</li>
<li>Five Nights at Freddy's VR</li>
<li>Face Your Fears</li>
</ul>
<p id="lang_whatkindofexperiences_context_two">Teniamo questa lista sempre aggiornata e annunceremo ogni aggiunta su tutti i nostri social.
<br><br>Se non sai cosa giocare, non ti preoccupare! Ti consigliamo noi 😊
</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-12">
<h2 class="display-4 text-center" id="lang_interested">Interessatǝ?</h2>
<p class="text-center" id="lang_calltoaction">Seguici sui nostri social per restare aggiornatǝ sui nostri eventi!</i></p>
<!--<div class="d-flex justify-content-center">
<a href="https://linktr.ee/trentovrsociety"><button type="button" class="btn btn-warning btn-lg" id="lang_socialmedias">Tutti i nostri social</button></a>
</div>-->
<div class="text-center">
<a class="fa fa-facebook d-md-none" href="fb://profile/100085910752208"></a>
<a class="fa fa-instagram d-md-none" href="instagram://user?username=trentovrsociety"></a>
<a class="fa fa-telegram d-md-none" href="http://t.me/trentovrsociety"></a>
<a class="fa-brands fa fa-tiktok d-md-none" href="https://www.tiktok.com/@trentovrsociety"></a>
<a class="fa fa-facebook d-none d-md-inline" href="https://www.facebook.com/profile.php?id=100085910752208"></a>
<a class="fa fa-instagram d-none d-md-inline" href="https://www.instagram.com/trentovrsociety/"></a>
<a class="fa fa-telegram d-none d-md-inline" href="http://t.me/trentovrsociety"></a>
<a class="fa-brands fa fa-tiktok d-none d-md-inline" href="https://www.tiktok.com/@trentovrsociety"></a>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<div class="p-5"><img class="img-fluid rounded-circle" src="assets/img/04.png" alt="..." /></div>
</div>
<div class="col-lg-6">
<div class="p-4">
<h2 class="display-4" id="lang_collaboration">Collaborazioni</h2>
<p id="lang_collaboration_context">Vuoi partecipare al progetto o collaborare con noi? Scrivici un'email a <b><a href="mailto:[email protected]">[email protected]</a></b>!</p>
<p id="lang_collaboration_whowelookfor">Siamo sempre alla ricerca di volontari che vogliano prestare i loro visori agli eventi e di locali che ci ospitino, nonché progetti che riguardano la Realtà Virtuale!</p>
<p id="lang_collaboration_collaborations">Finora abbiamo collaborato con:
<ul>
<li>For Fun Labs Inc, sviluppatori di Eleven Table Tennis, come nostri sponsor del torneo del 2023</li>
<li>DISI dell'Università di Trento</li>
<li>FabLab dell'Università di Trento</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-black">
<div class="container px-5"><p class="m-0 text-center text-white small">Copyright © Trento Virtual Reality Society 2023</p>
<p id="lang_footer_kazoo" class="m-0 text-center text-white small">Un'attività di <a href="https://www.arcideltrentino.it/circoli/kazoo/">Kazoo APS</a></p>
<br/>
<h6 class="text-center"><a href="mailto:[email protected]">[email protected]</a></h6></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Language Switch -->
<script src="js/languageSwitch.js"></script>
</body>
</html>