-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (189 loc) · 12.6 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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="it">
<head>
<title>CyberLions Italian Community - Your Gaming Family</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<style>
body {
background-color: #181000;
opacity: 0;
}
</style>
<!--
CSSnowflakes by pajasevi
Link: https://github.com/pajasevi/CSSnowflakes
This portion of the code is under the MIT license: https://github.com/pajasevi/CSSnowflakes/blob/master/LICENSE
-->
<style>
/* customizable snowflake styling */
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true" id="snow">
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
<div class="snowflake">❅</div>
<div class="snowflake">❆</div>
</div>
<!-- End of snow effect code -->
<!-- Hide snow effect when it's not Christmas time -->
<script>
var today = new Date();
var month = today.getMonth() + 1;
var day = today.getDate();
if ((month == 12 && day < 8) || (month == 1 && day > 6) || (month > 1 && month < 12))
document.getElementById('snow').style.display="none";
</script>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<img src="images/brown.png" alt="" style="max-height:300px;height:100%"/>
<li><a href="#intro">Home</a></li>
<li><a href="#server">Server</a></li>
<li><a href="#forum">Forum</a></li>
<li><a href="#status">Stato dei servizi</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contatti">Contattaci</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>CyberLions Italian Community</h1>
<h2>Your Gaming Family</h2>
</div>
</section>
<section id="server" class="wrapper style1 fade-up">
<div class="inner">
<section>
<h2>Il nostro Server</h2>
<p><span class="image left"><img src="images/server-1.png" alt="" height=125/></span>Ti diamo il benvenuto nel nostro server TeamSpeak! Potrai connetterti con i tuoi amici e comunicare in tempo reale mentre affronti i match più competitivi online.<br>Non devi fare altro che scaricare il client di TeamSpeak e potrai connetterti in tutta sicurezza e alla massima qualità di comunicazione.<br>Per qualsiasi richiesta potrai contattare un membro dello Staff, che sarà facilmente identificato dalla relativa icona nell’apposita sezione, ti aspettiamo!</p>
<hr />
<h2>La sicurezza è importante</h2>
<p><span class="image right"><img src="images/server-2.png" alt="" height=125/></span>Noi di CyberLions pensiamo che la sicurezza non sia affatto un aspetto da sottovalutare, per questo lavoriamo attivamente ogni giorno al mantenimento del server e della nostra infrastruttura al fine di garantire la protezione contro le ultime vulnerabilità e una facile e sicura comunicazione.<br>La crittografia per la comunicazione è attiva di default in ogni canale, non dovrai fare altro che connetterti al nostro server e pensare solo a divertirti, al resto pensiamo noi.</p>
<hr />
<h2>I servizi aggiuntivi</h2>
<p><span class="image left"><img src="images/server-3.png" alt="" height=125/></span>Il nostro Server è ricco di servizi aggiuntivi, che potrai richiedere diventando membro della community e iscrivendoti al Forum (maggiori informazioni nella sezione <a href="#contatti">Contattaci</a>).<br>Sono già disponibili MusicBot per i membri e stanze private con le impostazioni che meglio preferisci, connettiti e richiedi l’accesso ora</p>
</section>
</section>
<section id="forum" class="wrapper style3 fade-up">
<div class="inner">
<section>
<h2>Il nostro forum</h2>
<p><span class="image left"><img src="images/forum.png" alt="" height=125/></span><a href="https://cyberlions-ita.forumcommunity.net/" target="_blank">Clicca qui</a> per accedere al forum</p>
</section>
</section>
<section id="status" class="wrapper style1 fade-up">
<div class="inner">
<section>
<h2>Lo stato dei servizi</h2>
<p><span class="image left"><img src="images/stato.png" alt="" height=125/></span><a href="https://status.cyberlions-ita.eu/" target="_blank">Clicca qui</a> per vedere lo stato dei servizi</p>
</section>
</section>
<section id="faq" class="wrapper style3 fade-up">
<div class="inner">
<section>
<h2>F.A.Q.</h2><span class="image right"><img src="images/faq.png" alt="" height=125/></span>
<p>Sicuramente avrai molte domande, speriamo tu possa trovare alcune delle risposte qui.<br>
<ul>
<li><b>Quale è l’indirizzo del server TeamSpeak?</b> L’indirizzo del nostro server è <a href="ts3server://ts.cyberlions-ita.eu">ts.cyberlions-ita.eu</a>.</li>
<li><b>L'accesso al server è consentito a chiunque?</b> Sì, l'accesso al server TeamSpeak è consentito a chiunque senza alcun limite di tempo o orario, salvo la capacità della nostra infrastruttura. Tuttavia non sono consentite connessioni tramite VPN o Proxy, quindi se hai bisogno di utilizzare questi metodi ti invitiamo a contattarci.</li>
<li><b>Ci sono limiti di tempo nella connessione del server?</b> Assolutamente no, il server è online 24/7 (salvo manutenzioni o malfunzionamenti). Sei libero di connetterti quando vuoi e per quanto tempo preferisci.</li>
<li><b>La connessione è sicura?</b> Manteniamo sempre la nostra infrastruttura aggiornata contro le ultime vulnerabilità per assicurare stabilità e sicurezza. Ogni comunicazione è cifrata con <a href="https://it.wikipedia.org/wiki/Advanced_Encryption_Standard" target="_blank">AES-256</a> in ogni canale, ed è impossibile risalire a quanto scritto in un messaggio o comunicato verbalmente.</li>
<li><b>Posso far connettere bot personali o altri utenti?</b> Puoi portare tutti i tuoi amici, mentre per software o bot sviluppati da terzi è gradita la richiesta ad un membro dello Staff.</li>
<li><b>Ho un problema con il server, come posso fare?</b> Se hai problemi con la connessione al server ti invitiamo a visitare il sito ufficiale di TeamSpeak, se invece riscontri malfunzionamenti nell’utilizzo del servizio ti invitiamo a segnalarlo tempestivamente ad uno dei nostri contatti.</li>
<li><b>Ho un problema con un utente, come posso fare?</b> Se hai problemi con un utente, cerca di risolverli civilmente nel rispetto della community, se ciò non è possibile per qualche motivo, sei invitato a contattare un membro dello Staff che interverrà e agirà di conseguenza se necessario.</li>
</ul>
</p>
</section>
</div>
</section>
<section id="contatti" class="wrapper style1 fade-up">
<div class="inner">
<h2>Dove puoi contattarci:</h2><span class="image right"><img src="images/busta.png" alt="" height=125/></span>
<div class="style1">
<section>
<ul class="contact">
<li>
<h3>Email</h3>
<ul>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</li>
<li>
<h3>Social Network</h3>
<ul class="icons">
<li><a href="https://github.com/CyberLions-Italian-Community" class="icon brands fa-github"><span class="label" target="_blank">GitHub</span></a></li>
<li><a href="https://www.instagram.com/cyberlionsita/" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://www.facebook.com/cyberlionsita/" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://discord.gg/efbBT5ycwx" class="icon brands fa-discord" target="_blank"><span class="label">Server Discord</span></a></li>
<li><a href="https://steamcommunity.com/groups/CyberLionsITA" class="icon brands fa-steam" target="_blank"><span class="label">Gruppo Steam</span></a></li>
</ul>
</li>
<h3>Aiutaci a migliorare</h3>
<p>Puoi aiutarci a migliorare compilando <a href="https://forms.gle/cy2sLta6ZPKNCWAo9" target="_blank">questo form</a>.
<li>
<h3>Inoltre...</h3>
Non dimenticare il <a href="https://t.me/cyberlions" target="_blank">canale Telegram</a> dedicato
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© CyberLions Italian Community <script>document.write(/\d{4}/.exec(Date())[0])</script>. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li><a href="https://www.iubenda.com/privacy-policy/94996950" class="iubenda-black iubenda-noiframe iubenda-embed iubenda-noiframe " title="Privacy Policy ">Privacy Policy</a><script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src="https://cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
<link rel="stylesheet" href="assets/css/main.css" />
<style>
body {
opacity: 1;
}
</style>
</html>