Sites-Camelia/branches/alt+tab/index.html

192 lines
11 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<html lang="fr">
<head>
<title>Alt Tab</title>
<meta charset="UTF-8">
<meta name="description" content="Alt Tab ; un monde à chaque fenêtre.">
<meta name="keywords" content="alt tab, <b>Alt Tab</b>, association, camélia studio, jeu vidéo, dofus, gardian tales, dofus touch">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Alt Tab">
<meta property="og:image" content="https://camelia-studio.org/branches/alt+tab/img/logo.png">
<meta property="og:description" content="Alt Tab est une communauté de joueurs, venant de divers jeux coopératifs en ligne. Fondée en 2007 avec une guilde sur le MMORPG Dofus, elle s'est vite étendue à d'autres horizons !">
<link rel="shortcut icon" href="img/favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<!-- Accueil -->
<section class="hero-section" id="section-1">
<div class="pana-accordion" id="accordion">
<div class="pana-accordion-wrap">
<div class="pana-accordion-item set-bg" data-setbg="img/ap/dofus.jpg">
<div class="pa-text">
<div class="pa-tag">Dofus</div>
<h2><i>La Compagnie de Sufokia</i></h2>
<div class="pa-author">
<img src="img/gm/miel.jpg" alt="">
<h4>Miel-Cerise</h4>
</div>
</div>
</div>
<div class="pana-accordion-item set-bg" data-setbg="img/ap/gt.png">
<div class="pa-text">
<div class="pa-tag">Guardian Tales</div>
<h2><i>Cercle des Cendres</i></h2>
<div class="pa-author">
<img src="img/gm/elaina.jpg" alt="">
<h4>Elaina</h4>
</div>
</div>
</div>
<div class="pana-accordion-item set-bg" data-setbg="img/ap/waven.jpg">
<div class="pa-text">
<div class="pa-tag">Waven</div>
<h2><i>Sufokiens Désancrés</i></h2>
<div class="pa-author">
<img src="img/gm/megumin.jpg" alt="">
<h4>Megumin</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Nouvelle section pour les représentants de la communauté et la description -->
<section class="community-section" id="section-2">
<div class="community-left">
<div class="representative">
<h2>Les gestionnaires d'« Alt Tab »</h2>
<br />
<img src="img/gm+/esenjin.gif" alt="Esenjin Asakha">
<h3>Esenjin Asakha</h3>
<p>C'est <b>Esenjin Asakha</b> ! Je suis le fondateur de la communauté <b>Alt Tab</b> et l'un de ses responsables actuels. J'ai créé ce groupe dans le but de partager de palpitantes aventures avec des aventuriers venus de tous les horizons ! J'espère que tous nos membres passent d'agréables moments de convivialité chez nous.</p>
</div>
<br />
<div class="representative">
<img src="img/gm+/arctyk.gif" alt="Arctyk">
<h3>Arctyk</h3>
<p>C'est <b>Arctyk</b> ! Je fais maintenant partie des meubles par ici. Je suis censé m'occuper de la guilde sur <b>Dofus</b>, mais je passe surtout mon temps à me toucher la nouille.</p>
</div>
<br />
<div class="representative">
<img src="img/gm+/skitounet.gif" alt="Skitounet">
<h3>Skitounet</h3>
<p>C'est <b>Skitounet</b> ! Passionné de jeux vidéo et d'informatique, je suis là pour vous accompagner sur <b>Dofus</b> ! Mon activité préférée sur le jeu ? Me perdre en faisant les quêtes !</p>
</div>
<div class="representative">
<h2>Viens t'amuser !</h3>
</div>
<img src="img/about.gif" alt="about">
</div>
<div class="community-right">
<h2>Qui sommes-nous ?</h2>
<p>Bienvenue dans l'atmosphère vibrante et décontractée de notre communauté <b>Alt Tab</b> (anciennement <i>Zaap Sufokien</i>). Nos guildes sont bien plus que de simples regroupements de joueurs ; ce sont des familles virtuelles où règnent la camaraderie, le fun et l'aventure. Que vous soyez un novice enthousiaste ou un vétéran aguerri, vous trouverez ici un refuge où vous pouvez être vous-même, explorer des mondes fantastiques et relever des défis épiques. Rejoignez-nous pour des soirées endiablées, des événements communautaires et des échanges enjoués où l'humour (douteux) et la bonne humeur sont toujours au rendez-vous. Dans nos guildes, chaque joueur est une pièce essentielle d'un puzzle plus grand, où l'amusement et la convivialité sont les maîtres mots.</p>
<p><b>Alt Tab</b> est une branche de l'association <b>Camélia Studio</b>, vous pouvez en savoir plus à son sujet en consultant sa page web <a href="https://camelia-studio.org/" target="_blank">juste ici</a>.</p>
<h2>Où nous trouver ?</h2>
<p>Nous avons actuellement des guildes sur :</p>
<ul>
<li><b>Dofus</b> | <b>La Compagnie de Sufokia</b> (depuis 2007) [<a href="https://camelia-studio.org/branches/alt+tab/la-compagnie-de-sufokia/" target="_blank">site</a>]</li>
<li><b>Guardian Tales</b> | <b>Cercle_des_Cendres</b> (depuis 2021)</li>
<li><b>Waven</b> | <b>Les Sufokiens Désancrés</b> (depuis 2024)</li>
</ul>
<p>Nous sommes (ou avons été) présent sur les MMORPG suivants (nous n'y avons plus de guilde) :</p>
<details>
<summary>Afficher/Cacher la liste</summary>
<ul>
<li><s>OGame</s></li>
<li><b>Wakfu</b></li>
<li><b>Final Fantasy XIV</b></li>
<li><s>ArcheAge</s></li>
<li><b>Black Desert Online</b></li>
<li><s>TERA</s></li>
<li><s>The Elder Scrolls Online</s></li>
<li><b>Destiny 2</b></li>
<li><s>Honkai Impact 3rd</s></li>
<li><s>Illusion Connect</s></li>
<li><s>Epic Seven</s></li>
<li><s>Lost Ark</s></li>
<li><b>Dofus Touch</b></li>
</ul>
</details>
<p>Sans oublier les jeux en coop suivants :</p>
<details>
<summary>Afficher/Cacher la liste</summary>
<ul>
<li><b>Minecraft</b></li>
<li><b>Monster Hunter World</b></li>
<li><s>Overwatch</s></li>
<li><b>Genshin Impact</b></li>
<li><s>Tower of Fantasy</s></li>
<li><b>Honkai : Star Rail</b></li>
<li><b>Granblue Fantasy Relink</b></li>
</ul>
</details>
<p>Si un jeu est rayé, c'est qu'à priori, il ne reste plus personne de chez nous dessus, même de façon irrégulière, ou alors que le jeu en question n'est tout simplement plus en service ...</p>
<h2>Nos projets en collaboration avec la branche <strong>CILA</strong> de notre association</h2>
<ul>
<li><a href="https://cila.camelia-studio.org/roulette-donjons/" target="_blank">Roulette à donjons</a> | Outil conçu pour nos joueurs sur Dofus. Il sélectionne un donjon au hasard dans la fourchette de niveaux choisis.</li>
<li><a href="https://ico.camelia-studio.org/" target="_blank">ICO</a> | Il s'agit de la galerie d'images de l'association Camélia Studio, à laquelle nous appartenons. Vous y trouverez un dossier pour chacun de nos jeux.</li>
<li><a href="https://cila.camelia-studio.org/moisson-rouge/" target="_blank">Moisson Rouge</a> | Outil conçu pour nos joueurs sur Dofus. Il permet de suivre l'avancé des quêtes du Dofus Ocre ; l'Éternelle Moisson.</li>
</ul>
</br>
<h2>Sources des images en une</h2>
<ul>
<li><a href="https://twitter.com/AntoineMazMaz/status/1295407941407866880" target="_blank">Dofus</a></li>
<li><a href="https://www.pixiv.net/en/artworks/108949034" target="_blank">Guardian Tales</a></li>
<li><a href="https://www.artstation.com/artwork/D5QN09" target="_blank">Waven</a></li>
</ul>
</div>
</section>
<!-- Third Section (Nous Contacter) -->
<section id="section-3" class="contact-section">
<div class="contact-container">
<h2>À voir également</h2>
<ul class="contact-links">
<li>
<a href="https://tsubakimono.camelia-studio.org/category/alt-tab/" target="_blank">
<i class="fa-brands fa-wordpress"></i>Tsubakimono</a>
<p>Le site web de <b>Camélia Studio</b>, tu y retrouveras divers articles, des animés à la musique, en passant par la littérature et le jeu vidéo.</p>
</li>
<li>
<a href="https://ico.camelia-studio.org/gallery/jMr107O4hFJqcKwyqds2epX8" target="_blank">
<i class="fa-solid fa-image"></i>ICO</a>
<p>Regarde comme nos aventures sont chatoyantes ! Nos périples sont ici consignés en images.</p>
</li>
<li>
<a href="https://discord.gg/nBuZ9vJ" target="_blank">
<i class="fa-brands fa-discord"></i>Discord</a>
<p>Viens papoter avec toute notre communauté ! On y discute de nos jeux vidéo, mais pas que !</p>
</li>
<li>
<a href="https://shelter.moe/@Camelia" target="_blank">
<i class="fa-brands fa-mastodon"></i>Mastodon</a>
<p>Retrouve notre actualité et celle des autres branches de notre association.</p>
</li>
<li>
<a href="https://fr.tipeee.com/asso-camelia" target="_blank">
<i class="fa-solid fa-credit-card"></i>Tipeee</a>
<p>Nous soutenir ? Notre association <b>Camélia Studio</b> vie uniquement de vos dons et des cotisations de ses adhérents.</p>
</li>
</ul>
</div>
</section>
<div class="pagination-dots">
<a href="#section-1" class="dot active" data-title="Accueil"></a>
<a href="#section-2" class="dot" data-title="Présentation"></a>
<a href="#section-3" class="dot" data-title="Contact"></a>
</div>
<script type="text/javascript" src="scripts.js"></script>
</body>