API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 4th, 2018
371
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.  
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>Aelina Online</title>
  7. <noscript>
  8. <meta http-equiv="Refresh" content="0; URL=NoJs.html" />
  9. </noscript>
  10. <!-- bootstrap -->
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  12. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
  14. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
  15. <!--Import Google Icon Font-->
  16. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  17. <!--Import materialize.css-->
  18. <link type="text/css" rel="stylesheet" href="css/materialize.min.css" />
  19. <!-- Import icon -->
  20. <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/components/icon.min.css'>
  21. <!-- Import custom style -->
  22. <link rel="stylesheet" href="css/style.css" />
  23. <link rel="stylesheet" href="css/style2.css" />
  24. <!-- Import jquery.min.js -->
  25. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  26. <script src="js/team.js"></script>
  27. <!-- Logo Onglet -->
  28. <link rel="shortcut icon" type="image/x-icon" href="img/logo/favicon.ico" />
  29. <!-- Import pour email -->
  30. <script type="text/javascript" src="https://cdn.emailjs.com/dist/email.min.js"></script>
  31. <script type="text/javascript">
  32. (function() {
  33. emailjs.init("user_gG0wRllrFTTSu9Isxghyk");
  34. document.oncontextmenu = _ => false;
  35.  
  36. function ffalse() {
  37. return false;
  38. }
  39.  
  40. function ftrue() {
  41. return true;
  42. }
  43. document.onselectstart = _ => false;
  44. if (window.sidebar) {
  45. document.onmousedown = ffalse;
  46. document.onclick = ftrue;
  47. }
  48. })();
  49. </script>
  50.  
  51. <!-- Import pour captcha -->
  52. <!-- <script src='https://www.google.com/recaptcha/api.js'></script> -->
  53.  
  54. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  55.  
  56. <!--Let browser know website is optimized for mobile-->
  57. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  58. </head>
  59.  
  60. <!-- Barre de navigation sur le site -->
  61.  
  62. <body id="page-top">
  63. <!-- navbar -->
  64. <nav class="navbar navbar-default navbar-fixed-top">
  65. <div class="container-fluid the-navbar">
  66. <div id="navbar" class="navbar-collapse">
  67. <ul class="nav navbar-nav">
  68. <li class="dropdown">
  69. <a href="#page-top"><img class="logo" src="img/logo/aelina_online_flyff_typo.png" alt="Logo aeline Online"></a>
  70. <ul class="dropdown-menu" role="menu">
  71. <li><a class="dropdown-item" href="#Presentation">Présentation</a></li>
  72. <li><a class="dropdown-item" href="#Map">Nouveautées</a></li>
  73. <li><a class="dropdown-item" href="#Classes">Modifications</a></li>
  74. <li><a class="dropdown-item hide-on-med-and-down" href="#Equipe">Notre Équipe</a></li>
  75. <li><a class="dropdown-item" href="#Modal">Nous aider</a></li>
  76. <li><a class="dropdown-item" href="#Contact">Support</a></li>
  77. <li class="dropdown-header dropdown-item">----------------------</li>
  78. <li><a class="dropdown-item" href="#!" target="_blank">Accès Site</a></li>
  79. <li><a class="dropdown-item" href="#!" target="_blank">Accès Forum</a></li>
  80. <li><a class="dropdown-item" href="https://www.rpg-paradize.com/?page=vote&vote=110083" target="_blank">Voter</a></li>
  81. </ul>
  82. </li>
  83. </ul>
  84. <ul class="nav navbar-nav navbar-right hideAt770">
  85. <li><a href="" class="tooltipped" data-position='bottom' data-delay='50' data-tooltip='Le Site sera bientôt disponible' style="font-size: 150%; color: #ffdea2; margin-top: 0.5%;">Accèder directement au Site</a></li>
  86. </ul>
  87. </div>
  88. <!--/.nav-collapse -->
  89. <div class="the-blur"></div>
  90. </div>
  91. </nav>
  92.  
  93. <!-- Image Avant section Presentation -->
  94. <div class="parallax-container">
  95. <div class="parallax backfd">
  96. <img class="logo-banner" class="responsive-img" src="img/logo/aelina_online_flyff_compo.png" alt="">
  97. </div>
  98. </div>
  99.  
  100. <!-- Section Presentation du Serveur -->
  101. <section id="Presentation">
  102. <div class="section white">
  103. <div id="tanuki">
  104. <div id="pang">
  105. <div class="row container">
  106. <div class="titre">
  107. <h3>Bienvenue sur le portail <strong>Aelina Online</strong> !</h3>
  108. </div><br /><br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec efficitur neque vitae tempor ornare. Proin ornare risus a leo mattis semper. Proin dui velit, consectetur interdum diam vitae, fringilla ullamcorper lectus. Nam nec tincidunt lorem, et vehicula purus. Aliquam est enim, bibendum tincidunt fringilla at, mollis placerat libero. Curabitur nec vulputate tortor, et accumsan velit. Etiam a augue sed tortor tempus condimentum eget eget sem. Vivamus venenatis quam ac quam ullamcorper, non tristique risus elementum. In viverra, libero id semper vehicula, lorem lorem rutrum lacus, sit amet accumsan ipsum nulla nec turpis. Cras tincidunt convallis porttitor. Maecenas ullamcorper, nisl vel sagittis iaculis, erat urna rhoncus mauris, ut laoreet ipsum purus ac purus. In scelerisque est purus, a venenatis tellus sodales at. Sed id turpis ante. Maecenas eleifend pretium libero quis convallis.
  109.  
  110. Fusce risus metus, dignissim nec mattis in, porttitor at lectus. Fusce rutrum tortor id tincidunt ultrices. Integer sagittis turpis eu arcu lacinia, sit amet viverra arcu varius. Aliquam viverra ipsum ut mauris faucibus dapibus. Vestibulum eu nisi at elit volutpat lacinia. Vivamus porta pharetra felis. Mauris magna sapien, sollicitudin scelerisque sodales sit amet, volutpat nec elit. Vestibulum consectetur ornare lacinia. Nunc euismod dolor id nunc scelerisque efficitur. Maecenas efficitur, justo vel rhoncus efficitur, diam risus fermentum justo, in viverra nisi arcu eu mauris. Suspendisse ac purus ante. Mauris ornare ante orci, eu vestibulum arcu placerat a.
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </section>
  117.  
  118. <!-- Image Avant section Slider Map -->
  119. <div class="parallax-container">
  120. <div class="parallax"><img class="responsive-img" src="img/back/cou.jpg" alt=""></div>
  121. </div>
  122.  
  123. <!-- Section Slider Map -->
  124. <section id="Map">
  125. <!-- Liste des messages qui défile avec des images -->
  126. <div class="slider">
  127. <ul class="slides">
  128. <li>
  129. <img class="responsive-img" src="img/Map/1.jpg" alt="">
  130. <div class="caption left-align">
  131. <h3>Aelina Esport...</h3>
  132. </div>
  133. </li>
  134. <li>
  135. <img class="responsive-img" src="img/Map/2.jpg" alt="">
  136. <div class="caption right-align">
  137. <h3>...Venez découvrir une nouvelle expérience !</h3>
  138. </div>
  139. </li>
  140. <li>
  141. <img class="responsive-img" src="img/Map/flaris.jpg" alt="">
  142. <div class="caption center-align">
  143. <h3>Un Flaris complètement modifié !</h3>
  144. </div>
  145. </li>
  146. <li>
  147. <img class="responsive-img" src="img/Map/flaris2.jpg" alt="">
  148. <div class="caption right-align">
  149. <h3>Des ajouts encore jamais vue !</h3>
  150. </div>
  151. </li>
  152. <li>
  153. <img class="responsive-img" src="img/Map/flarineCentre.jpg" alt="">
  154. <div class="caption left-align">
  155. <h3>Un Flarine inédit...</h3>
  156. </div>
  157. </li>
  158. <li>
  159. <img class="responsive-img" src="img/Map/flarineCentre2.jpg" alt="">
  160. <div class="caption right-align">
  161. <h3>...Spécialement créé pour vous.</h3>
  162. </div>
  163. </li>
  164. <li>
  165. <img class="responsive-img" src="img/Map/SaintCity.jpg" alt="">
  166. <div class="caption center-align">
  167. <h3>Un Saint City revu</h3>
  168. </div>
  169. </li>
  170. <li>
  171. <img class="responsive-img" src="img/Map/SaintCity3.jpg" alt="">
  172. <div class="caption right-align">
  173. <h3>Une Zone boutique étudiée</h3>
  174. </div>
  175. </li>
  176. <li>
  177. <img class="responsive-img" src="img/Map/mapInedite.jpg" alt="">
  178. <div class="caption center-align">
  179. <h3>Un Nouveau Monde inexploré</h3>
  180. </div>
  181. </li>
  182. <li>
  183. <img class="responsive-img" src="img/back/baner.jpg" alt="">
  184. <div class="caption center-align">
  185. <h3>On vous attend !</h3>
  186. </div>
  187. </li>
  188. </ul>
  189. </div>
  190. </section>
  191.  
  192.  
  193. <!-- Image Avant section CLasses -->
  194. <div class="parallax-container">
  195. <div class="parallax"><img class="responsive-img" src="img/back/Flyff8.jpg" alt=""></div>
  196. </div>
  197.  
  198. <!-- Section Classes -->
  199. <section id="Classes">
  200. <div id="left">
  201. <div id="right">
  202. <div class="row">
  203. <h3 class="header">Les modifications apportées aux classes</h3>
  204. <div class='center-align' id="text_modif">
  205. <br />
  206. <p>Le Spadassin s'est vue apporter des modifications au niveau </p>
  207. </div>
  208. <div class='col l4 center-align hide-on-med-and-down'>
  209. <img id="img_left" class="test" src="img/classes/slayer_g.png" alt="" />
  210. </div>
  211. <div class="carousel col l4 center-align">
  212. <a class="carousel-item" data-cindex="1" href="#Classes"><img class="materialboxed" data-caption="classe Spadassin" src="img/armes/H.png" alt="Hache"></a>
  213. <a class="carousel-item" data-cindex="2" href="#Classes"><img class="materialboxed" data-caption="classe Arcaniste" src="img/armes/Baton.png" alt="Baton"></a>
  214. <a class="carousel-item" data-cindex="3" href="#Classes"><img class="materialboxed" data-caption="classe Arbaletrier" src="img/armes/Arc.png" alt="Arc"></a>
  215. <a class="carousel-item" data-cindex="4" href="#Classes"><img class="materialboxed" data-caption="chasse Templier" src="img/armes/Doloire.png" alt="Doloire"></a>
  216. <a class="carousel-item" data-cindex="5" href="#Classes"><img class="materialboxed" data-caption="classe Primat" src="img/armes/Sceptre.png" alt="Spectre"></a>
  217. <a class="carousel-item" data-cindex="6" href="#Classes"><img class="materialboxed" data-caption="classe Sylphide" src="img/armes/Yoyo.png" alt="Yoyo"></a>
  218. <a class="carousel-item" data-cindex="7" href="#Classes"><img class="materialboxed" data-caption="classe Envouteur" src="img/armes/Baguette.png" alt="Baguette"></a>
  219. <a class="carousel-item" data-cindex="8" href="#Classes"><img class="materialboxed" data-caption="classe Chanoine" src="img/armes/Poing.png" alt="Poing"></a>
  220. </div>
  221. <div class='col l4 center-align hide-on-med-and-down'>
  222. <img id="img_right" class="test" src="img/classes/slayer_f.png" alt="" />
  223. </div>
  224. </div>
  225. </div>
  226. </div>
  227. </section>
  228.  
  229.  
  230.  
  231. <!-- Image Avant Section Equipe -->
  232. <div class="parallax-container hide-on-med-and-down">
  233. <div class="parallax"><img class="responsive-img" src="img/back/fd3.jpg" alt=""></div>
  234. </div>
  235. <!-- Section Equipe -->
  236. <section id="Equipe" class="white hide-on-med-and-down team" style="height: 550px;">
  237. <!--<div class="footer_trp">-->
  238. <div class="team_trp">
  239. <div class="stf">
  240. <div id="sideb">
  241. <div class="ch ch0"><img src="img/logo/logo_team.png" alt="" />
  242. <h1>Aelina Online Team</h1>
  243. <span id="clh">Bienvenue sur la page de présentation de l'équipe ! Parcourez les photos pour en apprendre un peu plus sur l'équipe !</span></div>
  244. <div class="ch ch1"><img src="img/team/simon_color.jpg" alt="" />
  245. <h1>Simon</h1>
  246. <h2>Développeur</h2><span id="cth"><b>Rôle</b></span><h2>Fondateur</h2>
  247. <p id="text_team">"Codez toujours comme si la personne qui allait maintenir votre code était un violent psychopathe qui sait où vous habitez."</p>
  248. </div>
  249. <div class="ch ch2"><img src="img/team/Robin_color.jpg" alt="" />
  250. <h1>Robin</h1>
  251. <h2>Graphiste 2D/3D</h2><span id="cth"><b>Rôle</b></span><h2>Graphiste</h2>
  252. <p id="text_team">"Les lettres c’est chiant, parle moi en pixels !"</p>
  253. </div>
  254. <div class="ch ch3"><img src="img/team/fabien_color.jpg" alt="" />
  255. <h1>Fabien</h1>
  256. <h2>Développeur</h2><span id="cth"><b>Rôle</b></span><h2>Fondateur</h2>
  257. <p id="text_team">"Si debugger c’est supprimer des bugs, alors programmer c'est en ajouter."</p>
  258. </div>
  259. <div class="ch ch4"><img src="img/team/ilyes_color.jpg" alt="" />
  260. <h1 style="font-size:22px;">Ilyes</h1>
  261. <h2>Développeur</h2><span id="cth"><b>Rôle</b></span><h2>Fondateur</h2>
  262. <p id="text_team">"La vie est trop courte pour retirer le périphérique USB en toute sécurité. . ."</p>
  263. </div>
  264. <div class="ch ch5"><img src="img/team/Abricot_color.jpg" alt="" />
  265. <h1>Adrien</h1>
  266. <h2></h2><span id="cth"><b>Rôle</b></span><h2>Maître Du Jeu</h2>
  267. <p id="text_team">"Si le plan A ne fonctionne pas...il reste encore 25 lettres dans l'alphabet."</p>
  268. </div>
  269. <div class="ch ch6"><img src="img/team/licht_color.jpg" alt="" />
  270. <h1>Alex</h1>
  271. <span id="cth"><b>Rôle</b></span><h2>Modérateur</h2>
  272. <p id="text_team"></p>
  273. </div>
  274. <div class="ch ch7"><img src="img/team/Kero_color.jpg" alt="" />
  275. <h1>Alexandre</h1>
  276. <span id="cth"><b>Rôle</b></span><h2>Modérateur</h2>
  277. <p id="text_team">"Ma passion dans la vie ? Martyriser des joueurs ᕕ( ᐛ )ᕗ"</p>
  278. </div>
  279. <div class="ch ch8"><img src="img/team/christo_color.png" alt="" />
  280. <h1>Christopher</h1>
  281. <span id="cth"><b>Rôle</b></span><h2>Community Manager</h2>
  282. <p id="text_team">"Mido alias celui qui vas te retourner"</p>
  283. </div>
  284. </div>
  285. <div id="botta">
  286. <span class="a a1" style="background-image:url('img/team/simon_B.jpg');"></span>
  287. <span class="a a2" style="background-image:url('img/team/Robin_B.jpg');"></span>
  288. <span class="a a3" style="background-image:url('img/team/fabien_B.jpg');"></span>
  289. <span class="a a4" style="background-image:url(img/team/ilyes_B.jpg);"></span>
  290. <span class="a a5" style="background-image:url(img/team/Abricot_B.jpg);"></span>
  291. <span class="a a6" style="background-image:url(img/team/licht_B.jpg);"></span>
  292. <span class="a a7" style="background-image:url(img/team/Kero_B.jpg);"></span>
  293. <span class="a a8" style="background-image:url(img/team/christo_B.png);"></span>
  294. </div>
  295. </div>
  296. </div>
  297. <!--</div>-->
  298. </section>
  299.  
  300. <!-- Section Modal -->
  301. <div id="Modal" class="parallax-container sec_modal">
  302. <div class="row">
  303. <!-- Trigger Questionnaire -->
  304. <button data-target="modal1" class="btn-large btnleft transparent modal-trigger waves-effect waves-white">Questionnaire</button>
  305. <!-- Modal Questionnaire -->
  306. <form class="col s12" name="formulaire">
  307. <div id="modal1" class="modal modal-fixed-footer">
  308. <div class="modal-content">
  309. <h4>Questionnaire</h4>
  310. <div class="row">
  311. <div class="input-field col s6">
  312. <input id="pseudo" type="text" class="validate">
  313. <label for="pseudo">Pseudonyme*</label>
  314. </div>
  315. <div class="input-field col s6">
  316. <input id="email" type="email" class="validate">
  317. <label for="email">Email*</label>
  318. </div>
  319. </div>
  320. <div class="row">
  321. <div class="input-field col s12">
  322. <textarea id="q1" class="materialize-textarea" data-length="1000"></textarea>
  323. <label for="q1">Que voulez vous ameliorer sur le serveur ?*</label>
  324. </div>
  325. </div>
  326. <div class="row">
  327. <div class="input-field col s12">
  328. <textarea id="q2" class="materialize-textarea" data-length="1000"></textarea>
  329. <label for="q2">Que voulez vous trouver de nouveau sur le serveur ?*</label>
  330. </div>
  331. </div>
  332. <div class="row">
  333. <input type="checkbox" id="receive_mail" checked="checked" />
  334. <label for="receive_mail">Recevoir un email concernant la beta.</label>
  335. </div>
  336. <!-- <div class="g-recaptcha" data-sitekey="6LcSDzwUAAAAADzI6Uz9GRdBuAde0FH805a7i86Q"></div> -->
  337. <div class="info">
  338. <p>Nous avons désactivé le Questionnaire pour le moment. Il sera très vite de retour !<i class="material-icons">announcement</i></p>
  339. </div>
  340. </div>
  341. <div class="modal-footer">
  342. <a href="#" class="modal-action modal-close btn waves-effect waves-red transparent btn-flat ">Annuler</a>
  343. <a class="waves-effect waves-light btn disabled" id="send_mail">Envoyer <i class="material-icons right">send</i></a>
  344. </div>
  345. </div>
  346. </form>
  347.  
  348. <!-- Trigger Voter -->
  349. <button data-target="modal2" class="btn-large btnright transparent modal-trigger waves-effect waves-white">Voter</button>
  350. <!-- Modal Voter -->
  351. <div id="modal2" class="modal modal-fixed-footer">
  352. <div class="modal-content">
  353. <h4>Pourquoi voter ?</h4>
  354. <br /><h6><u>Nous rendre service</u></h6><br />
  355. <p>Les votes sont très importants pour un serveur privé, ce sont grâce à eux que nous pourrons augmenter notre communauté et par conséquent avoir plus de plaisir a jouer. Un serveur peuplé augmentera grandement votre plaisir en jeu que ce soit au niveau de son contenu ou alors en matière de défis (un grand nombre de guildes, du monde en arène, etc...).</p>
  356. <p>Voter pour Aelina Online c'est également un geste pour nous remercier nous bénévoles qui essayons de vous proposer le meilleur contenu que vous pourrez trouver sur un serveur privé.</p>
  357. <br /><h6><u>Être récompensé en 3 clics !</u> (Connaissez-vous la règle des trois clics ? c'est <a title="Rpg-Paradize page vote" href="https://fr.wikipedia.org/wiki/R%C3%A8gle_des_trois_clics" target="_blank">ici</a> !)</h6><br />
  358. <p>En votant et en nous aidant, nous nous devons de vous remercier et pour cela, un système de récompense sera instauré avec l'arrivée du site. Pour chaque vote réel effectué, un point de vote utilisable en jeu vous sera donné. De plus, pour gratifier les plus fervents voteurs, un système de pallier sera implanté où tout le monde sera récompensé (même avec un vote ! :3) en fin de mois. Plus d'informations avec l'arrivée du site.</p>
  359. <p>Pour rappel vous êtes les principaux acteurs du serveur. . . Alors votez !</p>
  360. <p class="right">Cordialement, <br />L'équipe Aelina Online.</p>
  361. </div>
  362. <div class="modal-footer">
  363. <a href="#" class="modal-action modal-close btn waves-effect waves-red transparent btn-flat ">J'ai compris !</a>
  364. <a target="_blank" href="https://www.rpg-paradize.com/?page=vote&vote=110083" class="modal-action modal-close btn waves-effect waves-green transparent btn-flat ">Voter Maintenant !</a>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
  369.  
  370. <div id="modal3" class="modal modal-fixed-footer">
  371. <div class="modal-content">
  372. <h2>Informations légales</h2>
  373. <h3>1. Présentation du site.</h3>
  374. <p>En vertu de l'article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique, il est précisé aux utilisateurs du site <a href="http://Aelina.online/">Aelina Online</a> l'identité des différents intervenants dans le cadre de sa réalisation et de son suivi :</p>
  375. <p><strong>Propriétaire</strong> : Ilyes Fabien – – 44000<br />
  376. <strong>Créateur</strong> : <a href="http:://www.aelina.online/">Ilyes - Fabien</a><br />
  377. <strong>Responsable publication</strong> : Ilyes – Fabien - team.AelinaOnline@gmail.com<br />
  378. Les responsables de publication sont des personnes physiques ou des personnes morales.<br />
  379. <strong>Webmaster</strong> : Ilyes - Fabien – team.AelinaOnline@gmail.com<br />
  380. Crédits : Ilyes, Fabien, Tchoupiii, Winipowa<br />
  381. Le modèle de mentions légales est offert par Subdelirium.com <a target="_blank" href="https://www.subdelirium.com/generateur-de-mentions-legales/" alt="Modèle de mentions légales">Modèle de mentions légales</a></p>
  382.  
  383. <h3>2. Conditions générales d’utilisation du site et des services proposés.</h3>
  384. <p>L’utilisation du site <a href="http://Aelina.online/">Aelina Online</a> implique l’acceptation pleine et entière des conditions générales d’utilisation ci-après décrites. Ces conditions d’utilisation sont susceptibles d’être modifiées ou complétées à tout moment, les utilisateurs du site <a href="http://Aelina.online/">Aelina Online</a> sont donc invités à les consulter de manière régulière.</p>
  385. <p>Ce site est normalement accessible à tout moment aux utilisateurs. Une interruption pour raison de maintenance technique peut être toutefois décidée par Fabien et/ou Ilyes, qui s’efforceront alors de communiquer préalablement aux utilisateurs les dates et heures de l’intervention.</p>
  386. <p>Le site <a href="http://Aelina.online/">Aelina Online</a> est mis à jour régulièrement par Ilyes et/ou Fabien. De la même façon, les mentions légales peuvent être modifiées à tout moment : elles s’imposent néanmoins à l’utilisateur qui est invité à s’y référer le plus souvent possible afin d’en prendre connaissance.</p>
  387. <h3>3. Description des services fournis.</h3>
  388. <p>Le site <a href="http://Aelina.online/">Aelina Online</a> a pour objet de fournir une information concernant l’ensemble des activités de la société.</p>
  389. <p>Fabien et Ilyes s’efforcent de fournir sur le site <a href="http://Aelina.online/">Aelina Online</a> des informations aussi précises que possible. Toutefois, ils ne pourront être tenus responsables des omissions, des inexactitudes et des carences dans la mise à jour, qu’elles soient de son fait ou du fait des tiers partenaires qui lui fournissent ces informations.</p>
  390. <p>Tous les informations indiquées sur le site <a href="http://Aelina.online/">Aelina Online</a> sont données à titre indicatif, et sont susceptibles d’évoluer. Par ailleurs, les renseignements figurant sur le site <a href="http://Aelina.online/">Aelina Online</a> ne sont pas exhaustifs. Ils sont donnés sous réserve de modifications ayant été apportées depuis leur mise en ligne.</p>
  391. <h3>4. Limitations contractuelles sur les données techniques.</h3>
  392. <p>Le site utilise la technologie JavaScript.</p>
  393. <p>Le site Internet ne pourra être tenu responsable de dommages matériels liés à l’utilisation du site. De plus, l’utilisateur du site s’engage à accéder au site en utilisant un matériel récent, ne contenant pas de virus et avec un navigateur de dernière génération mis-à-jour</p>
  394. <h3>5. Propriété intellectuelle et contrefaçons.</h3>
  395. <p>Fabien et Ilyes sont propriétaires des droits de propriété intellectuelle ou détiennent les droits d’usage sur tous les éléments accessibles sur le site, notamment les textes, images, graphismes, logo, icônes, sons, logiciels.</p>
  396. <p>Toute reproduction, représentation, modification, publication, adaptation de tout ou partie des éléments du site, quel que soit le moyen ou le procédé utilisé, est interdite, sauf autorisation écrite préalable de : Fabien et/ou Ilyes.</p>
  397. <p>Toute exploitation non autorisée du site ou de l’un quelconque des éléments qu’il contient sera considérée comme constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.</p>
  398. <h3>6. Limitations de responsabilité.</h3>
  399. <p>Fabien et Ilyes ne pourront être tenus responsable des dommages directs et indirects causés au matériel de l’utilisateur, lors de l’accès au site Aelina Online, et résultant soit de l’utilisation d’un matériel ne répondant pas aux spécifications indiquées au point 4, soit de l’apparition d’un bug ou d’une incompatibilité.</p>
  400. <p>Fabien et Ilyes ne pourront également être tenus responsable des dommages indirects (tels par exemple qu’une perte de marché ou perte d’une chance) consécutifs à l’utilisation du site <a href="http://Aelina.online/">Aelina Online</a>.</p>
  401. <p>Des espaces interactifs (possibilité de poser des questions dans l’espace contact) sont à la disposition des utilisateurs. Fabien et/ou Ilyes se réservent le droit de supprimer, sans mise en demeure préalable, tout contenu déposé dans cet espace qui contreviendrait à la législation applicable en France, en particulier aux dispositions relatives à la protection des données. Le cas échéant, Fabien et Ilyes se réservent également la possibilité de mettre en cause la responsabilité civile et/ou pénale de l’utilisateur, notamment en cas de message à caractère raciste, injurieux, diffamant, ou pornographique, quel que soit le support utilisé (texte, photographie…).</p>
  402. <h3>7. Gestion des données personnelles.</h3>
  403. <p>En France, les données personnelles sont notamment protégées par la loi n° 78-87 du 6 janvier 1978, la loi n° 2004-801 du 6 août 2004, l'article L. 226-13 du Code pénal et la Directive Européenne du 24 octobre 1995.</p>
  404. <p>A l'occasion de l'utilisation du site <a href="http://Aelina.online/">Aelina Online</a>, peuvent êtres recueillies : l'URL des liens par l'intermédiaire desquels l'utilisateur a accédé au site <a href="http://Aelina.online/">Aelina Online</a>, le fournisseur d'accès de l'utilisateur, l'adresse de protocole Internet (IP) de l'utilisateur.</p>
  405. <p> En tout état de cause Fabien et Ilyes ne collectent des informations personnelles relatives à l'utilisateur que pour le besoin de certains services proposés par le site <a href="http://Aelina.online/">Aelina Online</a>. L'utilisateur fournit ces informations en toute connaissance de cause, notamment lorsqu'il procède par lui-même à leur saisie. Il est alors précisé à l'utilisateur du site <a href="http://Aelina.online/">Aelina Online</a> l’obligation ou non de fournir ces informations.</p>
  406. <p>Conformément aux dispositions des articles 38 et suivants de la loi 78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, tout utilisateur dispose d’un droit d’accès, de rectification et d’opposition aux données personnelles le concernant, en effectuant sa demande écrite et signée, accompagnée d’une copie du titre d’identité avec signature du titulaire de la pièce, en précisant l’adresse à laquelle la réponse doit être envoyée.</p>
  407. <p>Aucune information personnelle de l'utilisateur du site <a href="http://Aelina.online/">Aelina Online</a> n'est publiée à l'insu de l'utilisateur, échangée, transférée, cédée ou vendue sur un support quelconque à des tiers. Seule l'hypothèse du rachat de Fabien et Ilyes et de ses droits permettrait la transmission des dites informations à l'éventuel acquéreur qui serait à son tour tenu de la même obligation de conservation et de modification des données vis à vis de l'utilisateur du site <a href="http://Aelina.online/">Aelina Online</a>.</p>
  408. <p>Le site n'est pas déclaré à la CNIL car il ne recueille pas d'informations personnelles. .</p>
  409. <p>Les bases de données sont protégées par les dispositions de la loi du 1er juillet 1998 transposant la directive 96/9 du 11 mars 1996 relative à la protection juridique des bases de données.</p>
  410. <h3>8. Liens hypertextes et cookies.</h3>
  411. <p>Le site <a href="http://Aelina.online/">Aelina Online</a> contient un certain nombre de liens hypertextes vers d’autres sites, mis en place avec l’autorisation de Fabien et Ilyes. Cependant, Fabien et/ou Ilyes n’ont pas la possibilité de vérifier le contenu des sites ainsi visités, et n’assumera en conséquence aucune responsabilité de ce fait.</p>
  412. <p>La navigation sur le site <a href="http://Aelina.online/">Aelina Online</a> est susceptible de provoquer l’installation de cookie(s) sur l’ordinateur de l’utilisateur. Un cookie est un fichier de petite taille, qui ne permet pas l’identification de l’utilisateur, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation ultérieure sur le site, et ont également vocation à permettre diverses mesures de fréquentation.</p>
  413. <p>Le refus d’installation d’un cookie peut entraîner l’impossibilité d’accéder à certains services. L’utilisateur peut toutefois configurer son ordinateur de la manière suivante, pour refuser l’installation des cookies :</p>
  414. <p>Sous Internet Explorer : onglet outil (pictogramme en forme de rouage en haut a droite) / options internet. Cliquez sur Confidentialité et choisissez Bloquer tous les cookies. Validez sur Ok.</p>
  415. <p>Sous Firefox : en haut de la fenêtre du navigateur, cliquez sur le bouton Firefox, puis aller dans l'onglet Options. Cliquer sur l'onglet Vie privée.
  416. Paramétrez les Règles de conservation sur : utiliser les paramètres personnalisés pour l'historique. Enfin décochez-la pour désactiver les cookies.</p>
  417. <p>Sous Safari : Cliquez en haut à droite du navigateur sur le pictogramme de menu (symbolisé par un rouage). Sélectionnez Paramètres. Cliquez sur Afficher les paramètres avancés. Dans la section "Confidentialité", cliquez sur Paramètres de contenu. Dans la section "Cookies", vous pouvez bloquer les cookies.</p>
  418. <p>Sous Chrome : Cliquez en haut à droite du navigateur sur le pictogramme de menu (symbolisé par trois lignes horizontales). Sélectionnez Paramètres. Cliquez sur Afficher les paramètres avancés. Dans la section "Confidentialité", cliquez sur préférences. Dans l'onglet "Confidentialité", vous pouvez bloquer les cookies.</p>
  419.  
  420. <h3>9. Droit applicable et attribution de juridiction.</h3>
  421. <p>Tout litige en relation avec l’utilisation du site <a href="http://Aelina.online/">Aelina Online</a> est soumis au droit français. Il est fait attribution exclusive de juridiction aux tribunaux compétents de Paris.</p>
  422. <h3>10. Les principales lois concernées.</h3>
  423. <p>Loi n° 78-17 du 6 janvier 1978, notamment modifiée par la loi n° 2004-801 du 6 août 2004 relative à l'informatique, aux fichiers et aux libertés.</p>
  424. <p> Loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique.</p>
  425. <h3>11. Lexique.</h3>
  426. <p>Utilisateur : Internaute se connectant, utilisant le site susnommé.</p>
  427. <p>Informations personnelles : « les informations qui permettent, sous quelque forme que ce soit, directement ou non, l'identification des personnes physiques auxquelles elles s'appliquent » (article 4 de la loi n° 78-17 du 6 janvier 1978).</p>
  428. </div>
  429. <div class="modal-footer">
  430. <a href="#" class="modal-action modal-close btn waves-effect waves-red transparent btn-flat ">J'ai compris !</a>
  431. </div>
  432. </div>
  433.  
  434. <!-- Fin de page Footer -->
  435. <footer class="page-footer grey darken-3 footer" id="Contact">
  436. <div class="footer_trp">
  437. <div class="container">
  438. <div class="row">
  439. <div class="col l4 s12">
  440. <h4 class="white-text">Nous Contacter</h4>
  441. <p class="grey-text text-lighten-4" style="font-size: 18px;" ><i class="material-icons left">email</i>team.AelinaOnline@gmail.com</p>
  442. <a href="https://discord.gg/ZGWQh" target="_blank">
  443. <img class="follow" src="img/logo/discordbt.png" alt="btnDiscord"/>
  444. </a>
  445. </div>
  446. <div class="col l4 s12">
  447. <h4 class="white-text">Nous Suivre</h4>
  448. <a href="https://facebook.com/AelinaOnline/" target="_blank">
  449. <img class="follow" src="img/logo/facebookbt.png" alt="btnFacebook"/>
  450. </a>
  451. <a href="https://twitter.com/AelinaOnline" target="_blank">
  452. <img class="follow" src="img/logo/twitterbt.png" alt="btnTwitter"/>
  453. </a>
  454. <a href="https://youtube.com" target="_blank">
  455. <img class="follow" src="img/logo/youtubebt.png" alt="btnYoutube"/>
  456. </a>
  457. </div>
  458. <div class="col l4 s12">
  459. <h4 class="white-text">À propos . . . </h4>
  460. <p class="grey-text text-lighten-4">Aelina Online est un serveur de jeu privée. Le contenu disponible sur le site vous est proposé par des développeurs indépendants. N'hésitez surtout pas à nous contacter si vous avez la moindre suggestion.<br /> Cordialement,<br/>L'équipe Aelina Online.</p>
  461. </div>
  462. </div>
  463. </div>
  464. <div class="footer-copyright">
  465. <div class="container">
  466. © 2017-2018 Fabien & Ilyes, All rights reserved.
  467. <a data-target="modal3" class="grey-text text-lighten-4 modal-trigger right">Licence</a>
  468. </div>
  469. </div>
  470. </div>
  471. </footer>
  472.  
  473. <!--Import jQuery before materialize.js-->
  474. <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  475. <script type="text/javascript" src="js/materialize.min.js"></script>
  476. <script>
  477. $(document).ready(function() {
  478. $('.parallax').parallax();
  479. });
  480.  
  481.  
  482. $(document).ready(function() {
  483. $('.modal').modal({
  484. dismissible: true,
  485. opacity: 0.8,
  486. inDuration: 500,
  487. outDuration: 500
  488. });
  489. });
  490.  
  491. $(document).ready(function() {
  492. $('.carousel').carousel({
  493. dist: -150,
  494. shift: 15,
  495. duration: 100,
  496. onCycleTo: function(data) {
  497. changeSlide($(data).data('cindex'));
  498. }
  499. });
  500. });
  501.  
  502. function fade_logo(){
  503. $(".logo-banner").fadeOut(1500).delay(2000).fadeIn(2000).delay(2000);
  504. }
  505.  
  506. $(document).ready(function(){
  507. setInterval('fade_logo()',1000);
  508. });
  509.  
  510. $('#send_mail').click(function() {
  511. if (document.formulaire.pseudo.value != "" && document.formulaire.email.value != "" &&
  512. document.formulaire.q1.value != "" && document.formulaire.q2.value != "") {
  513. /*emailjs.send("gmail","template_roMxB5q2",{from_name: document.formulaire.pseudo.value, message_html: "email : " + document.formulaire.email.value + "<br/>q1 : " +
  514. document.formulaire.q1.value + "<br/>q2 : " + document.formulaire.q2.value});*/
  515. $('#modal1').modal('close');
  516. } else {
  517. if (document.formulaire.pseudo.value == "")
  518. document.formulaire.pseudo.classList.add('invalid');
  519. if (document.formulaire.email.value == "")
  520. document.formulaire.email.classList.add('invalid');
  521. if (document.formulaire.q1.value == "")
  522. document.formulaire.q1.classList.add('invalid');
  523. if (document.formulaire.q2.value == "")
  524. document.formulaire.q2.classList.add('invalid');
  525. }
  526. });
  527.  
  528. changeSlide = function(index) {
  529. switch (index) {
  530. case 1:
  531. var elem1 = document.getElementById("img_left");
  532. var elem2 = document.getElementById("img_right");
  533.  
  534. elem1.setAttribute("src", "img/classes/slayer_g.png");
  535. elem2.setAttribute("src", "img/classes/slayer_f.png");
  536. Materialize.fadeInImage('.test');
  537. document.getElementById("text_modif").innerHTML =
  538. "<br /><p>Équilibrage de la classe <span id='hover' style='text-decoration: underline'><strong>Spadassin</strong></span> par rapport à ses rivaux. Des <strong>dégâts diminués</strong> que ce soit au niveau PVP et PVE. Un taux de coup critique plus dur à atteindre. Des buffs revus et baissés qui seront plus logiques lors de vos sessions de jeu.</p>";
  539. $('#hover').mouseover(function() {
  540. Materialize.fadeInImage('.test');
  541. })
  542. break;
  543. case 2:
  544. var elem1 = document.getElementById("img_left");
  545. var elem2 = document.getElementById("img_right");
  546.  
  547. elem1.setAttribute("src", "img/classes/arca_g.png");
  548. elem2.setAttribute("src", "img/classes/arca_f.png");
  549. Materialize.fadeInImage('.test');
  550. document.getElementById("text_modif").innerHTML =
  551. "<br /><p>Dans l'ensemble l'<span id='hover' style='text-decoration: underline'><strong>Arcaniste</strong></span> s'est vu accroître <strong>ses dégâts</strong> que ce soit dans <strong>les grottes les plus reculées</strong> ou sur <strong>le champ de bataille</strong>. Avec buffs réhaussés, vous aimerez le jouer pour sa capacité à <strong>nettoyer rapidement</strong> les monstres de nos instances !<br /></p>";
  552. $('#hover').mouseover(function() {
  553. Materialize.fadeInImage('.test');
  554. })
  555. break;
  556. case 3:
  557. var elem1 = document.getElementById("img_left");
  558. var elem2 = document.getElementById("img_right");
  559.  
  560. elem1.setAttribute("src", "img/classes/arba_g.png");
  561. elem2.setAttribute("src", "img/classes/arba_f.png");
  562. Materialize.fadeInImage('.test');
  563. document.getElementById("text_modif").innerHTML =
  564. "<br /><p>La portée de l'</strong><strong><span id='hover' style='text-decoration: underline'>Arbalètrier</strong></span> a été modifié. Les buffs du tireur sont dorénavant <strong>plus cohérents</strong> (plus aucun pourcentage de Toucher par exemple). Une classe également <strong>utile en PVE</strong> ... l'essayer c'est l'adopter !</p>";
  565. $('#hover').mouseover(function() {
  566. Materialize.fadeInImage('.test');
  567. })
  568. break;
  569. case 4:
  570. var elem1 = document.getElementById("img_left");
  571. var elem2 = document.getElementById("img_right");
  572.  
  573. elem1.setAttribute("src", "img/classes/templier_g.png");
  574. elem2.setAttribute("src", "img/classes/templier_f.png");
  575. Materialize.fadeInImage('.test');
  576. document.getElementById("text_modif").innerHTML =
  577. "<br /><p>Que ce soit en arène ou dans de longues instances venez découvrir le <span id='hover' style='text-decoration: underline'><strong>Templier</strong></span>. Des buffs modifiés ainsi que des <strong>points de vie grandement baissés</strong>. Le chevalier possède dorénavant <strong>deux modes</strong> distincts...</p>";
  578. $('#hover').mouseover(function() {
  579. Materialize.fadeInImage('.test');
  580. })
  581. break;
  582. case 5:
  583. var elem1 = document.getElementById("img_left");
  584. var elem2 = document.getElementById("img_right");
  585.  
  586. elem1.setAttribute("src", "img/classes/primat_g.png");
  587. elem2.setAttribute("src", "img/classes/primat_f.png");
  588. Materialize.fadeInImage('.test');
  589. document.getElementById("text_modif").innerHTML =
  590. "<br /><p>Le <span id='hover' style='text-decoration: underline'><strong>Primat</strong></span> ne devrait-il pas être essentiel que ce soit en donjon ou arène ? Maintenant il l'est ! Des <strong>buffs plus logiques</strong> qui durent une heure, des <strong>dégâts augmentés</strong> et une <strong>défense réajustée.</strong></p>";
  591. $('#hover').mouseover(function() {
  592. Materialize.fadeInImage('.test');
  593. })
  594. break;
  595. case 6:
  596. var elem1 = document.getElementById("img_left");
  597. var elem2 = document.getElementById("img_right");
  598.  
  599. elem1.setAttribute("src", "img/classes/sylphide_g.png");
  600. elem2.setAttribute("src", "img/classes/sylphide_f.png");
  601. Materialize.fadeInImage('.test');
  602. document.getElementById("text_modif").innerHTML =
  603. "<br /><p>Sur <strong>Aelina Online</strong> le <span id='hover' style='text-decoration: underline'><strong>Sylphide</strong></span> n'est pas seulement réservé pour la Guerre des Guildes. En effet, grâce à ses <strong>dégâts augmentés</strong> contre les montres vous pourrez le jouer également en PVE au même titre que le Spadassin.</p>";
  604. $('#hover').mouseover(function() {
  605. Materialize.fadeInImage('.test');
  606. })
  607. break;
  608. case 7:
  609. var elem1 = document.getElementById("img_left");
  610. var elem2 = document.getElementById("img_right");
  611.  
  612. elem1.setAttribute("src", "img/classes/envouteur_g.png");
  613. elem2.setAttribute("src", "img/classes/envouteur_f.png");
  614. Materialize.fadeInImage('.test');
  615. document.getElementById("text_modif").innerHTML =
  616. "<br /><p>Les classes magiques ont toujours été très dur à rééquilibrer. Au même titre que l'Arcaniste, l'<span id='hover' style='text-decoration: underline'><strong>Envoûteur</strong></span> à <strong>moins de points de vie</strong>. Les <strong>dégâts se sont vue renforcé</strong> que l'on parle du mode PVP ou bien PVE.</p>";
  617. $('#hover').mouseover(function() {
  618. Materialize.fadeInImage('.test');
  619. })
  620. break;
  621. case 8:
  622. var elem1 = document.getElementById("img_left");
  623. var elem2 = document.getElementById("img_right");
  624.  
  625. elem1.setAttribute("src", "img/classes/chanoine_g.png");
  626. elem2.setAttribute("src", "img/classes/chanoine_f.png");
  627. Materialize.fadeInImage('.test');
  628. document.getElementById("text_modif").innerHTML =
  629. "<br /><p>Le <span id='hover' style='text-decoration: underline'><strong>Chanoine</strong></span> quant à lui, sera <strong>très utile</strong> dans un groupe grâce à ses <strong>buffs améliorés</strong>. Ses <strong>modes DPS/Tank/Asal</strong> vous permettrons de diversifier votre jeu et de pouvoir aller en instance ou en combat contre d'autres joueurs !</p>";
  630. $('#hover').mouseover(function() {
  631. Materialize.fadeInImage('.test');
  632. })
  633. break;
  634. default:
  635. document.getElementById("text_modif").innerHTML = "Clique sur un personnage pour en apprendre davantage";
  636. }
  637. }
  638.  
  639. $('ul.nav li.dropdown').hover(function() {
  640. $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
  641. }, function() {
  642. $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
  643. });
  644.  
  645. $(document).ready(function() {
  646. $('.slider').slider({
  647. interval: 4000,
  648. height: 600,
  649. indicators: false
  650. });
  651. });
  652.  
  653. $(document).on('click', 'a[href^="#"]', function(event) {
  654. event.preventDefault();
  655.  
  656. $('html, body').animate({
  657. scrollTop: $($.attr(this, 'href')).offset().top - document.getElementById('navbar').offsetHeight + 1
  658. }, 500);
  659. });
  660. </script>
  661. </body>
  662.  
  663. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!