-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (119 loc) · 9.38 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
<!DOCTYPE html>
<!-- HEY ! Demat jeune développeur ! Je vois que tu accèdes au Code du site de l'Empire Breton ! Saches que tu peux tout à fait utiliser des éléments de ce site à ton goût pour ton propre projet, à condition de ne pas recopier à la lettre pour recrééer exactement le même site. Si tu veux me contacter viens sur le Discord de l'Empire Breton ou contacte moi sur Discord @gaelbzh ou sur Twitter @gaelBZH42 ! Même pour me dire qu'au moins une personne aura lu ce Message xD. -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil - Empire Breton</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="StyleBoutons.css">
<link rel="stylesheet" href="StylesGlobaux.css">
<link rel="icon" href="Images/Icone.png">
<meta name="theme-color" content="#a13e3c">
<script>
function citation() {
const texts = [
["J ’aime bien cet esprit de fraternité avec nos camarades bretons.","Gunter"],
["Une bonne ambiance chaleureuse et décontractée.","Gunter"],
["J'adore le Serveur.","Yukilo"],
["L'ambiance est superbe pas de prise de tête et desfois on rigole bien.","Yukilo"],
["Il y a des petites animations en rapport avec la Bretagne pour nous faire découvrir de nouvelles choses ce qui est super cool.","Yukilo"],
["L'Empire Breton, serveur riche, membres actifs et agréables, en bref, un excellent serveur discord ou l'on peut s'amuser avec les membres et les bots", "Snurf"],
["Super serveur où vous pouvez montez en grade avec des levels, vous pouvez achetez des boost d'XP, vous pouvez apprendre des bases du breton, un serveur semi-rp et en réalité tellement de contenus que je peux pas tout dire.", "Snurf"],
["L'Empire Breton, l'essayer c'est l'adopter.", "Snurf"],
["Bien mais avec modération, comme le cidre.", "RLRGC"],
["Serveur agréable, convivial et sympathique, le fait que vous soyez breton ou non n'est pas dérangeant, au contraire, vous pouvez en apprendre sur la Bretagne, discuter avec des bretons et profiter d'une économie virtuelle et d'animations. Deut mat out !", "Just Nassim"]
];
const i = Math.floor(Math.random() * texts.length);
document.getElementById("Citation").textContent = texts[i][0];
document.getElementById("TextAuthorCitation").textContent = `- ${texts[i][1]}`;
}
</script>
</head>
<body onload="citation()">
<header>
<h1>
<table style="margin: auto;">
<tbody>
<tr>
<td id="BoutonLangue" class="dixpourcent">
<a style="cursor: pointer; float: left;" class="BoutonRouge">En Français <img width="17px" src="Images/EmojiFR.png" alt="Drapeau Français"></a>
<a href="Brezhoneg.html" style="float: left;" class="BoutonRouge">E Brezhoneg <img width="17px" src="Images/EmojiBZH.png" alt="Drapeau Breton"></a>
</td>
<td id="TitrePrincipal">
<img src="Images/EmojiBZH.png" alt="Emoji" width="36px"> Empire Breton <img src="Images/EmojiBZH.png" alt="Emoji" width="36px">
</td>
<td class="dixpourcent">
<a id="BoutonMenu" style="cursor: pointer; float: right;" class="BoutonRouge">Menu Principal</a>
</td>
</tr>
</tbody>
</table>
</h1>
<h2>Bienvenue en Bretagne • Degemer mat e Breizh</h2>
</header>
<main>
<!--Partie I - Embeds-->
<section class="Embeds">
<div id="Embed1">
<iframe width="100%" height="100%" style="min-height: 500px;" src="https://discord.com/widget?id=892079170388099134&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts" loading="lazy"></iframe>
</div>
<div id="Embed2">
<p>
<strong>Salut à toi, jeune breton<small>(ne)</small>, sois le<small>(la)</small> bienvenue sur l'empire breton.</strong>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Gwenn_ha_Du_%2811_mouchetures%29.svg/langfr-1280px-Gwenn_ha_Du_%2811_mouchetures%29.svg.png" alt="Emoji Drapeau Breton" width="20px">
<br><br>
L'Empire Breton est une communauté bretonne, et qui retrace toute l'histoire et la culture de la Bretagne de Brest à Nantes, en passant par Lorient et le Mont Saint Michel inclus. Fondé initialement par gaelBZH et Yukilo, il a permis de rassembler plus de 150 bretons et bretonnes passionnés de notre belle Bretagne. Principalement actif sur Discord, l'empire breton a permis de passer de superbes moments entre bretons. L'Humour et l'amusement sont les principales activités du serveur. Autour d'activités diverses, tels que des tournois, sondages, quiz ou évènements, et de nombreux sujets de discussions autour de la culture bretonne et des autres cultures celtiques d'Irlande, d'Écosse ou du Pays de Galles, vous trouverez forcément quelque chose qui vous intéresse. Les membres sont d'accords sur le fait qu'on s'y intègre très vite. La Bretagne est le centre de cette communauté Discord qu'est l'Empire Breton, mais de nombreux sujets variés ont aussi leur place ici, Star Wars, la musique, ou les trains... c'est bien les trains ! Sur l'Empire Breton, tu pourras même apprendre le Breton sur notre site ou notre Discord ! Discuter de la culture Celtique avec des membres actifs ou apprendre cette Culture avec nos références et nos articles sur le Sujet. Il y a aussi des nouveautés très régulièrement ! Comme par exemple très bientôt une Bande Dessinée faite par l'Empire Breton spécialement pour vous !
<br><br>
À tout de suite dans L'Empire Breton, Degemer Mat !
</p>
</div>
<div id="Embed3">
<iframe width="100%" height="49%" style="min-height: 200px;" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1027855.8878294284!2d-3.044630302287603!3d48.05495282082855!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sfr!4v1654420887051!5m2!1sfr!2sfr" allowfullscreen="none" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe width="100%" height="49%" style="min-height: 200px;" src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1283650.8072296167!2d-3.044630302287603!3d48.05495282082855!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sfr!2sfr!4v1654420920105!5m2!1sfr!2sfr" allowfullscreen="none" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section>
<!--Partie II - Boutons de Navigation -->
<nav id="BoutonsNavigation">
<div><a href="Histoire/index.html" class="BoutonBleu">Histoire</a></div>
<div><a href="https://discord.gg/Zaw7bB2bnj" class="BoutonVert" target="_blank">Lien du Discord <img src="Images/LienExterne.png" alt="Lien Externe" width="12px"></a></div>
<div><a href="Staff/index.html" class="BoutonViolet">Staff</a></div>
<div><a href="Musique/index.html" class="BoutonJaune">Musique</a></div>
<div><a href="SSB/index.html" class="BoutonRouge">SSB</a></div>
<div><a href="Interbreizh/index.html" class="BoutonBleu" target="_blank">Interbreizh <img src="Images/LienExterne.png" alt="Lien Externe" width="12px"></a></div>
<div><a href="CoursBreton/index.html" class="BoutonOrange">Cours de Breton</a></div>
<div><a href="PaysBreton/index.html" class="BoutonCyan">Pays Bretons</a></div>
</nav>
<!--Partie III - Commentaires de Membres-->
<section id="Commentaire">
<span id="CommentaireTitre">Commentaires de Membres
<button id="Actualisation" onclick="citation();"><img src="Images/Actualiser.png" alt="Bouton Actualisation"></button>
</span>
<hr>
<p id="Citation"></p>
<p id="TextAuthorCitation"></p>
</section>
</main>
<footer id="FooterLinks">
<p><u>Liens Utiles :</u></p>
<div>
<div class="Tiers">
<ul>
<li>Membres du Staff : <a href="Staff/index.html"><i>Staff.html</i></a></li>
<li>Histoire : <a href="Histoire/index.html"><i>Histoire.html</i></a></li>
<li>Interbreizh : <a href="Interbreizh/index.html"><i>Interbreizh.bzh</i></a></li>
</ul>
</div>
<div class="DeuxTiers">
<img src="Images/Flamme.png" alt="Flamme Ducale Bretonne" id="Flamme">
</div>
</div>
</footer>
<div id="BarreDuBas">
<a href="https://discord.gg/Zaw7bB2bnj" style="color:white; text-decoration: none;">
© <script>document.write(new Date().getFullYear());</script> Empire Breton
</a>
</div>
</body>
</html>