diff --git a/branches/alt+tab/img/about.gif b/branches/alt+tab/img/about.gif new file mode 100644 index 0000000..3da9f81 Binary files /dev/null and b/branches/alt+tab/img/about.gif differ diff --git a/branches/alt+tab/img/ap/dofus.jpg b/branches/alt+tab/img/ap/dofus.jpg new file mode 100644 index 0000000..e05a8bb Binary files /dev/null and b/branches/alt+tab/img/ap/dofus.jpg differ diff --git a/branches/alt+tab/img/ap/gt.png b/branches/alt+tab/img/ap/gt.png new file mode 100644 index 0000000..617858b Binary files /dev/null and b/branches/alt+tab/img/ap/gt.png differ diff --git a/branches/alt+tab/img/ap/touch.jpg b/branches/alt+tab/img/ap/touch.jpg new file mode 100644 index 0000000..a98b0e4 Binary files /dev/null and b/branches/alt+tab/img/ap/touch.jpg differ diff --git a/branches/alt+tab/img/ap/waven.jpg b/branches/alt+tab/img/ap/waven.jpg new file mode 100644 index 0000000..24170fb Binary files /dev/null and b/branches/alt+tab/img/ap/waven.jpg differ diff --git a/branches/alt+tab/img/default.jpg b/branches/alt+tab/img/default.jpg new file mode 100644 index 0000000..e05a8bb Binary files /dev/null and b/branches/alt+tab/img/default.jpg differ diff --git a/branches/alt+tab/img/favicon.ico b/branches/alt+tab/img/favicon.ico new file mode 100644 index 0000000..39fe6b8 Binary files /dev/null and b/branches/alt+tab/img/favicon.ico differ diff --git a/branches/alt+tab/img/gm+/arctyk.gif b/branches/alt+tab/img/gm+/arctyk.gif new file mode 100644 index 0000000..c5be1b6 Binary files /dev/null and b/branches/alt+tab/img/gm+/arctyk.gif differ diff --git a/branches/alt+tab/img/gm+/esenjin.gif b/branches/alt+tab/img/gm+/esenjin.gif new file mode 100644 index 0000000..0395b05 Binary files /dev/null and b/branches/alt+tab/img/gm+/esenjin.gif differ diff --git a/branches/alt+tab/img/gm+/skitounet.gif b/branches/alt+tab/img/gm+/skitounet.gif new file mode 100644 index 0000000..7a57533 Binary files /dev/null and b/branches/alt+tab/img/gm+/skitounet.gif differ diff --git a/branches/alt+tab/img/gm/elaina.jpg b/branches/alt+tab/img/gm/elaina.jpg new file mode 100644 index 0000000..a9e95e9 Binary files /dev/null and b/branches/alt+tab/img/gm/elaina.jpg differ diff --git a/branches/alt+tab/img/gm/megumin.jpg b/branches/alt+tab/img/gm/megumin.jpg new file mode 100644 index 0000000..de11b4b Binary files /dev/null and b/branches/alt+tab/img/gm/megumin.jpg differ diff --git a/branches/alt+tab/img/gm/miel.jpg b/branches/alt+tab/img/gm/miel.jpg new file mode 100644 index 0000000..f1a1225 Binary files /dev/null and b/branches/alt+tab/img/gm/miel.jpg differ diff --git a/branches/alt+tab/img/gm/skit.jpg b/branches/alt+tab/img/gm/skit.jpg new file mode 100644 index 0000000..09918b9 Binary files /dev/null and b/branches/alt+tab/img/gm/skit.jpg differ diff --git a/branches/alt+tab/img/logo.png b/branches/alt+tab/img/logo.png new file mode 100644 index 0000000..9be1abc Binary files /dev/null and b/branches/alt+tab/img/logo.png differ diff --git a/branches/alt+tab/index.html b/branches/alt+tab/index.html new file mode 100644 index 0000000..d1cc29e --- /dev/null +++ b/branches/alt+tab/index.html @@ -0,0 +1,154 @@ + + + + Alt Tab + + + + + + + + + + + + + + + + + +
+
+
+
+
+
Dofus
+

La Compagnie de Sufokia

+
+ +

Miel-Cerise

+
+
+
+
+
+
Guardian Tales
+

Cercle_des_Cendres

+
+ +

Elaina

+
+
+
+
+
+
Dofus Touch
+

Les Anciens Sufokiens

+
+ +

Skitounet

+
+
+
+
+
+
Waven
+

Les Sufokiens Désancrés

+
+ +

Megumin

+
+
+
+
+
+
+ + +
+
+
+

Les gestionnaires d'« Alt Tab »

+
+ Esenjin Asakha +

Esenjin Asakha

+

C'est Esenjin Asakha ! Je suis le fondateur de la communauté Alt Tab 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.

+
+
+
+ Arctyk +

Arctyk

+

C'est Arctyk ! Je fais maintenant partie des meubles par ici. Je suis censé m'occuper de la guilde sur Dofus, mais je passe surtout mon temps à me toucher la nouille.

+
+
+
+ Skitounet +

Skitounet

+

C'est Skitounet ! Passionné de jeux vidéo et d'informatique, je suis là pour vous accompagner sur Dofus Touch ! Mon activité préférée sur le jeu ? Me perdre en faisant les quêtes !

+
+
+

Viens t'amuser !

+
+ about +
+ +
+

Qui sommes-nous ?

+

