Skip to content

Commit c9cbc69

Browse files
committed
fix: index complet propre
1 parent 1518916 commit c9cbc69

1 file changed

Lines changed: 54 additions & 9 deletions

File tree

index.html

Lines changed: 54 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -7,28 +7,42 @@
77
<meta name="description" content="Site officiel de David KRK, DJ et producteur international de musique Techno. Découvrez sa musique, sa biographie et ses événements.">
88
<meta name="keywords" content="David KRK, DJ techno, producteur, événements, musique">
99
<link rel="icon" type="image/png" href="logo-30-01-25.png">
10+
11+
<!-- Fonts + Icones -->
1012
<link rel="preconnect" href="https://fonts.googleapis.com">
1113
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1214
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
15+
16+
<!-- Font Awesome -->
1317
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
18+
19+
<!-- CSS principal -->
1420
<link rel="stylesheet" href="assets/css/style.css">
21+
22+
<!-- Howler.js pour l'audio -->
1523
<script src="https://cdn.jsdelivr.net/npm/howler@2.2.3/dist/howler.core.min.js"></script>
1624
</head>
1725
<body class="home-page">
26+
1827
<div class="background-image"></div>
28+
1929
<div id="hero" class="content-wrapper">
2030
<header class="hero-header">
2131
<a href="bio.html">Bio</a>
2232
<a href="music.html">Music</a>
2333
<a href="event.html">Event</a>
2434
<a href="contact.html">Contact</a>
2535
<a href="shop.html">Shop</a>
26-
<a href="https://chat.whatsapp.com/CWnaoDc9TY6HbTmW9cOyYc" target="_blank" class="nav-link text-xl sm:text-2xl flex items-center">
36+
<a href="https://chat.whatsapp.com/CWnaoDc9TY6HbTmW9cOyYc"
37+
target="_blank"
38+
class="nav-link text-xl sm:text-2xl flex items-center">
2739
<i class="fab fa-whatsapp mr-1 sm:mr-2"></i>Whatsapp
2840
</a>
2941
</header>
42+
3043
<main class="text-center max-w-4xl mx-auto px-4 w-full mt-10">
3144
<h1 class="main-title">David KRK</h1>
45+
3246
<div class="language-selector flex-wrap">
3347
<button type="button" class="language-btn" data-lang="fr">Français</button>
3448
<button type="button" class="language-btn" data-lang="en">English</button>
@@ -37,68 +51,99 @@ <h1 class="main-title">David KRK</h1>
3751
<button type="button" class="language-btn" data-lang="ar">العربية</button>
3852
<button type="button" class="language-btn" data-lang="uk">Українська</button>
3953
</div>
54+
55+
<!-- Français -->
4056
<section id="fr" class="language-content">
4157
<h2>Site officiel de David KRK</h2>
4258
<p>DJ et producteur international de musique Techno.</p>
4359
<p>Découvrez sa musique, sa biographie et ses événements.</p>
4460
</section>
61+
62+
<!-- English -->
4563
<section id="en" class="language-content" style="display:none;">
4664
<h2>Official Website of David KRK</h2>
47-
<p>International Techno Music DJ & Producer.</p>
65+
<p>International Techno Music DJ &amp; Producer.</p>
4866
<p>Discover his music, biography, and events.</p>
4967
</section>
68+
69+
<!-- Español -->
5070
<section id="es" class="language-content" style="display:none;">
5171
<h2>Sitio web oficial de David KRK</h2>
5272
<p>DJ y productor internacional de música Techno.</p>
5373
<p>Descubre su música, biografía y eventos.</p>
5474
</section>
75+
76+
<!-- Euskara -->
5577
<section id="eu" class="language-content" style="display:none;">
5678
<h2>David KRK-ren webgune ofiziala</h2>
5779
<p>Techno musikako nazioarteko DJ eta ekoizlea.</p>
5880
<p>Ezagutu bere musika, biografia eta ekitaldiak.</p>
5981
</section>
82+
83+
<!-- العربية -->
6084
<section id="ar" class="language-content" style="display:none;" dir="rtl">
6185
<h2>الموقع الرسمي لديفيد كرك</h2>
6286
<p>دي جي ومنتج عالمي لموسيقى التكنو.</p>
6387
<p>اكتشف موسيقاه وسيرته الذاتية وفعالياته.</p>
6488
</section>
89+
90+
<!-- Українська -->
6591
<section id="uk" class="language-content" style="display:none;">
6692
<h2>Офіційний сайт David KRK</h2>
6793
<p>Міжнародний техно-діджей та продюсер.</p>
6894
<p>Відкрийте для себе його музику, біографію та події.</p>
6995
</section>
7096
</main>
7197
</div>
98+
7299
<footer style="text-align:center;padding:3rem;background:#111;color:#fff;margin-top:4rem;border-top:3px solid #ff6600;">
73100
<div style="max-width:800px;margin:0 auto;">
74101
<p style="margin-bottom:1.5rem;font-size:1.1rem;">📻 Suivez David KRK partout</p>
75102
<div style="display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;">
76-
<a href="https://youtube.com/@DavidKRK" target="_blank" style="color:#ff0000;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">🎥 YouTube</a>
77-
<a href="https://twitch.tv/DavidKRK" target="_blank" style="color:#9146ff;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">🎮 Twitch</a>
78-
<a href="https://kick.com/DavidKRK" target="_blank" style="color:#00ff00;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">⚡ Kick</a>
79-
<a href="https://facebook.com/DavidKRK" target="_blank" style="color:#1877f2;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">📘 Facebook</a>
103+
<a href="https://youtube.com/@DavidKRK" target="_blank"
104+
style="color:#ff0000;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">
105+
🎥 YouTube
106+
</a>
107+
<a href="https://twitch.tv/DavidKRK" target="_blank"
108+
style="color:#9146ff;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">
109+
🎮 Twitch
110+
</a>
111+
<a href="https://kick.com/DavidKRK" target="_blank"
112+
style="color:#00ff00;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">
113+
⚡ Kick
114+
</a>
115+
<a href="https://facebook.com/DavidKRK" target="_blank"
116+
style="color:#1877f2;font-size:1.2rem;text-decoration:none;padding:0.5rem 1rem;">
117+
📘 Facebook
118+
</a>
80119
</div>
81-
<p style="margin-top:2rem;font-size:0.9rem;opacity:0.8;">© 2026 David KRK - Tous droits réservés | Site propulsé par GitHub Pages</p>
120+
<p style="margin-top:2rem;font-size:0.9rem;opacity:0.8;">
121+
© 2026 David KRK - Tous droits réservés | Site propulsé par GitHub Pages
122+
</p>
82123
</div>
83124
</footer>
125+
84126
<script src="assets/js/main.js"></script>
85127
<script>
86128
document.addEventListener('DOMContentLoaded', () => {
87129
const langBtns = document.querySelectorAll('.language-btn');
88130
const langSections = document.querySelectorAll('.language-content');
131+
89132
function switchLanguage(lang) {
90133
langSections.forEach(section => {
91-
section.style.display = section.id === lang ? 'block' : 'none';
134+
section.style.display = (section.id === lang) ? 'block' : 'none';
92135
});
93136
}
137+
94138
langBtns.forEach(btn => {
95139
btn.addEventListener('click', () => {
96140
switchLanguage(btn.dataset.lang);
97141
});
98142
});
143+
144+
// Langue par défaut : français
99145
switchLanguage('fr');
100146
});
101147
</script>
102148
</body>
103149
</html>
104-

0 commit comments

Comments
 (0)