Spaces:

DavidKRK
/

https-huggingface-co-davidkrk

Configuration error

File size: 39,084 Bytes
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="images/logo%2030-01-25.png">
    <title>David KRK · Biographie - DJ Techno &amp; Producteur</title>
    <!-- Meta tags for SEO -->
    <meta name="description" content="Découvrez l'histoire de David KRK, DJ Techno international se produisant en France, Espagne et Pays Basque depuis 2000. Trance, Tech Trance et Techno.">
    <meta name="keywords" content="David KRK, biographie, DJ techno, producteur, France, Espagne, Pays Basque, Trance, Tech Trance">
    <meta name="author" content="David KRK">
    <!-- Open Graph / Social Media -->
    <meta property="og:title" content="David KRK · Biographie - DJ Techno &amp; Producteur">
    <meta property="og:description" content="Découvrez l'histoire de David KRK, DJ Techno international se produisant en France, Espagne et Pays Basque depuis 2000.">
    <meta property="og:image" content="https://raw.githubusercontent.com/DavidKRK/DavidKRK.github.io/main/logo%2030-01-25.png">
    <meta property="og:url" content="https://davidkrk.com/bio.html">
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="David KRK · Biographie">
    <meta name="twitter:description" content="DJ Techno international - France, Espagne, Pays Basque">
    <meta name="twitter:image" content="https://raw.githubusercontent.com/DavidKRK/DavidKRK.github.io/main/logo%2030-01-25.png">
    <!-- Preload critical resources -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Russo+One&amp;display=swap" as="style">
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" as="style">
    <link rel="preload" href="dist/output.css" as="style">
    <!-- Stylesheets -->
    <link href="https://fonts.googleapis.com/css2?family=Russo+One&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
    <link rel="stylesheet" href="dist/output.css">
    <style>
        /* Styles de base */
        body {
            background: linear-gradient(135deg, #141414, #000000);
            font-family: 'Russo One', sans-serif;
            color: #FFFFFF;
            margin: 0;
            padding: 0;
            min-height: 100vh;
        }

<title>David KRK · Biographie - DJ Techno &amp; Producteur</title>

<!-- Meta tags for SEO -->
<meta name="description" content="Découvrez l'histoire de David KRK, DJ Techno international se produisant en France, Espagne et Pays Basque depuis 2000. Trance, Tech Trance et Techno.">
<meta name="keywords" content="David KRK, biographie, DJ techno, producteur, France, Espagne, Pays Basque, Trance, Tech Trance">
<meta name="author" content="David KRK">

<!-- Open Graph / Social Media -->
<meta property="og:title" content="David KRK · Biographie - DJ Techno &amp; Producteur">
<meta property="og:description" content="Découvrez l'histoire de David KRK, DJ Techno international se produisant en France, Espagne et Pays Basque depuis 2000.">
<meta property="og:image" content="https://raw.githubusercontent.com/DavidKRK/DavidKRK.github.io/main/logo%2030-01-25.png">
<meta property="og:url" content="https://davidkrk.com/bio.html">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="David KRK · Biographie">
<meta name="twitter:description" content="DJ Techno international - France, Espagne, Pays Basque">
<meta name="twitter:image" content="https://raw.githubusercontent.com/DavidKRK/DavidKRK.github.io/main/logo%2030-01-25.png">

<!-- Preload critical resources -->
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" as="style">
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" as="style">
<link rel="preload" href="dist/output.css" as="style">

<!-- Stylesheets -->
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<link rel="stylesheet" href="dist/output.css">
<style>
/* Styles de base */
body {
background: linear-gradient(135deg, #141414, #000000);
font-family: 'Russo One', sans-serif;
color: #FFFFFF;
margin: 0;
padding: 0;
min-height: 100vh;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}

.text-center {
text-align: center;
}

.mb-4 {
margin-bottom: 1rem;
}

.mt-4 {
margin-top: 1rem;
}

.text-8xl {
font-size: 6rem;
}

.text-2xl {
font-size: 1.5rem;
}

.font-bold {
font-weight: bold;
}

.main-content-area {
flex-grow: 1;
opacity: 0;
animation: fadeIn 0.5s ease-in-out forwards;
animation-delay: 0.3s;
}

.hover-underline-animation {
background: linear-gradient(to right, #FF69B4, #FFC67D, #8BC34A, #03A9F4, #FF69B4);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
animation: gradient 10s ease infinite;
background-size: 200% auto;
transition: all 0.3s var(--transition-timing);
position: relative;
padding-bottom: 2px;
}

.hover-underline-animation::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background: linear-gradient(to right, #FF69B4, #FFC67D);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s var(--transition-timing);
}

.hover-underline-animation:hover::after {
transform: scaleX(1);
transform-origin: left;
}

@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.title-animation {
animation: fadeInDown var(--animation-duration) var(--transition-timing);
opacity: 0;
animation-fill-mode: forwards;
}

@keyframes fadeInDown {
from { 
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

.lang-content {
display: none;
opacity: 0;
transform: translateY(20px);
transition: all 0.3s ease;
position: relative;
width: 100%;
visibility: hidden;
}

.lang-content.active {
display: block !important;
opacity: 1 !important;
transform: translateY(0) !important;
visibility: visible !important;
position: relative !important;
}

.content-container {
position: relative;
min-height: 500px;
overflow: hidden;
perspective: 1000px;
}

.content-wrapper {
transition: transform var(--animation-duration) var(--transition-timing);
transform-style: preserve-3d;
}

.content-wrapper h3 {
opacity: 0;
transform: translateY(-20px);
animation: fadeInDown var(--animation-duration) var(--transition-timing) forwards;
}

.mb-4 p {
opacity: 0;
transform: translateY(20px);
transition: all var(--animation-duration) var(--transition-timing);
}

.mb-4 p.fade-in {
opacity: 1;
transform: translateY(0);
}

.language-nav {
position: relative;
z-index: 3;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
margin-bottom: 2rem;
}

.language-nav button {
background: transparent;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
color: var(--text-color);
font-size: 1.25rem;
}

.language-nav button:hover {
transform: translateY(-2px);
color: var(--primary-color);
}

.language-nav button.active {
font-weight: bold;
}

.language-nav button.active::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #FF69B4, #FFC67D);
transform: scaleX(1);
transition: transform 0.3s ease;
}

@media (max-width: 768px) {
body {
padding-bottom: 100px;
}

.language-nav {
gap: 0.5rem;
}

.language-nav button {
padding: 0.3rem 0.7rem;
font-size: 1rem;
}

h1 {
font-size: 2.5rem !important;
}

.hover-underline-animation {
font-size: 1rem;
}
}

@media (max-width: 480px) {
.language-nav {
flex-direction: column;
align-items: center;
gap: 0.3rem;
}

h1 {
font-size: 2rem !important;
}

.language-nav button {
width: 100%;
text-align: center;
}

.hover-underline-animation {
font-size: 0.9rem;
}
}

.neon {
animation: neon 2s ease-in-out infinite;
}

@keyframes neon {
0%, 100% { color: #FFFF00; }
50% { color: #00FFFF; }
}

.rotate {
animation: rotate 10s linear infinite;
}

@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

/* Style pour le footer fixe */
.site-footer-original {
position: fixed;
bottom: 1rem; /* 4 de tailwind */
right: 1rem; /* 4 de tailwind */
display: flex;
align-items: center;
z-index: 50;
background-color: rgba(20, 20, 20, 0.8); /* Optionnel: fond semi-transparent */
padding: 0.5rem;
border-radius: 8px;
}
</style>
</head>
<body>

<div class="main-content-area container mx-auto px-6 pt-8">
<h1 class="text-8xl font-bold text-center mb-4 title-animation">David KRK</h1>

        <nav id="language-navigation" class="language-nav text-center mb-12" aria-label="Sélecteur de langue principal">
            <!-- Lien "Back" -->
            <a href="index.html" class="text-xl mx-4 hover-underline-animation">Back</a>
            <!-- Boutons de langue -->
            <button type="button" data-lang="francais" class="text-xl mx-4 hover-underline-animation active">Français</button>
            <button type="button" data-lang="castellano" class="text-xl mx-4 hover-underline-animation">Castellano</button>
            <button type="button" data-lang="euskara" class="text-xl mx-4 hover-underline-animation">Euskara</button>
            <button type="button" data-lang="english" class="text-xl mx-4 hover-underline-animation">English</button>
            <button type="button" data-lang="romana" class="text-xl mx-4 hover-underline-animation">Română</button>
            <button type="button" data-lang="zhongwen" class="text-xl mx-4 hover-underline-animation">中文</button>
            <button type="button" data-lang="nihongo" class="text-xl mx-4 hover-underline-animation">日本語</button>
            <button type="button" data-lang="ukrainian" class="text-xl mx-4 hover-underline-animation">Українська</button>
        </nav>

    <div class="main-content-area container mx-auto px-6 pt-8">
        <h1 class="text-8xl font-bold text-center mb-4 title-animation">David KRK</h1>
    </div>
    <nav id="language-navigation-2" class="language-nav text-center mb-12" aria-label="Sélecteur de langue secondaire">
        <a href="index.html" class="text-xl mx-4 hover-underline-animation">Back</a>
        <button type="button" data-lang="francais" class="text-xl mx-4 hover-underline-animation active">Français</button>
        <button type="button" data-lang="castellano" class="text-xl mx-4 hover-underline-animation">Castellano</button>
        <button type="button" data-lang="euskara" class="text-xl mx-4 hover-underline-animation">Euskara</button>
        <button type="button" data-lang="english" class="text-xl mx-4 hover-underline-animation">English</button>
        <button type="button" data-lang="romana" class="text-xl mx-4 hover-underline-animation">Română</button>
        <button type="button" data-lang="zhongwen" class="text-xl mx-4 hover-underline-animation">中文</button>
        <button type="button" data-lang="nihongo" class="text-xl mx-4 hover-underline-animation">日本語</button>
        <button type="button" data-lang="ukrainian" class="text-xl mx-4 hover-underline-animation">Українська</button>
    </nav>


        <!-- Contenu des langues -->
        <div class="content-container">
            <!-- Français -->
            <div id="francais" class="lang-content" data-lang="francais">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">Français</h3>
                    <div class="mb-4">
                        <p>David KRK, né en août 1982, est un DJ qui se produit en Espagne, France et Côte Basque depuis 2000.</p>
                        <p>Son style de base : Trance - Tech Trance, se diversifie aujourd'hui en complément de sons plus Techno.</p>
                        <p>Il est apprécié autant dans les clubs Espagnols que dans les complexes Français.</p>
                        <p>Il a partagé des scènes avec des artistes tels que PG-2 (Ex résident Txitxarro - Actuellement Nexo),</p>
                        <p>Diego ATB (Ex résident Txitxarro), The Fluid (Ex résident Inox - Actuellement Zul), Montxo (Ex Résident Nyx - Actuellement Zul)</p>
                        <p>mais aussi avec le collectif Espagnol connu sous le nom de North Trance Collective (Dj Sergi - Dj Gordon et Unai ATH).</p>
                        <p>Il a mixé dans quelques radios et Webradios telles que le programme Line Up sur Espiral Fm à Pampelune sur 99.7 et aussi sur Hesat Radio.</p>
                        <p>Très vite, David ressent le besoin d'exprimer ses sentiments à travers ses propres mixes.</p>
                        <p>Ses sets lui viennent du fond du cœur et le style qu'il joue touche le public grâce à cette sensibilité, ses émotions, qui se ressentent à travers son mix.</p>
                        <p>Son toucher particulier fait de ce DJ un musicien hors pair, dix minutes lui suffisent pour vous transporter dans son univers.</p>
                        <p>Il choisit ses disques méticuleusement pour que cela lui corresponde au moment présent et pour partager cet enthousiasme à son public.</p>
                        <p>Son prochain projet sera de produire un son Techno, qui sera sa référence, et c'est avec impatience que nous l'attendons!</p>
                   </div>
               </div>
           </div>

            <!-- Castellano -->
            <div id="castellano" class="lang-content" data-lang="castellano">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">Castellano</h3>
                    <div class="mb-4">
                        <p>David KRK, nacido en agosto de 1982, es un DJ que se presenta en España, Francia y la Costa Vasca desde 2000.</p>
                        <p>Su estilo base, Trance - Tech Trance, se ha diversificado hoy en día con la incorporación de sonidos más Techno.</p>
                        <p>Es apreciado tanto en los clubes españoles como en los complejos franceses.</p>
                        <p>Ha compartido escenarios con artistas como PG-2 (ex residente de Txitxarro - actualmente en Nexo),</p>
                        <p>Diego ATB (ex residente de Txitxarro), The Fluid (ex residente de Inox - actualmente en Zul), Montxo (ex residente de Nyx - actualmente en Zul)</p>
                        <p>así como con el colectivo español conocido como North Trance Collective (DJ Sergi, DJ Gordon y Unai ATH).</p>
                        <p>Ha mezclado en varias radios y webradios, como el programa Line Up en Espiral FM en Pamplona en el 99.7, y también en Hesat Radio.</p>
                        <p>Muy pronto, David siente la necesidad de expresar sus sentimientos a través de sus propias mezclas.</p>
                        <p>Sus sets, que vienen del fondo del corazón, tocan al público gracias a esta sensibilidad y a las emociones que se sienten a través de su mezcla.</p>
                        <p>Su toque particular hace de este DJ un músico excepcional; diez minutos son suficientes para transportarte a su universo.</p>
                        <p>Elige sus discos meticulosamente para que correspondan al momento presente y para compartir ese entusiasmo con su público.</p>
                        <p>Su próximo proyecto será producir un sonido Techno, que será su referencia, ¡y lo esperamos con impaciencia!</p>
                   </div>
               </div>
           </div>

            <!-- Euskara -->
            <div id="euskara" class="lang-content" data-lang="euskara">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">Euskara</h3>
                    <div class="mb-4">
                        <p>David KRK-ren biografia: 1982-ko abuztuan jaioa, David KRK 2000-garren urtetik aurrera Espainian, Frantzian eta Euskadin hezitako "deejay" gazte bat da.</p>
                        <p>Bere estilo nagusia: Trance eta Techno - Trance dira. Gaur egun elektro-trance izeneko doinu elektronikoa ere jorratzen du.</p>
                        <p>Espainian eta Frantzian egindako hainbat jaialdi garrantzitsutan egon da DJ hauekin kabina konpartituz:</p>
                        <p>PG-2 (Txitxarro-ko residente ohia, orain Santander-go Line Up-en dagoena), Diego ATB (Txitxarro-ko residente ohia), The Fluid (Inox-eko residente ohia, orain Zul-en dagoena), Montxo (Nyx-eko residente ohia, orain Zul alter-ean dagoena).</p>
                        <p>North Trance Collective izeneko kolektibo espainiarraren (DJ Sergi, DJ Gordon eta Unai ATH), Shred'R (Itzela Multiplex) eta Mr Hounck (Sonotone Evénement) laguntzarekin ere parte hartu du.</p>
                        <p>Zenbait irrati eta web irratietan parte hartu du, adibidez Line Up saioan (Iruñeko 99.7 Espiral FM-en) edota Hesat irratian (http://hesat.libcast.com/).</p>
                        <p>Bapatean, David-ek bere sentimenduak musika sesioen bidez adierazteko beharra sentitzen du.</p>
                        <p>Eta sesio hauek bere bihotzeko sakonenetik ateratzen dira. Bera musikaren bitartez publiko sentikor bat erakarri nahi du.</p>
                        <p>Bere egiteko moduak deejay eta musikari paregabea egiten dute; 10 minututan lor dezake publikoa eta clubber-ak unibertsora eramatea.</p>
                        <p>Diskoak xehetasunaz aukeratzen ditu une zehatz bakoitzean transmititu nahi duena adierazteko eta bere irrika publikoarekin partaide izateko.</p>
                        <p>David-en hurrengo proiektua Trance soinu propioa sortzea izango da.</p>
                        <p>Berehala entzu ahal izango ditugu bere produkzio guztiak.</p>
                   </div>
               </div>
           </div>

            <!-- English -->
            <div id="english" class="lang-content" data-lang="english">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">English</h3>
                    <div class="mb-4">
                        <p>David KRK, born in August 1982, is a DJ who has been performing in Spain, France, and the Basque Coast since 2000.</p>
                        <p>His primary style: Trance - Tech Trance, is now diversifying to include more Techno sounds.</p>
                        <p>He is appreciated in both Spanish clubs and French venues.</p>
                        <p>He has shared stages with artists such as PG-2 (Former resident at Txitxarro - Currently at Nexo),</p>
                        <p>Diego ATB (Former resident at Txitxarro), The Fluid (Former resident at Inox - Currently at Zul), Montxo (Former resident at Nyx - Currently at Zul)</p>
                        <p>as well as with the Spanish collective known as North Trance Collective (DJ Sergi - DJ Gordon and Unai ATH).</p>
                        <p>He has mixed on several radio stations and web radios such as the Line Up program on Espiral FM in Pamplona on 99.7 and also on Hesat Radio.</p>
                        <p>Very quickly, David felt the need to express his feelings through his own mixes.</p>
                        <p>His sets come from the bottom of his heart, and the style he plays resonates with the audience due to this sensitivity and emotions that are felt through his mix.</p>
                        <p>His unique touch makes this DJ an exceptional musician; ten minutes are enough to transport you into his universe.</p>
                        <p>He meticulously chooses his records to match his current feelings and to share this enthusiasm with his audience.</p>
                        <p>His next project will be to produce a Techno sound, which will be his reference, and we eagerly await it!</p>
                   </div>
               </div>
           </div>

            <!-- Українська -->
            <div id="ukrainian" class="lang-content" data-lang="ukrainian">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">Українська</h3>
                    <div class="mb-4">
                        <p>Девід КРК, народився в серпні 1982 року, є DJ, який виступає в Іспанії, Франції та Країні Басків з 2000 року.</p>
                        <p>Його основний стиль: Trance - Tech Trance, зараз розширюється, доповнюючись більш Techno звучанням.</p>
                        <p>Він цінується як в іспанських клубах, так і у французьких комплексах.</p>
                        <p>Він ділив сцену з такими артистами, як PG-2 (колишній резидент Txitxarro - зараз Nexo),</p>
                        <p>Дієго ATB (колишній резидент Txitxarro), The Fluid (колишній резидент Inox - зараз Zul), Montxo (колишній резидент Nyx - зараз Zul)</p>
                        <p>а також з іспанським колективом, відомим як North Trance Collective (Dj Sergi - Dj Gordon та Unai ATH).</p>
                        <p>Він міксував на кількох радіостанціях та Webradio, таких як програма Line Up на Espiral Fm в Памплоні на 99.7, а також на Hesat Radio.</p>
                        <p>Дуже швидко Девід відчуває потребу виражати свої почуття через власні мікси.</p>
                        <p>Його сети йдуть від самого серця, і стиль, який він грає, торкається публіки завдяки цій чутливості, його емоціям, які відчуваються через його мікс.</p>
                        <p>Його особливий підхід робить цього DJ неперевершеним музикантом, десяти хвилин йому достатньо, щоб перенести вас у свій всесвіт.</p>
                        <p>Він ретельно обирає свої диски, щоб вони відповідали його поточному настрою та щоб поділитися цим ентузіазмом зі своєю публікою.</p>
                        <p>Його наступним проектом буде продюсування Techno звучання, яке стане його орієнтиром, і ми з нетерпінням чекаємо на це!</p>
                   </div>
               </div>
           </div>

            <!-- Română -->
            <div id="romana" class="lang-content" data-lang="romana">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">Română</h3>
                    <div class="mb-4">
                        <p>David KRK, născut în august 1982, este un DJ care activează în Spania, Franța și Țara Bascilor din anul 2000.</p>
                        <p>Stilul său de bază: Trance - Tech Trance, se diversifică astăzi prin completarea cu sunete mai Techno.</p>
                        <p>Este apreciat atât în cluburile spaniole, cât și în complexele franceze.</p>
                        <p>A împărțit scene cu artiști precum PG-2 (fost rezident Txitxarro - în prezent Nexo),</p>
                        <p>Diego ATB (fost rezident Txitxarro), The Fluid (fost rezident Inox - în prezent Zul), Montxo (fost rezident Nyx - în prezent Zul)</p>
                        <p>dar și cu colectivul spaniol cunoscut sub numele de North Trance Collective (Dj Sergi - Dj Gordon și Unai ATH).</p>
                        <p>A mixat la câteva posturi de radio și Webradio, precum programul Line Up la Espiral Fm în Pamplona pe 99.7 și, de asemenea, la Hesat Radio.</p>
                        <p>Foarte repede, David simte nevoia de a-și exprima sentimentele prin propriile mixuri.</p>
                        <p>Seturile sale vin din adâncul inimii, iar stilul pe care îl abordează atinge publicul datorită acestei sensibilități, emoțiilor sale, care se resimt prin mixul său.</p>
                        <p>Atingerea sa particulară face din acest DJ un muzician excepțional, zece minute fiind suficiente pentru a te transporta în universul său.</p>
                        <p>Își alege discurile meticulos pentru a se potrivi momentului prezent și pentru a împărtăși acest entuziasm cu publicul său.</p>
                        <p>Următorul său proiect va fi producerea unui sunet Techno, care va fi referința sa, și îl așteptăm cu nerăbdare!</p>
                   </div>
               </div>
           </div>

            <!-- 中文 -->
            <div id="zhongwen" class="lang-content" data-lang="zhongwen">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">中文</h3>
                    <div class="mb-4">
                        <p>David KRK，1982年8月出生，自2000年以来一直在西班牙、法国和巴斯克地区演出的DJ。</p>
                        <p>他的基础风格是Trance - Tech Trance，如今也融入了更多的Techno元素。</p>
                        <p>他在西班牙俱乐部和法国场馆都备受赞赏。</p>
                        <p>他曾与PG-2（前Txitxarro驻场DJ - 现在Nexo）、</p>
                        <p>Diego ATB（前Txitxarro驻场DJ）、The Fluid（前Inox驻场DJ - 现在Zul）、Montxo（前Nyx驻场DJ - 现在Zul）等艺术家同台演出，</p>
                        <p>也曾与名为North Trance Collective的西班牙团体（包括DJ Sergi - DJ Gordon和Unai ATH）合作。</p>
                        <p>他曾在多个广播电台和网络电台进行混音，例如潘普洛纳99.7 Espiral Fm的Line Up节目以及Hesat Radio。</p>
                        <p>很快，David就感受到需要通过自己的混音来表达情感。</p>
                        <p>他的音乐集发自内心，他所播放的风格凭借其敏感性和情感触动听众，这些都通过他的混音得以体现。</p>
                        <p>他独特的触感使这位DJ成为一位杰出的音乐家，十分钟足以将你带入他的宇宙。</p>
                        <p>他精心挑选唱片，以使其符合当下时刻，并与听众分享这份热情。</p>
                        <p>他的下一个项目将是制作一种Techno声音，这将成为他的代表作，我们对此充满期待！</p>
                   </div>
               </div>
           </div>

            <!-- 日本語 -->
            <div id="nihongo" class="lang-content" data-lang="nihongo">
                <div class="content-wrapper">
                    <h3 class="text-2xl font-bold mt-4 mb-2 title-animation">日本語</h3>
                    <div class="mb-4">
                        <p>1982年8月生まれのDavid KRKは、2000年からスペイン、フランス、バスク地方で活動しているDJです。</p>
                        <p>彼の基本的なスタイルはトランス - テックトランスですが、今日ではよりテクノサウンドを取り入れて多様化しています。</p>
                        <p>彼はスペインのクラブとフランスの会場の両方で高く評価されています。</p>
                        <p>彼はPG-2（元Txitxarroレジデント - 現在Nexo）、</p>
                        <p>Diego ATB（元Txitxarroレジデント）、The Fluid（元Inoxレジデント - 現在Zul）、Montxo（元Nyxレジデント - 現在Zul）などのアーティストとステージを共にしました。</p>
                        <p>また、North Trance Collectiveとして知られるスペインのコレクティブ（Dj Sergi - Dj Gordon、Unai ATH）とも共演しています。</p>
                        <p>彼はパンプローナの99.7 Espiral FmのLine UpプログラムやHesat Radioなど、いくつかのラジオ局やウェブラジオでミックスを行いました。</p>
                        <p>すぐに、Davidは自身のミックスを通じて感情を表現する必要性を感じました。</p>
                        <p>彼のセットは心の底から生まれ、彼がプレイするスタイルは、その感受性、彼のミックスを通じて感じられる感情によって聴衆に響きます。</p>
                        <p>彼の独特なタッチはこのDJを卓越したミュージシャンにしており、10分もあれば彼の宇宙へとあなたを誘います。</p>
                        <p>彼は現在の瞬間に合うようにレコードを細心の注意を払って選び、その熱意を聴衆と共有します。</p>
                        <p>彼の次のプロジェクトは、彼の代表となるテクノサウンドを制作することであり、私たちはそれを心待ちにしています！</p>
                   </div>
               </div>
           </div>
       </div>
        <!-- Fin du contenu des langues -->

</div>
<div class="fixed-footer">
    <footer class="flex items-center gap-4">
        <div>
            <p class="text-gray-400 mb-2">&copy; 2025 All rights reserved <span class="rotate inline-block">David KRK</span></p>
            <p class="neon font-bold text-lg">"May The Techno Be With You"</p>
        </div>
        <div class="footer-links flex gap-3 items-center">
            <a href="https://facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white" aria-label="Facebook de David KRK">
                <i class="fab fa-facebook text-xl"></i>
            </a>
            <a href="mailto:davidkrkofficial@gmail.com" class="text-gray-300 hover:text-white text-sm">
                Contact
            </a>
        </div>
        <div class="footer-logo">
            <!-- VÉRIFIEZ QUE CE CHEMIN EST CORRECT ! -->
            <!-- L'image doit être dans le même dossier que ce fichier HTML, ou ajustez le chemin -->
            <img src="images/logo 30-01-25.png" alt="Logo David KRK" class="w-20 h-20 rounded-full border-4 border-white">
        </div>
    </footer>
</div>
<script>
            document.addEventListener('DOMContentLoaded', function() {
                // Cache tous les contenus au démarrage


<div class="fixed-footer">
        <footer class="flex items-center gap-4">
            <div>
                <p class="text-gray-400 mb-2">&copy; 2025 All rights reserved <span class="rotate inline-block">David KRK</span></p>
                <p class="neon font-bold text-lg">"May The Techno Be With You"</p>
            </div>
            <div class="footer-links flex gap-3 items-center">
                <a href="https://facebook.com/DavidKRKofficial" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white" aria-label="Facebook de David KRK">
                    <i class="fab fa-facebook text-xl"></i>
                </a>
                <a href="mailto:davidkrkofficial@gmail.com" class="text-gray-300 hover:text-white text-sm">Contact</a>
            </div>
            <div class="footer-logo">
                <img src="images/logo 30-01-25.png" alt="Logo David KRK" class="w-20 h-20 rounded-full border-4 border-white">
            </div>
        </footer>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Cache tous les contenus au démarrage
            document.querySelectorAll('.lang-content').forEach(content => {
                content.style.display = 'none';
                content.classList.remove('active');
                content.style.opacity = '0';
                content.style.visibility = 'hidden';
            });

            // Gestionnaire de langue
            const translations = {
                'francais': { 'pageTitle': "David KRK - DJ Techno &amp; Producteur", 'mainTitle': "SITE EN CONSTRUCTION", 'contact': "Contactez David KRK", 'rights': "© 2025 DAVID KRK - TOUS DROITS RÉSERVÉS" },
                'castellano': { 'pageTitle': "David KRK - DJ Techno & Productor", 'mainTitle': "SITIO EN CONSTRUCCIÓN", 'contact': "Contactar a David KRK", 'rights': "© 2025 DAVID KRK - TODOS LOS DERECHOS RESERVADOS" },
                'euskara': { 'pageTitle': "David KRK - Techno DJ & Ekoizlea", 'mainTitle': "GUNEA ERAIKITZEN", 'contact': "Harremanetan jarri David KRK", 'rights': "© 2025 DAVID KRK - ESKUBIDE GUZTIAK ERRESERBATUTA" },
                'english': { 'pageTitle': "David KRK - Techno DJ & Producer", 'mainTitle': "UNDER CONSTRUCTION", 'contact': "Contact David KRK", 'rights': "© 2025 DAVID KRK - ALL RIGHTS RESERVED" },
                'romana': { 'pageTitle': "David KRK - DJ Techno & Producător", 'mainTitle': "SITE ÎN CONSTRUCȚIE", 'contact': "Contactați David KRK", 'rights': "© 2025 DAVID KRK - TOATE DREPTURILE REZERVATE" },
                'zhongwen': { 'pageTitle': "David KRK - Techno DJ & 制作人", 'mainTitle': "网站建设中", 'contact': "联系 David KRK", 'rights': "© 2025 DAVID KRK - 版权所有" },
                'nihongo': { 'pageTitle': "David KRK - テクノDJ & プロデューサー", 'mainTitle': "ウェブサイト建設中", 'contact': "David KRKへのお問い合わせ", 'rights': "© 2025 DAVID KRK - 無断複写・転載を禁じます" },
                'ukrainian': { 'pageTitle': "David KRK - Techno DJ & Продюсер", 'mainTitle': "САЙТ В РОЗРОБЦІ", 'contact': "Зв'язатися з David KRK", 'rights': "© 2025 DAVID KRK - ВСІ ПРАВА ЗАХИЩЕНО" }
            };

            window.setLanguage = function(language) {
                const langData = translations[language];
                if (!langData) return;

                document.documentElement.lang = language;
                document.title = langData['pageTitle'];

                // Gérer l'affichage des contenus de langue

                document.querySelectorAll('.lang-content').forEach(content => {
                    content.style.display = 'none';
                    content.classList.remove('active');
                    content.style.opacity = '0';
                    content.style.visibility = 'hidden';
                });

                // Gestionnaire de langue
                const translations = {
                    'francais': { 'pageTitle': "David KRK - DJ Techno &amp; Producteur", 'mainTitle': "SITE EN CONSTRUCTION", 'contact': "Contactez David KRK", 'rights': " 2025 DAVID KRK - TOUS DROITS RÉSERVÉS" },
                    'castellano': { 'pageTitle': "David KRK - DJ Techno &amp; Productor", 'mainTitle': "SITIO EN CONSTRUCCIÓN", 'contact': "Contactar a David KRK", 'rights': " 2025 DAVID KRK - TODOS LOS DERECHOS RESERVADOS" },
                    'euskara': { 'pageTitle': "David KRK - Techno DJ &amp; Ekoizlea", 'mainTitle': "GUNEA ERAIKITZEN", 'contact': "Harremanetan jarri David KRK", 'rights': " 2025 DAVID KRK - ESKUBIDE GUZTIAK ERRESERBATUTA" },
                    'english': { 'pageTitle': "David KRK - Techno DJ &amp; Producer", 'mainTitle': "UNDER CONSTRUCTION", 'contact': "Contact David KRK", 'rights': " 2025 DAVID KRK - ALL RIGHTS RESERVED" },
                    'romana': { 'pageTitle': "David KRK - DJ Techno &amp; Producător", 'mainTitle': "SITE ÎN CONSTRUCȚIE", 'contact': "Contactați David KRK", 'rights': " 2025 DAVID KRK - TOATE DREPTURILE REZERVATE" },
                    'zhongwen': { 'pageTitle': "David KRK - Techno DJ &amp; ", 'mainTitle': "", 'contact': "David KRK", 'rights': " 2025 DAVID KRK - " },
                    'nihongo': { 'pageTitle': "David KRK - テクノDJ &amp; プロデューサー", 'mainTitle': "ウェブサイト建設中", 'contact': "David KRKへのお問い合わせ", 'rights': " 2025 DAVID KRK - " },
                    'ukrainian': { 'pageTitle': "David KRK - Techno DJ &amp; Продюсер", 'mainTitle': "САЙТ В РОЗРОБЦІ", 'contact': "Зв'язатися з David KRK", 'rights': " 2025 DAVID KRK - ВСІ ПРАВА ЗАХИЩЕНО" }
                };

                window.setLanguage = function(language) {
                    const langData = translations[language];
                    if (!langData) return;

                    document.documentElement.lang = language;
                    document.title = langData['pageTitle'];

                    // Gérer l'affichage des contenus de langue
                    document.querySelectorAll('.lang-content').forEach(content => {
                        content.style.display = 'none';
                        content.classList.remove('active');
                        content.style.opacity = '0';
                        content.style.visibility = 'hidden';
                    });

                    const activeContent = document.querySelector(`.lang-content[data-lang="${language}"]`);
                    if (activeContent) {
                        activeContent.style.display = 'block';
                        activeContent.classList.add('active');
                        activeContent.style.opacity = '1';
                        activeContent.style.visibility = 'visible';
                    }

                    // Mettre à jour les boutons de langue
                    document.querySelectorAll('.language-nav button').forEach(button => {
                        button.classList.remove('active');
                        if (button.getAttribute('data-lang') === language) {
                            button.classList.add('active');
                        }
                    });
                };

                // Ajouter les gestionnaires d'événements aux boutons de langue
                document.querySelectorAll('.language-nav button').forEach(button => {
                    button.addEventListener('click', function() {
                        const lang = this.getAttribute('data-lang');
                        setLanguage(lang);
                    });
                });
button.addEventListener('click', function() {
const lang = this.getAttribute('data-lang');
setLanguage(lang);
});
});

// Initialiser avec le français
setLanguage('francais');
});
</script>
</body>
</html>