Bienvenue dans l'atmosphère vibrante et décontractée de notre communauté Alt Tab (anciennement Zaap Sufokien). 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 !

+ +

Où nous trouver ?

+

Nous avons actuellement des guildes sur :

+ +

Nous sommes également présent sur les MMORPG suivants (sans y avoir de guilde) :

+ +

Sans oublier les jeux coop suivants :

+ + +

Nos projets en collaboration avec la branche CILA de notre association

+ +
+

Sources des images en une

+ +
+
+ + + + + \ No newline at end of file diff --git a/branches/alt+tab/scripts.js b/branches/alt+tab/scripts.js new file mode 100644 index 0000000..e622e78 --- /dev/null +++ b/branches/alt+tab/scripts.js @@ -0,0 +1,9 @@ + document.addEventListener("DOMContentLoaded", function () { + const bgElements = document.querySelectorAll('.set-bg'); + bgElements.forEach(function (element) { + const bg = element.getAttribute('data-setbg'); + if (bg) { + element.style.backgroundImage = `url(${bg})`; + } + }); + }); \ No newline at end of file diff --git a/branches/alt+tab/style.css b/branches/alt+tab/style.css new file mode 100644 index 0000000..c841578 --- /dev/null +++ b/branches/alt+tab/style.css @@ -0,0 +1,258 @@ +/* Global reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Montserrat', sans-serif; +} + +a { + color: #007bff; + text-decoration: none; + background-color: transparent; +} + +/* Hero Section Styles */ +.hero-section { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + position: relative; + background-color: #f4f4f4; + overflow: hidden; +} + +.pana-accordion { + width: 100%; + height: 100%; +} + +.pana-accordion-wrap { + display: flex; + width: 100%; + height: 100%; +} + +.pana-accordion-item { + flex: 1; + position: relative; + background-size: cover; + background-position: center; + transition: flex 0.5s ease; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; +} + +.pana-accordion-item:hover { + flex: 3; +} + +.pana-accordion-item.set-bg { + background-size: cover; + background-position: center; + background-repeat: no-repeat; +} + +/* Text Styles - centered at the bottom with full background */ +.pa-text { + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + text-align: center; + color: white; + z-index: 2; + width: 90%; + background-color: rgba(0, 0, 0, 0.7); + padding: 20px; + border-radius: 10px; +} + +/* Tag and Title */ +.pa-tag { + font-size: 18px; + margin-bottom: 10px; +} + +/* Guild name styling */ +.pa-text h2 { + font-size: 28px; + font-style: italic; + margin-bottom: 15px; +} + +/* Author details */ +.pa-author { + display: flex; + justify-content: center; + align-items: center; + margin-top: 10px; +} + +.pa-author img { + width: 50px; + height: 50px; + border-radius: 50%; + margin-right: 10px; +} + +.pa-author h4 { + font-size: 20px; +} + +/* Ensure proper responsiveness */ +@media (max-width: 768px) { + .pana-accordion-item { + flex: 1 !important; + } + + .pa-text h2 { + font-size: 22px; + } + + .pa-author h4 { + font-size: 16px; + } +} + +/* Section de la communauté */ +.community-section { + display: flex; + width: 100%; + min-height: 100vh; + clear: both; +} + +/* Partie gauche : représentants de la communauté */ +.community-left { + flex: 1; + background-color: #2682C4; + color: white; + padding: 30px; + display: flex; + flex-direction: column; + align-items: center; + min-height: 100vh; + box-sizing: border-box; +} + +.community-left .representative { + text-align: left; + margin-bottom: 40px; + width: 100%; + max-width: 600px; +} + +.community-left .representative img { + width: 120px; + height: 120px; + border-radius: 50%; + margin: 0 auto; + display: block; +} + + +.community-left h3 { + font-size: 24px; + margin-bottom: 10px; +} + +.community-left p { + font-size: 16px; + line-height: 1.5; +} + +/* Styles des titres avec liseré café */ +.community-left h2 { + font-size: 26px; + margin-bottom: 20px; + position: relative; +} + +/* Liseré café sous les titres */ +.community-left h2::after { + content: ''; + display: block; + width: 200px; + height: 4px; + background-color: #70685d; + margin-top: 10px; + border-radius: 2px; +} + +/* Partie droite : description de la communauté */ +.community-right { + flex: 1; + background-color: #70685d; + color: black; + padding: 30px; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: flex-start; + box-sizing: border-box; + min-height: 100vh; +} + +.community-right h2 { + font-size: 26px; + margin-bottom: 20px; +} + +.community-right p, +.community-right ul { + font-size: 16px; + line-height: 1.5; + margin-bottom: 20px; +} + +.community-right ul { + padding-left: 20px; +} + +.community-right li { + margin-bottom: 10px; +} + +/* Styles des titres avec liseré bleu */ +.community-right h2 { + font-size: 26px; + margin-bottom: 20px; + position: relative; +} + +/* Liseré bleu sous les titres */ +.community-right h2::after { + content: ''; + display: block; + width: 200px; + height: 4px; + background-color: #2682C4; + margin-top: 10px; + border-radius: 2px; +} + +/* Ajout d'un espace de défilement pour la partie droite */ +.community-right { + height: 100%; + overflow-y: scroll; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .community-section { + flex-direction: column; + } + + .community-left, .community-right { + width: 100%; + min-height: 50vh; + } +} \ No newline at end of file