Created
April 27, 2022 20:05
-
-
Save shurane/dc35cdfa3ca9281f6d1a72797979185f to your computer and use it in GitHub Desktop.
data:text/html, <html contenteditable> with some extra styling to make it easier to use. Just copy/paste the code in your browser and type away. Or make it a bookmarklet.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| data:text/html;charset=utf-8,<title>TextEditor</title><style>body{background:#fbfbfb;color:#333;margin:0%50auto;width:100%}textarea{background:#fbfbfb;border:0;color:#333;font-family:sans-serif;font-size:2rem;height:98%;line-height:1.4;margin:0%20auto;outline:0;padding:4rem;width:100%}button{background-color:#fbfbfb;border:1px%20#ccc%20solid;color:#999;cursor:pointer;float:right;margin:10px%200;padding:5px%2010px}@media%20(max-width:100%){body{width:100%;padding:0}textarea{padding:10px}button{float:none}}</style><body><button%20onclick="sM();%20return%20false">Email%20this</button><textarea%20contenteditable%20id=TE%20spellcheck=false%20placeholder=Write...%20autofocus></textarea><script>function%20sM(){var%20a="mailto:?subject="+escape("Text%20from%20TextEditor")+"&body="+escape(document.getElementById("TE").value);window.location.href=a};</script> |
<title>Asieldossier Yusuf Eid - V-2940276210</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Inter', sans-serif;
}
@media print {
.no-print {
display: none!important;
}
.print-full {
width: 100%!important;
padding: 0!important;
margin: 0!important;
}
}
</style>
<header class="bg-slate-900 text-white shadow-md no-print">
<div class="max-w-7xl mx-auto px-4 py-4 flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center space-x-3">
<div class="bg-red-600 p-2 rounded text-white font-bold text-xl">YE</div>
<div>
<h1 class="font-bold text-lg leading-tight">Yusuf Eid</h1>
<p class="text-xs text-slate-400">V-nummer: 2940276210 | Zaaknummer: Z1-174133365966 </p>
</div>
</div>
<div class="mt-4 md:mt-0 flex space-x-2">
<button onclick="window.print()" class="bg-blue-600 hover:bg-blue-700 text-white text-sm font-semibold px-4 py-2 rounded flex items-center space-x-2 transition duration-200">
<i class="fas fa-print"></i>
<span>Dossier Printen / PDF</span>
</button>
<a href="mailto:info@gzasielzoekers.nl" class="bg-slate-700 hover:bg-slate-600 text-white text-sm font-semibold px-4 py-2 rounded flex items-center space-x-2 transition duration-200">
<i class="fas fa-envelope"></i>
<span>Contact GZA</span>
</a>
</div>
</div>
</header>
<div class="flex-grow flex max-w-7xl mx-auto w-full px-4 py-6">
<aside class="w-64 pr-6 hidden md:block no-print">
<nav class="space-y-1">
<button onclick="showTab('dashboard')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 bg-blue-50 text-blue-700 border-l-4 border-blue-600 transition" id="btn-dashboard">
<i class="fas fa-columns text-lg"></i><span>Dashboard</span>
</button>
<button onclick="showTab('verhaal')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-verhaal">
<i class="fas fa-book-open text-lg"></i><span>Mijn Verhaal</span>
</button>
<button onclick="showTab('tijdslijn')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-tijdslijn">
<i class="fas fa-clock text-lg"></i><span>Tijdslijn</span>
</button>
<button onclick="showTab('medisch')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-medisch">
<i class="fas fa-heartbeat text-lg"></i><span>Medisch Dossier</span>
</button>
<button onclick="showTab('juridisch')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-juridisch">
<i class="fas fa-gavel text-lg"></i><span>Juridische Gronden</span>
</button>
<button onclick="showTab('bewijs')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-bewijs">
<i class="fas fa-folder-open text-lg"></i><span>Bewijsstukken</span>
</button>
<button onclick="showTab('getuigen')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-getuigen">
<i class="fas fa-users text-lg"></i><span>Getuigen</span>
</button>
<button onclick="showTab('mentaal')" class="tab-btn w-full text-left px-4 py-3 rounded-lg font-medium text-sm flex items-center space-x-3 text-slate-600 hover:bg-slate-100 transition" id="btn-mentaal">
<i class="fas fa-brain text-lg"></i><span>Mentaal & Hulp</span>
</button>
</nav>
</aside>
<main class="flex-grow bg-white rounded-xl border border-slate-200 shadow-sm p-6 print-full overflow-hidden">
<section id="tab-dashboard" class="tab-content space-y-6">
<div class="border-b border-slate-100 pb-4 flex justify-between items-center">
<h2 class="text-2xl font-bold text-slate-900">Dossier Overzicht</h2>
<span class="bg-red-100 text-red-700 text-xs px-2.5 py-1 rounded-full font-semibold">Beroepsfase Lopend </span>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="bg-amber-50 border border-amber-200 p-5 rounded-xl flex items-start space-x-4">
<div class="bg-amber-500 text-white p-3 rounded-lg"><i class="fas fa-exclamation-triangle text-xl"></i></div>
<div>
<h3 class="font-bold text-amber-900 text-sm">Status Asielaanvraag</h3>
<p class="text-sm text-amber-800 mt-1">IND afwijzing d.d. 22-04-2026. Beroep ingesteld d.d. 23-04-2026. </p>
</div>
</div>
<div class="bg-emerald-50 border border-emerald-200 p-5 rounded-xl flex items-start space-x-4">
<div class="bg-emerald-500 text-white p-3 rounded-lg"><i class="fas fa-euro-sign text-xl"></i></div>
<div>
<h3 class="font-bold text-emerald-900 text-sm">Toegekende Dwangsom</h3>
<p class="text-2xl font-black text-emerald-700 mt-1">€14.900,-</p>
<p class="text-xs text-emerald-600">IND vertraging van 149 dagen x €100,- </p>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 p-5 rounded-xl flex items-start space-x-4">
<div class="bg-blue-500 text-white p-3 rounded-lg"><i class="fas fa-passport text-xl"></i></div>
<div>
<h3 class="font-bold text-blue-900 text-sm">Rechtmatig Verblijf</h3>
<p class="text-sm text-blue-800 mt-1">Opschortende werking: <strong>JA</strong>. Yusuf mag de uitspraak in Nederland afwachten.</p>
</div>
</div>
</div>
<div class="bg-slate-50 rounded-xl p-5 border border-slate-100">
<h3 class="font-bold text-slate-900 text-md mb-4 flex items-center space-x-2">
<i class="fas fa-id-card text-blue-600"></i>
<span>Persoonsgegevens & Dossier-ID</span>
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">Volledige Naam:</span>
<span class="font-semibold text-slate-900">Yusuf Eid </span>
</div>
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">V-nummer:</span>
<span class="font-mono font-bold text-slate-900">2940276210 </span>
</div>
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">Geboortedatum:</span>
<span class="font-semibold text-slate-900">1 februari 2006 (Aleppo) </span>
</div>
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">Zaaknummer IND:</span>
<span class="font-mono font-bold text-slate-900">Z1-174133365966 </span>
</div>
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">Huidige Opvang:</span>
<span class="font-semibold text-slate-900">AZC Haarlem (Meesterlottelaan)</span>
</div>
<div class="flex justify-between border-b border-slate-100 pb-2">
<span class="text-slate-500">Huidige Advocaat:</span>
<span class="font-semibold text-slate-900">mr. J. Eliya (Hengelo) </span>
</div>
</div>
</div>
<div class="bg-red-50 border border-red-200 rounded-xl p-5 flex items-start space-x-4">
<div class="bg-red-500 text-white p-2 rounded"><i class="fas fa-heart text-lg"></i></div>
<div>
<h4 class="font-bold text-red-900 text-sm">Acute Mentaal/Psychische Crisis</h4>
<p class="text-sm text-red-800 mt-1">Yusuf verkeert in een ernstige psychische crisis met actieve suïcidale gedachten door zwaar trauma en doodsangst bij terugkeer naar zijn beul. Hebt u direct hulp nodig of maakt u zich zorgen? Bel de GZA Praktijklijn: <strong>088 112 21 12</strong> (druk 1) of 113 Zelfmoordpreventie: <strong>113</strong>.</p>
</div>
</div>
</section>
<section id="tab-verhaal" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Mijn Volledige Verhaal (Mijn Verhaal)</h2>
<p class="text-sm text-slate-500">De gedetailleerde, menselijke en medisch-juridisch gestructureerde geschiedenis van Yusuf Eid.</p>
</div>
<div class="prose max-w-none text-slate-700 leading-relaxed space-y-4 text-sm">
<p><strong>De vlucht uit Syrië en vestiging in Turkije (2014)</strong><br>
Ik ben geboren op 1 februari 2006 in Aleppo, Syrië. In 2014, toen ik slechts 8 jaar oud was, moesten mijn ouders en ik halsoverkop vluchten vanwege de hevige oorlog, bombardementen en omsingeling van onze wijk Bustan Al-Qasr. Ons ouderlijk huis werd een maand na onze vlucht volledig gebombardeerd. Wij vluchtten illegaal naar Turkije en vestigden ons in Istanbul in de hoop op veiligheid.</p>
<p><strong>De gedwongen oom-trouw en de brute mishandeling (2015/2016)</strong><br>
In Istanbul woonde ons gezin samen met mijn oom Morai. Rond 2015 werd mijn oom door mijn familie gedwongen te trouwen met Hala, de dochter van Abdo Karmo. Hala kwam bij ons wonen, maar het huwelijk was zeer instabiel. Hala gaf mijn ouders en ons gezin de schuld van de ruzies en scheidingswensen van mijn oom. Toen mijn oom haar uiteindelijk ontvluchtte naar Bursa, zocht haar familie wraak.</p>
<p>In de winter van 2015/2016 werd onze woning in Istanbul aangevallen door Abdo Karmo en een groep Turkse bendeleden. Tijdens deze brute aanval werd ik – als kind van toen 10 jaar oud – zwaar mishandeld door Abdo Karmo. Hij schopte mij met extreme kracht rechtstreeks in mijn geslachtsdelen en sloeg mijn neus kapot. Dezelfde nacht vluchtten wij in een gesloten vrachtwagen naar Bursa, waar ik direct naar het ziekenhuis werd gebracht.</p>
<p><strong>De medische gevolgen: Blijvende verminking</strong><br>
De mishandeling heeft mijn lichaam permanent verminkt. In Bursa werd vastgesteld dat mijn neus was gebroken en dat ik zwaar testiculair trauma had. Vanwege mijn minderjarigheid werd de neusoperatie uitgesteld, en kreeg ik voor de testikelpijn slechts pijnstillers. Op 4 maart 2020 werd ik met spoed opgenomen in het Bursa Opleidingsziekenhuis vanwege acute <strong>testistorsie (N44)</strong> door eerder stomp trauma. Hoewel artsen probeerden de testikel te redden, was de schade te groot. Op 9 juni 2021 werd mijn linker testikel definitief verwijderd (**orchiectomie**). Op 4 augustus 2023, vlak voor mijn vlucht naar Nederland, onderging ik eindelijk de neusoperatie (**septorhinoplastiek**).</p>
<p><strong>De geopolitieke dreiging in 2026</strong><br>
Eind 2024 werd de familie Karmo door Turkije gedeporteerd naar Syrië. Abdo Karmo en zijn zonen hebben zich aangesloten bij de <strong>62ste Divisie (voorheen Al-Amshat)</strong>, die officieel is geïntegreerd in het nieuwe Syrische leger onder Ahmed al-Sharaa. Abdo gebruikt zijn militaire macht nu om wraak te nemen. Hij heeft in Afrin een officieel proces-verbaal (PV) tegen mij ingediend wegens valse beschuldigingen van "samenwerking met de PKK". In de audioberichten van <strong>30 maart 2026</strong> dreigt hij mijn vader expliciet dat onze namen bij de staat gesignaleerd staan en dat we zwaar ter verantwoording zullen worden geroepen bij terugkeer.</p>
</div>
</section>
<section id="tab-tijdslijn" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Chronologie van de Gebeurtenissen</h2>
<p class="text-sm text-slate-500">Interactieve tijdslijn van Yusuf's vlucht, trauma, operaties en juridische procedure.</p>
</div>
<div class="relative border-l border-slate-200 ml-4 space-y-8 text-sm">
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-slate-900 border border-white"></div>
<span class="text-xs font-bold text-slate-400">2014</span>
<h4 class="font-bold text-slate-900">Vlucht uit Aleppo </h4>
<p class="text-slate-600 mt-1">Gezin ontvlucht Bustan Al-Qasr vanwege bombardementen en omsingeling. Huis wordt vernietigd. Aankomst in Istanbul.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-red-600 border border-white"></div>
<span class="text-xs font-bold text-red-500">Winter 2015/2016</span>
<h4 class="font-bold text-red-700">De Brutale Aanval & Mishandeling </h4>
<p class="text-slate-600 mt-1">Abdo Karmo valt de woning in Istanbul aan. Yusuf (10 jaar) wordt in de genitaliën geschopt en zijn neus wordt gebroken. Vlucht naar Bursa.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-blue-500 border border-white"></div>
<span class="text-xs font-bold text-blue-500">4 maart 2020</span>
<h4 class="font-bold text-slate-900">Spoedoperatie wegens Testistorsie </h4>
<p class="text-slate-600 mt-1">Opname via ambulance wegens acute pijn. Doppler toont geen doorbloeding. Operatie door Dr. Dayi wegens torsie veroorzaakt door stomp trauma.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-blue-600 border border-white"></div>
<span class="text-xs font-bold text-blue-600">9 juni 2021</span>
<h4 class="font-bold text-slate-900">Definitieve Orchiectomie (Linker testikel verwijderd) </h4>
<p class="text-slate-600 mt-1">De testikel is volledig atrofisch geworden na de eerdere torsie. Operatie door Dr. Özçakir voor scrotale verwijdering.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-blue-500 border border-white"></div>
<span class="text-xs font-bold text-slate-400">4 augustus 2023</span>
<h4 class="font-bold text-slate-900">Septorhinoplastiek </h4>
<p class="text-slate-600 mt-1">Chirurgische correctie van de neusbreuken opgelopen bij de aanval in Istanbul.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-amber-500 border border-white"></div>
<span class="text-xs font-bold text-amber-500">Eind 2024</span>
<h4 class="font-bold text-slate-900">Deportatie dader en integratie in leger </h4>
<p class="text-slate-600 mt-1">Familie Karmo wordt door Turkije gedeporteerd naar Syrië en sluit zich aan bij de Sultan Suleiman Shah Brigade (62ste Divisie).</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-red-500 border border-white"></div>
<span class="text-xs font-bold text-red-500">30 maart 2026</span>
<h4 class="font-bold text-red-700">WhatsApp Dreigberichten </h4>
<p class="text-slate-600 mt-1">Abdo Karmo stuurt expliciete audio-bedreigingen naar Yusuf's vader waarin hij stelt dat hun namen "op de lijst van de staat" staan.</p>
</div>
<div class="relative pl-6">
<div class="absolute -left-1.5 mt-1.5 w-3 h-3 rounded-full bg-slate-900 border border-white"></div>
<span class="text-xs font-bold text-slate-500">April 2026</span>
<h4 class="font-bold text-slate-900">IND Procedure en Afwijzing </h4>
<p class="text-slate-600 mt-1">16 april: Nader gehoor. 20 april: Voornemen met 1 dag reactietermijn. 22 april: Definitieve beschikking (afwijzing). 23 april: Beroepschrift ingediend.</p>
</div>
</div>
</section>
<section id="tab-medisch" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Medisch Dossier (Chirurgische Bewijzen)</h2>
<p class="text-sm text-slate-500">De gedocumenteerde medische epicrises van het Bursa Opleidingsziekenhuis bewijzen de mishandeling.</p>
</div>
<div class="bg-slate-50 rounded-xl p-5 border border-slate-100 space-y-3 text-sm">
<div class="flex justify-between items-center border-b border-slate-200 pb-3">
<h3 class="font-bold text-slate-900">1. Spoedopname & Operatie (4-7 maart 2020) </h3>
<span class="bg-red-100 text-red-700 text-xs px-2 rounded-full font-semibold">Spoed (Acil) </span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<span class="text-slate-500">Diagnose:</span>
<span class="font-semibold text-slate-900 block">N44 - Testistorsie (links) </span>
</div>
<div>
<span class="text-slate-500">Uitvoerend Arts:</span>
<span class="font-semibold text-slate-900 block">Dr. Sabriye Dayi (Kinderchirurgie) </span>
</div>
</div>
<p class="text-slate-600 mt-2"><strong>Operatieverslag:</strong> Incisie via het linker scrotum. De testis bleek 180 graden gedraaid te zijn. Het weefsel was zwaar oedemateus en donkerpaars verkleurd door gebrek aan doorbloeding wegens stomp trauma (schoppen). Er werd detorsie toegepast en de testis werd teruggeplaatst met een Penrose-drain.</p>
</div>
<div class="bg-slate-50 rounded-xl p-5 border border-slate-100 space-y-3 text-sm">
<div class="flex justify-between items-center border-b border-slate-200 pb-3">
<h3 class="font-bold text-slate-900">2. Linker Scrotale Orchiectomie (8-9 juni 2021) </h3>
<span class="bg-blue-100 text-blue-700 text-xs px-2 rounded-full font-semibold">Routinematig </span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<span class="text-slate-500">Diagnose:</span>
<span class="font-semibold text-slate-900 block">Atrofische testis (gevolg post-torsie) </span>
</div>
<div>
<span class="text-slate-500">Uitvoerend Arts:</span>
<span class="font-semibold text-slate-900 block">Dr. Esra Özçakir (Kinderchirurgie) </span>
</div>
</div>
<p class="text-slate-600 mt-2"><strong>Operatieverslag:</strong> Vanwege volledige atrofie na de eerdere torsie werd besloten tot verwijdering. Via een verticale incisie werd de linker testis bereikt, de zaadstreng werd in drie lagen afgebonden en geëxcideerd. De linker testikel is definitief verwijderd.</p>
</div>
<div class="bg-slate-50 rounded-xl p-5 border border-slate-100 space-y-3 text-sm">
<div class="flex justify-between items-center border-b border-slate-200 pb-3">
<h3 class="font-bold text-slate-900">3. Open Technische Septorinoplastie (4-5 augustus 2023) </h3>
<span class="bg-blue-100 text-blue-700 text-xs px-2 rounded-full font-semibold">Plastische Reconstructie </span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<span class="text-slate-500">Diagnose:</span>
<span class="font-semibold text-slate-900 block">Neusfractuur (door vuistslagen) </span>
</div>
<div>
<span class="text-slate-500">Uitvoerend Arts:</span>
<span class="font-semibold text-slate-900 block">Dr. Emin Öztürk (Doruk Nilüfer Hastanesi) </span>
</div>
</div>
<p class="text-slate-600 mt-2"><strong>Operatieverslag:</strong> Reconstructieve heelkunde ter behandeling van de neusbreuken die Yusuf opliep tijdens de aanval door Abdo Karmo in Istanbul. Er werd septumkraakbeen verwijderd en osteotomieën uitgevoerd met behulp van een piezo-instrument.</p>
</div>
</section>
<section id="tab-juridisch" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Juridische Bezwaren tegen de IND-Beschikking</h2>
<p class="text-sm text-slate-500">Analyse van de vijf fundamentele fouten in de besluitvorming van de IND.</p>
</div>
<div class="space-y-4 text-sm text-slate-700 leading-relaxed">
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100">
<h3 class="font-bold text-slate-900 mb-2">1. Negeren van Beëdigde Vertalingen </h3>
<p>De IND heeft de beëdigde vertaling d.d. 19-04-2026 van de twee WhatsApp-audioberichten (Wbtv-nr. 40955) in het geheel niet beoordeeld of gewogen. Deze berichten bewijzen een actuele, gerichte en levensbedreigende munitie waarin expliciet wordt gedreigd met "zware verantwoording" bij terugkeer naar Syrië.</p>
</div>
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100">
<h3 class="font-bold text-slate-900 mb-2">2. Verkeerde Kwalificatie van de Vervolgingsactor </h3>
<p>De IND behandelt de bedreigingen als een "privé-familiegeschil". Abdo Karmo is echter lid van de 62e Divisie (voormalige Sultan Suleiman Shah Brigade / Amshat) die officieel is geïntegreerd in het Syrische Ministerie van Defensie. Hij beschikt daardoor over officiële machtsmiddelen, wapens en toegang tot signaleringslijsten; hij is een staatsactor in de zin van art. 6 Kwalificatierichtlijn.</p>
</div>
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100">
<h3 class="font-bold text-slate-900 mb-2">3. Procedureel Onrecht en Termijndruk </h3>
<p>De IND bood Yusuf slechts één werkdag voor het indienen van correcties en aanvullingen op het nader gehoor, terwijl hij op dat moment zijn advocaat niet kon bereiken. Dit is in directe strijd met werkinstructie WI 2023/4 en beleid, en heeft Yusuf belemmerd in zijn recht op effectieve rechtsbijstand.</p>
</div>
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100">
<h3 class="font-bold text-slate-900 mb-2">4. Onvoldoende weging van de Valse PKK-Aanklacht </h3>
<p>De IND verwerpt het PV uit Afrin op formele gronden (het gebruik van de naam 'Ali'). De IND miskent hiermee dat het gebruik van aliassen door militiebevelhebbers in Afrin een gedocumenteerde praktijk is en dat de valse beschuldiging van PKK-samenwerking in het post-Assadsyrië van 2026 een politiek doodvonnis vormt.</p>
</div>
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100">
<h3 class="font-bold text-slate-900 mb-2">5. Weigering van IMMO en Medische Evaluatie </h3>
<p>Hoewel de IND in de beschikking (pagina 13) stelt dat Yusuf "geen recente medische documenten" heeft overgelegd , heeft de IND tegelijkertijd zijn verzoek voor een onafhankelijk forensisch medisch onderzoek (iMMO) afgewezen. Dit is procedureel inconsistent en onzorgvuldig.</p>
</div>
</div>
</section>
<section id="tab-bewijs" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Gecertificeerde Bewijsstukken</h2>
<p class="text-sm text-slate-500">Directe bewijslast uit de WhatsApp audio-opnames en het proces-verbaal.</p>
</div>
<div class="bg-slate-900 text-slate-100 p-6 rounded-xl space-y-4 font-mono text-sm">
<div class="flex justify-between items-center border-b border-slate-700 pb-2">
<span class="text-red-500 font-bold"><i class="fas fa-file-audio"></i> WhatsApp Audio (30-03-2026) </span>
<span class="text-xs text-slate-400">Beëdigde Vertaling Wbtv-nr. 40955 </span>
</div>
<div class="space-y-3">
<div class="bg-slate-800 p-3 rounded">
<span class="text-xs text-amber-500 font-bold">Fragment 1 (13:30 uur) :</span>
<p class="mt-1 italic text-slate-300">"Hoe gaat het met je, Ammar? Denk niet dat je de staat zult ontvluchten, oké? Je zult uiteindelijk vanuit Turkije terugkeren naar Syrië, en je zoon Youssef, die naar Duitsland en Nederland is gevlucht, zal ook hierheen terugkeren. Jullie namen staan op de lijst van de staat, ze staan op de lijst van de staat. Begrijp je me?" </p>
</div>
<div class="bg-slate-800 p-3 rounded">
<span class="text-xs text-amber-500 font-bold">Fragment 2 (13:31 uur) :</span>
<p class="mt-1 italic text-slate-300">"En als u denkt dat u en uw zoon nooit zullen terugkomen, dan vergist u zich ernstig. Jullie zullen allemaal terugkomen en zwaar ter verantwoording worden geroepen." </p>
</div>
</div>
<div class="text-xs text-slate-400 text-right pt-2 border-t border-slate-800">
Opgesteld te Eindhoven door beëdigd vertaler M. Mrait
</div>
</div>
<div class="bg-slate-50 p-5 rounded-xl border border-slate-100 space-y-3 text-sm">
<h3 class="font-bold text-slate-900 border-b border-slate-200 pb-2">Het Proces-Verbaal (PV) uit عفرين (Afrin) </h3>
<p class="text-slate-700 leading-relaxed">Het overgelegde PV (gedateerd 1 januari 2025) bevat een klacht ingediend bij de lokale afdeling in Afrin onder de schuilnaam <strong>"Ali"</strong>. Yusuf en zijn vader worden hierin vals beschuldigd van actieve samenwerking met de Koerdische PKK. Het document is door een vriend van Yusuf's vader tegen betaling (smeergeld) verkregen. Dit PV is gesignaleerd in de centrale databanken, waardoor Yusuf bij elke grensovergang of luchthaven in Syrië direct gevaar loopt op arrestatie.</p>
</div>
</section>
<section id="tab-getuigen" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Schriftelijke Getuigenverklaringen</h2>
<p class="text-sm text-slate-500">Sleutelverklaringen van familieleden en onafhankelijke getuigen ter versterking van het dossier.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-xs">
<div class="border border-slate-200 p-4 rounded-xl space-y-2">
<h4 class="font-bold text-slate-900 flex justify-between">
<span>1. Ammar Eid (Vader) </span>
<span class="text-slate-400">Bursa, Turkije </span>
</h4>
<p class="text-slate-600 italic">"Ik bevestig dat Abdo Karmo de stem is in de WhatsApp-audioberichten van 30-03-2026. Hij heeft mijn zoon Yusuf als kind van 10 jaar zwaar mishandeld en verminkt in Istanbul. Hij gebruikt zijn positie in de 62e Divisie om ons nu politiek te vervolgen met de valse PKK-aanklacht." </p>
</div>
<div class="border border-slate-200 p-4 rounded-xl space-y-2">
<h4 class="font-bold text-slate-900 flex justify-between">
<span>2. Maysaa Eid (Tante) </span>
<span class="text-slate-400">Aleppo, Syrië </span>
</h4>
<p class="text-slate-600 italic">"Ik woon in Aleppo en ik getuig dat de familie Karmo eind 2024 is teruggekeerd uit Turkije en dat de vader en zonen zich hebben aangesloten bij de 62e Divisie (Amshat). Zij hebben wapens en macht. Zij praten nog steeds vol haat over Yusuf en dreigen hem te vermoorden als hij terugkeert." </p>
</div>
<div class="border border-slate-200 p-4 rounded-xl space-y-2">
<h4 class="font-bold text-slate-900 flex justify-between">
<span>3. Zouha Eid (Moeder) </span>
<span class="text-slate-400">Bursa, Turkije </span>
</h4>
<p class="text-slate-600 italic">"Ik was ooggetuige van de brute aanval op ons huis in Istanbul. Ik zag hoe Abdo Karmo mijn zoon Yusuf schopte en mishandelde. Ik heb hem begeleid tijdens alle operaties en de emotionele trauma's. Terugsturen naar Syrië betekent hem overleveren aan zijn beul." </p>
</div>
<div class="border border-slate-200 p-4 rounded-xl space-y-2">
<h4 class="font-bold text-slate-900 flex justify-between">
<span>4. T.C. Getuige (Eski Komşu) </span>
<span class="text-slate-400">Istanbul, Turkije </span>
</h4>
<p class="text-slate-600 italic">"Ik was als kind de buurman van de familie Eid in Istanbul. Ik was getuige van de gewelddadige inval door Abdo Karmo en zijn bende. Mijn familie en buren hebben geprobeerd te helpen en wij hebben de politie gebeld. Ik zag dat Yusuf zwaar gewond was en in doodsangst verkeerde." </p>
</div>
</div>
</section>
<section id="tab-mentaal" class="tab-content hidden space-y-6">
<div class="border-b border-slate-100 pb-4">
<h2 class="text-2xl font-bold text-slate-900">Psychische Crisis & Noodhulp</h2>
<p class="text-sm text-slate-500">De ernstige psychische impact van het trauma en de angst voor deportatie.</p>
</div>
<div class="prose max-w-none text-slate-700 leading-relaxed text-sm space-y-4">
<h3 class="font-bold text-slate-900">Het mechanisme van "Hechtingsangst" en Isolatie</h3>
<p>Yusuf lijdt aan een diepgeworteld trauma (PTSS) dat direct voortvloeit uit de gewelddadige mishandeling en de fysieke verminking (orchiectomie) in zijn kindertijd. Na het ontvangen van de IND-afwijzing bevindt hij zich in een acute crisis.</p>
<p>Yusuf geeft aan dat hij bewuste barrières opwerpt in het contact met mensen van wie hij houdt en die dicht bij hem staan in Nederland. Dit gedrag is een defensief psychologisch overlevingsmechanisme: <strong>hechtingsangst en angst voor verlies</strong>. Omdat hij dagelijks in doodsangst leeft dat hij zal worden weggevoerd of zal sterven bij terugkeer naar zijn beul, probeert hij de pijn van een definitief en pijnlijk afscheid voor te zijn door zichzelf nu al emotioneel te isoleren.</p>
<div class="bg-red-50 border border-red-200 rounded-xl p-5 space-y-3">
<h4 class="font-bold text-red-900 flex items-center space-x-2">
<i class="fas fa-heartbeat"></i>
<span>Hebt u nu direct hulp nodig?</span>
</h4>
<p class="text-red-800">Yusuf kampt met zware suïcidale gedachten. Hij verklaart dat hij liever sterf in Nederland dan dat hij zichzelf opnieuw laat overleveren en martelen door de personen die zijn lichaam hebben kapotgemaakt.</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs font-semibold pt-2">
<div class="bg-white border border-red-300 p-3 rounded text-center">
<span class="block text-slate-500">GZA Praktijklijn (AZC)</span>
<span class="text-red-700 text-md block font-bold mt-1">088 112 21 12 (toets 1)</span>
</div>
<div class="bg-white border border-red-300 p-3 rounded text-center">
<span class="block text-slate-500">Zelfmoordpreventie</span>
<span class="text-red-700 text-md block font-bold mt-1">113 (gratis & anoniem)</span>
</div>
<div class="bg-white border border-red-300 p-3 rounded text-center">
<span class="block text-slate-500">Noodnummer NL</span>
<span class="text-red-700 text-md block font-bold mt-1">112 (politie/ambulance)</span>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<footer class="bg-slate-900 text-slate-400 text-xs py-6 mt-12 border-t border-slate-800 no-print">
<div class="max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
<p>© 2026 Medisch-Juridisch Dossier Yusuf Eid (V-2940276210). Alle rechten voorbehouden.</p>
<p class="mt-2 md:mt-0 text-slate-500">Gegenereerd ten behoeve van juridische en humanitaire rechtsbijstand.</p>
</div>
</footer>
<script>
function showTab(tabId) {
// Hide all tab contents
const contents = document.querySelectorAll('.tab-content');
contents.forEach(content => {
content.classList.add('hidden');
});
// Show selected tab content
document.getElementById('tab-' + tabId).classList.remove('hidden');
// Reset all tab button styles
const buttons = document.querySelectorAll('.tab-btn');
buttons.forEach(button => {
button.classList.remove('bg-blue-50', 'text-blue-700', 'border-l-4', 'border-blue-600');
button.classList.add('text-slate-600', 'hover:bg-slate-100');
});
// Set active styles on clicked button
const activeBtn = document.getElementById('btn-' + tabId);
activeBtn.classList.remove('text-slate-600', 'hover:bg-slate-100');
activeBtn.classList.add('bg-blue-50', 'text-blue-700', 'border-l-4', 'border-blue-600');
}
</script>
<title>Ghim Tâm Đầu Full Đỏ</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #0a0a0f;
min-height: 300vh;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
overflow-x: hidden;
cursor: crosshair;
}
/* ===== HEADER ===== */
.header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 999;
background: rgba(10,10,15,0.95);
backdrop-filter: blur(12px);
padding: 10px 20px;
border-bottom: 2px solid #ff0000;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.header .logo {
font-size: 20px;
font-weight: 900;
color: #ff0000;
text-shadow: 0 0 30px rgba(255,0,0,0.3);
animation: glowText 1.5s infinite;
}
@keyframes glowText {
0%,100% { text-shadow: 0 0 30px rgba(255,0,0,0.3); }
50% { text-shadow: 0 0 60px rgba(255,0,0,0.6); }
}
.header .badge {
background: #ff0000;
color: #fff;
font-size: 10px;
padding: 3px 12px;
border-radius: 20px;
font-weight: 700;
animation: pulse 0.5s infinite;
}
@keyframes pulse {
0%,100% { transform: scale(1); box-shadow: 0 0 20px rgba(255,0,0,0.3); }
50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(255,0,0,0.6); }
}
/* ===== NHÂN VẬT ===== */
.character {
width: 160px;
margin: 100px auto 0;
position: relative;
cursor: crosshair;
}
.head {
width: 75px;
height: 75px;
background: radial-gradient(circle at 40% 35%, #2d2d44, #1a1a2e);
border-radius: 50%;
margin: 0 auto;
position: relative;
border: 2px solid #ff6b00;
box-shadow: 0 0 40px rgba(255,107,0,0.1);
transition: all 0.3s;
}
.head.hit {
border-color: #ff0000;
box-shadow: 0 0 80px rgba(255,0,0,0.5);
}
.head .center-dot {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
background: #ff6b00;
border-radius: 50%;
box-shadow: 0 0 30px rgba(255,107,0,0.9);
animation: dotPulse 1s infinite;
z-index: 5;
}
@keyframes dotPulse {
0%,100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
50% { transform: translate(-50%, -50%) scale(3); opacity: 0.3; }
}
.eye {
position: absolute;
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 50%;
top: 30px;
box-shadow: 0 0 15px rgba(255,107,0,0.3);
transition: all 0.3s;
}
.eye.hit {
background: #ff0000;
box-shadow: 0 0 40px rgba(255,0,0,0.6);
}
.eye::after {
content: '';
position: absolute;
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
top: 2px;
left: 2px;
}
.eye.l { left: 16px; }
.eye.r { right: 16px; }
.mouth {
width: 18px;
height: 9px;
border-bottom: 2px solid #ff6b00;
border-radius: 0 0 14px 14px;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.mouth.hit {
border-bottom-color: #ff0000;
}
.neck {
width: 32px;
height: 20px;
background: #1a1a2e;
margin: -8px auto 0;
border-radius: 8px 8px 0 0;
border: 2px solid rgba(255,107,0,0.15);
border-bottom: none;
transition: all 0.3s;
}
.neck.hit {
border-color: #ff0000;
box-shadow: 0 0 30px rgba(255,0,0,0.3);
}
.body {
width: 110px;
height: 140px;
margin: 0 auto;
background: linear-gradient(180deg, #1a1a2e, #16213e);
border-radius: 50px 50px 15px 15px;
border: 2px solid rgba(255,107,0,0.15);
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.body.hit {
border-color: #ff0000;
box-shadow: 0 0 60px rgba(255,0,0,0.3);
}
/* HIỆU ỨNG MÁU */
.blood {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, rgba(255,0,0,0.3), transparent);
opacity: 0;
transition: all 0.3s;
pointer-events: none;
border-radius: 50px 50px 15px 15px;
}
.blood.active {
opacity: 1;
}
/* ===== ĐIỂM GHIM ===== */
.aim {
position: fixed;
pointer-events: none;
z-index: 100;
transition: none;
}
.aim .outer {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2.5px solid #ff0000;
position: relative;
box-shadow: 0 0 40px rgba(255,0,0,0.4);
animation: aimPulse 0.4s infinite;
}
@keyframes aimPulse {
0%,100% { transform: scale(1); border-color: #ff0000; }
50% { transform: scale(1.1); border-color: #ff4400; }
}
.aim .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
background: #ff0000;
border-radius: 50%;
box-shadow: 0 0 30px rgba(255,0,0,1);
}
.aim .cross {
position: absolute;
background: #ff0000;
border-radius: 1px;
}
.aim .cross.t { width: 2px; height: 10px; top: -5px; left: 50%; transform: translateX(-50%); }
.aim .cross.b { width: 2px; height: 10px; bottom: -5px; left: 50%; transform: translateX(-50%); }
.aim .cross.l { width: 10px; height: 2px; left: -5px; top: 50%; transform: translateY(-50%); }
.aim .cross.r { width: 10px; height: 2px; right: -5px; top: 50%; transform: translateY(-50%); }
/* ===== VÒNG BAO ===== */
.ring {
position: fixed;
pointer-events: none;
z-index: 50;
border-radius: 50%;
border: 2px solid rgba(255,0,0,0.6);
box-shadow: 0 0 80px rgba(255,0,0,0.3);
animation: ringPulse 0.4s infinite;
opacity: 0;
transition: all 0.3s;
}
.ring.show {
opacity: 1;
}
@keyframes ringPulse {
0%,100% { transform: scale(1); }
50% { transform: scale(1.08); }
}
/* ===== STATUS ===== */
.status {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.9);
padding: 10px 20px;
border-radius: 12px;
border: 1px solid #ff0000;
color: #aaa;
font-size: 13px;
text-align: center;
z-index: 1000;
backdrop-filter: blur(10px);
min-width: 250px;
}
.status .status-text {
color: #ff0000;
font-weight: bold;
animation: blink 0.3s infinite;
}
.status .info {
color: #ff6b00;
font-weight: bold;
}
@keyframes blink {
0%,100% { opacity: 1; }
50% { opacity: 0.3; }
}
/* ===== NỘI DUNG ===== */
.content {
max-width: 600px;
margin: 40px auto;
padding: 20px;
color: #888;
}
.content h1 {
text-align: center;
font-size: 28px;
color: #ff0000;
text-shadow: 0 0 40px rgba(255,0,0,0.3);
margin-bottom: 10px;
}
.content p {
text-align: center;
line-height: 1.8;
font-size: 15px;
}
.content .hint {
text-align: center;
margin: 20px 0 40px;
animation: bounce 2s infinite;
color: #666;
}
@keyframes bounce {
0%,100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
.card {
background: rgba(20,15,12,0.9);
padding: 18px 20px;
margin-bottom: 14px;
border-radius: 12px;
border: 1px solid rgba(255,0,0,0.15);
}
.card h3 { color: #fff; font-size: 16px; margin-bottom: 6px; }
.card h3 span { color: #ff0000; }
.card p { color: #b0a8a0; font-size: 14px; line-height: 1.6; }
.footer {
text-align: center;
color: #444;
font-size: 12px;
padding: 20px 0;
border-top: 1px solid rgba(255,0,0,0.1);
margin-top: 20px;
}
@media (max-width: 640px) {
.character { width: 130px; margin-top: 80px; }
.head { width: 60px; height: 60px; }
.eye { width: 11px; height: 11px; top: 24px; }
.eye.l { left: 12px; }
.eye.r { right: 12px; }
.eye::after { width: 3px; height: 3px; }
.mouth { width: 14px; height: 7px; bottom: 12px; }
.body { width: 90px; height: 110px; }
.aim .outer { width: 24px; height: 24px; border-width: 2px; }
.aim .cross.t,.cross.b { height: 8px; top: -4px; bottom: -4px; }
.aim .cross.l,.cross.r { width: 8px; left: -4px; right: -4px; }
.status { font-size: 11px; padding: 8px 14px; min-width: 180px; bottom: 10px; }
.content h1 { font-size: 22px; }
}
</style>
<!-- ===== HEADER ===== -->
<header class="header">
<div class="logo">🎯 GHIM TÂM ĐẦU</div>
<div class="badge">🔴 FULL ĐỎ</div>
</header>
<!-- ===== NHÂN VẬT ===== -->
<div class="character" id="character">
<div class="head" id="head">
<div class="center-dot"></div>
<div class="eye l" id="eyeL"></div>
<div class="eye r" id="eyeR"></div>
<div class="mouth" id="mouth"></div>
</div>
<div class="neck" id="neck"></div>
<div class="body" id="body">
<div class="blood" id="blood"></div>
</div>
</div>
<!-- ===== ĐIỂM GHIM ===== -->
<div class="aim" id="aim">
<div class="outer">
<div class="center"></div>
<div class="cross t"></div>
<div class="cross b"></div>
<div class="cross l"></div>
<div class="cross r"></div>
</div>
</div>
<!-- ===== VÒNG BAO ===== -->
<div class="ring" id="ring"></div>
<!-- ===== STATUS ===== -->
<div class="status">
🔴 <span class="status-text" id="statusText">FULL ĐỎ</span> |
💀 <span class="info" id="killCount">0</span> |
🎯 <span class="info" id="statusInfo">HEADSHOT</span>
</div>
<!-- ===== NỘI DUNG ===== -->
<div class="content">
<h1>🎯 GHIM TÂM ĐẦU FULL ĐỎ</h1>
<p>Auto-aim chính xác 100% - Bắn là trúng đầu</p>
<div class="hint">⬇ Cuộn để thử ⬇</div>
<div class="card">
<h3>🎯 <span>Ghim Tâm Đầu 100%</span></h3>
<p>Điểm ngắm tự động <strong>bám vào trung tâm đầu</strong> nhân vật. Bắn là trúng đầu ngay lập tức.</p>
</div>
<div class="card">
<h3>🔴 <span>Full Đỏ Toàn Bộ</span></h3>
<p>Khi bắn trúng, toàn bộ nhân vật <strong>chuyển sang màu đỏ</strong> với hiệu ứng máu bắn ra.</p>
</div>
<div class="card">
<h3>⚡ <span>Auto Lock</span></h3>
<p>Đưa điểm ngắm vào giữa màn hình → <strong>tự động khóa và bắn</strong> liên tục.</p>
</div>
<div class="footer">🎯 Ghim Tâm Đầu Full Đỏ — Made with 💀</div>
</div>
<script>
// ===== GHIM TÂM ĐẦU FULL ĐỎ =====
const aim = document.getElementById('aim');
const head = document.getElementById('head');
const ring = document.getElementById('ring');
const killCount = document.getElementById('killCount');
const body = document.getElementById('body');
const blood = document.getElementById('blood');
const eyeL = document.getElementById('eyeL');
const eyeR = document.getElementById('eyeR');
const mouth = document.getElementById('mouth');
const neck = document.getElementById('neck');
const statusText = document.getElementById('statusText');
let kills = 0;
let isLocked = false;
// Lấy vị trí đầu
function getHeadPos() {
const r = head.getBoundingClientRect();
return { x: r.left + r.width/2, y: r.top + r.height/2 };
}
// ===== FULL ĐỎ =====
function fullRed() {
// Chuyển toàn bộ nhân vật sang đỏ
head.classList.add('hit');
eyeL.classList.add('hit');
eyeR.classList.add('hit');
mouth.classList.add('hit');
neck.classList.add('hit');
body.classList.add('hit');
blood.classList.add('active');
// Tăng kill
kills++;
killCount.textContent = kills;
// Hiệu ứng rung
const char = document.getElementById('character');
char.style.transition = 'transform 0.08s';
char.style.transform = 'translateX(-4px)';
setTimeout(() => { char.style.transform = 'translateX(4px)'; }, 50);
setTimeout(() => { char.style.transform = 'translateX(0)'; }, 100);
// Vòng bao
const pos = getHeadPos();
const size = 50 + Math.random() * 40;
ring.style.width = size + 'px';
ring.style.height = size + 'px';
ring.style.left = (pos.x - size/2) + 'px';
ring.style.top = (pos.y - size/2) + 'px';
ring.classList.add('show');
// Nổ hạt
createExplosion(pos.x, pos.y);
// Reset sau 0.5s
setTimeout(() => {
head.classList.remove('hit');
eyeL.classList.remove('hit');
eyeR.classList.remove('hit');
mouth.classList.remove('hit');
neck.classList.remove('hit');
body.classList.remove('hit');
blood.classList.remove('active');
ring.classList.remove('show');
}, 500);
}
// ===== HIỆU ỨNG NỔ =====
function createExplosion(x, y) {
for (let i = 0; i < 25; i++) {
const p = document.createElement('div');
const angle = Math.random() * Math.PI * 2;
const speed = 40 + Math.random() * 180;
const size = 3 + Math.random() * 6;
p.style.cssText = `
position: fixed;
left: ${x}px;
top: ${y}px;
width: ${size}px;
height: ${size}px;
background: #ff0000;
border-radius: 50%;
pointer-events: none;
z-index: 9999;
box-shadow: 0 0 30px rgba(255,0,0,0.6);
transition: all ${0.4 + Math.random() * 0.6}s cubic-bezier(0.34, 1.56, 0.64, 1);
opacity: 1;
`;
document.body.appendChild(p);
requestAnimationFrame(() => {
p.style.transform = `translate(${Math.cos(angle) * speed}px, ${Math.sin(angle) * speed}px)`;
p.style.opacity = '0';
});
setTimeout(() => { if (p.parentNode) p.remove(); }, 1000);
}
}
// ===== CẬP NHẬT ĐIỂM GHIM =====
function updateAim() {
const pos = getHeadPos();
const size = aim.offsetWidth || 30;
// Ghim vào đầu
aim.style.top = (pos.y - size/2) + 'px';
aim.style.left = (pos.x - size/2) + 'px';
// Kiểm tra lock
const scx = window.innerWidth / 2;
const scy = window.innerHeight / 2;
const rect = aim.getBoundingClientRect();
const cx = rect.left + rect.width / 2;
const cy = rect.top + rect.height / 2;
const dist = Math.sqrt(Math.pow(cx - scx, 2) + Math.pow(cy - scy, 2));
// Auto lock + bắn
if (dist < 100 && !isLocked) {
isLocked = true;
statusText.textContent = '🔴 LOCK ON!';
fullRed();
} else if (dist >= 100 && isLocked) {
isLocked = false;
statusText.textContent = '🔴 FULL ĐỎ';
}
}
// ===== SỰ KIỆN =====
let tick = false;
window.addEventListener('scroll', () => {
if (!tick) {
requestAnimationFrame(() => { updateAim(); tick = false; });
tick = true;
}
}, { passive: true });
window.addEventListener('resize', updateAim);
window.addEventListener('load', () => setTimeout(updateAim, 100));
// Click vào nhân vật
document.getElementById('character').addEventListener('click', () => fullRed());
// Click chuột phải
document.addEventListener('contextmenu', (e) => {
e.preventDefault();
fullRed();
});
// Phím Space
document.addEventListener('keydown', (e) => {
if (e.code === 'Space') {
e.preventDefault();
fullRed();
}
});
// Tự động bắn
setInterval(() => {
if (isLocked) fullRed();
}, 1500);
console.log('🎯 GHIM TÂM ĐẦU FULL ĐỎ ĐÃ SẴN SÀNG!');
console.log('💀 Click vào nhân vật hoặc nhấn Space để bắn!');
</script>
<title>Ghim Tâm Đầu Full Đỏ</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #0a0a0f;
min-height: 300vh;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
overflow-x: hidden;
cursor: crosshair;
}
/* ===== HEADER ===== */
.header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 999;
background: rgba(10,10,15,0.95);
backdrop-filter: blur(12px);
padding: 10px 20px;
border-bottom: 2px solid #ff0000;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.header .logo {
font-size: 20px;
font-weight: 900;
color: #ff0000;
text-shadow: 0 0 30px rgba(255,0,0,0.3);
animation: glowText 1.5s infinite;
}
@keyframes glowText {
0%,100% { text-shadow: 0 0 30px rgba(255,0,0,0.3); }
50% { text-shadow: 0 0 60px rgba(255,0,0,0.6); }
}
.header .badge {
background: #ff0000;
color: #fff;
font-size: 10px;
padding: 3px 12px;
border-radius: 20px;
font-weight: 700;
animation: pulse 0.5s infinite;
}
@keyframes pulse {
0%,100% { transform: scale(1); box-shadow: 0 0 20px rgba(255,0,0,0.3); }
50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(255,0,0,0.6); }
}
/* ===== NHÂN VẬT ===== */
.character {
width: 160px;
margin: 100px auto 0;
position: relative;
cursor: crosshair;
}
.head {
width: 75px;
height: 75px;
background: radial-gradient(circle at 40% 35%, #2d2d44, #1a1a2e);
border-radius: 50%;
margin: 0 auto;
position: relative;
border: 2px solid #ff6b00;
box-shadow: 0 0 40px rgba(255,107,0,0.1);
transition: all 0.3s;
}
.head.hit {
border-color: #ff0000;
box-shadow: 0 0 80px rgba(255,0,0,0.5);
}
.head .center-dot {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
background: #ff6b00;
border-radius: 50%;
box-shadow: 0 0 30px rgba(255,107,0,0.9);
animation: dotPulse 1s infinite;
z-index: 5;
}
@keyframes dotPulse {
0%,100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
50% { transform: translate(-50%, -50%) scale(3); opacity: 0.3; }
}
.eye {
position: absolute;
width: 13px;
height: 13px;
background: #ff6b00;
border-radius: 50%;
top: 30px;
box-shadow: 0 0 15px rgba(255,107,0,0.3);
transition: all 0.3s;
}
.eye.hit {
background: #ff0000;
box-shadow: 0 0 40px rgba(255,0,0,0.6);
}
.eye::after {
content: '';
position: absolute;
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
top: 2px;
left: 2px;
}
.eye.l { left: 16px; }
.eye.r { right: 16px; }
.mouth {
width: 18px;
height: 9px;
border-bottom: 2px solid #ff6b00;
border-radius: 0 0 14px 14px;
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.mouth.hit {
border-bottom-color: #ff0000;
}
.neck {
width: 32px;
height: 20px;
background: #1a1a2e;
margin: -8px auto 0;
border-radius: 8px 8px 0 0;
border: 2px solid rgba(255,107,0,0.15);
border-bottom: none;
transition: all 0.3s;
}
.neck.hit {
border-color: #ff0000;
box-shadow: 0 0 30px rgba(255,0,0,0.3);
}
.body {
width: 110px;
height: 140px;
margin: 0 auto;
background: linear-gradient(180deg, #1a1a2e, #16213e);
border-radius: 50px 50px 15px 15px;
border: 2px solid rgba(255,107,0,0.15);
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.body.hit {
border-color: #ff0000;
box-shadow: 0 0 60px rgba(255,0,0,0.3);
}
/* HIỆU ỨNG MÁU */
.blood {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, rgba(255,0,0,0.3), transparent);
opacity: 0;
transition: all 0.3s;
pointer-events: none;
border-radius: 50px 50px 15px 15px;
}
.blood.active {
opacity: 1;
}
/* ===== ĐIỂM GHIM ===== */
.aim {
position: fixed;
pointer-events: none;
z-index: 100;
transition: none;
}
.aim .outer {
width: 30px;
height: 30px;
border-radius: 50%;
border: 2.5px solid #ff0000;
position: relative;
box-shadow: 0 0 40px rgba(255,0,0,0.4);
animation: aimPulse 0.4s infinite;
}
@keyframes aimPulse {
0%,100% { transform: scale(1); border-color: #ff0000; }
50% { transform: scale(1.1); border-color: #ff4400; }
}
.aim .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 4px;
height: 4px;
background: #ff0000;
border-radius: 50%;
box-shadow: 0 0 30px rgba(255,0,0,1);
}
.aim .cross {
position: absolute;
background: #ff0000;
border-radius: 1px;
}
.aim .cross.t { width: 2px; height: 10px; top: -5px; left: 50%; transform: translateX(-50%); }
.aim .cross.b { width: 2px; height: 10px; bottom: -5px; left: 50%; transform: translateX(-50%); }
.aim .cross.l { width: 10px; height: 2px; left: -5px; top: 50%; transform: translateY(-50%); }
.aim .cross.r { width: 10px; height: 2px; right: -5px; top: 50%; transform: translateY(-50%); }
/* ===== VÒNG BAO ===== */
.ring {
position: fixed;
pointer-events: none;
z-index: 50;
border-radius: 50%;
border: 2px solid rgba(255,0,0,0.6);
box-shadow: 0 0 80px rgba(255,0,0,0.3);
animation: ringPulse 0.4s infinite;
opacity: 0;
transition: all 0.3s;
}
.ring.show {
opacity: 1;
}
@keyframes ringPulse {
0%,100% { transform: scale(1); }
50% { transform: scale(1.08); }
}
/* ===== STATUS ===== */
.status {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.9);
padding: 10px 20px;
border-radius: 12px;
border: 1px solid #ff0000;
color: #aaa;
font-size: 13px;
text-align: center;
z-index: 1000;
backdrop-filter: blur(10px);
min-width: 250px;
}
.status .status-text {
color: #ff0000;
font-weight: bold;
animation: blink 0.3s infinite;
}
.status .info {
color: #ff6b00;
font-weight: bold;
}
@keyframes blink {
0%,100% { opacity: 1; }
50% { opacity: 0.3; }
}
/* ===== NỘI DUNG ===== */
.content {
max-width: 600px;
margin: 40px auto;
padding: 20px;
color: #888;
}
.content h1 {
text-align: center;
font-size: 28px;
color: #ff0000;
text-shadow: 0 0 40px rgba(255,0,0,0.3);
margin-bottom: 10px;
}
.content p {
text-align: center;
line-height: 1.8;
font-size: 15px;
}
.content .hint {
text-align: center;
margin: 20px 0 40px;
animation: bounce 2s infinite;
color: #666;
}
@keyframes bounce {
0%,100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
.card {
background: rgba(20,15,12,0.9);
padding: 18px 20px;
margin-bottom: 14px;
border-radius: 12px;
border: 1px solid rgba(255,0,0,0.15);
}
.card h3 { color: #fff; font-size: 16px; margin-bottom: 6px; }
.card h3 span { color: #ff0000; }
.card p { color: #b0a8a0; font-size: 14px; line-height: 1.6; }
.footer {
text-align: center;
color: #444;
font-size: 12px;
padding: 20px 0;
border-top: 1px solid rgba(255,0,0,0.1);
margin-top: 20px;
}
@media (max-width: 640px) {
.character { width: 130px; margin-top: 80px; }
.head { width: 60px; height: 60px; }
.eye { width: 11px; height: 11px; top: 24px; }
.eye.l { left: 12px; }
.eye.r { right: 12px; }
.eye::after { width: 3px; height: 3px; }
.mouth { width: 14px; height: 7px; bottom: 12px; }
.body { width: 90px; height: 110px; }
.aim .outer { width: 24px; height: 24px; border-width: 2px; }
.aim .cross.t,.cross.b { height: 8px; top: -4px; bottom: -4px; }
.aim .cross.l,.cross.r { width: 8px; left: -4px; right: -4px; }
.status { font-size: 11px; padding: 8px 14px; min-width: 180px; bottom: 10px; }
.content h1 { font-size: 22px; }
}
</style>
<!-- ===== HEADER ===== -->
<header class="header">
<div class="logo">🎯 GHIM TÂM ĐẦU</div>
<div class="badge">🔴 FULL ĐỎ</div>
</header>
<!-- ===== NHÂN VẬT ===== -->
<div class="character" id="character">
<div class="head" id="head">
<div class="center-dot"></div>
<div class="eye l" id="eyeL"></div>
<div class="eye r" id="eyeR"></div>
<div class="mouth" id="mouth"></div>
</div>
<div class="neck" id="neck"></div>
<div class="body" id="body">
<div class="blood" id="blood"></div>
</div>
</div>
<!-- ===== ĐIỂM GHIM ===== -->
<div class="aim" id="aim">
<div class="outer">
<div class="center"></div>
<div class="cross t"></div>
<div class="cross b"></div>
<div class="cross l"></div>
<div class="cross r"></div>
</div>
</div>
<!-- ===== VÒNG BAO ===== -->
<div class="ring" id="ring"></div>
<!-- ===== STATUS ===== -->
<div class="status">
🔴 <span class="status-text" id="statusText">FULL ĐỎ</span> |
💀 <span class="info" id="killCount">0</span> |
🎯 <span class="info" id="statusInfo">HEADSHOT</span>
</div>
<!-- ===== NỘI DUNG ===== -->
<div class="content">
<h1>🎯 GHIM TÂM ĐẦU FULL ĐỎ</h1>
<p>Auto-aim chính xác 100% - Bắn là trúng đầu</p>
<div class="hint">⬇ Cuộn để thử ⬇</div>
<div class="card">
<h3>🎯 <span>Ghim Tâm Đầu 100%</span></h3>
<p>Điểm ngắm tự động <strong>bám vào trung tâm đầu</strong> nhân vật. Bắn là trúng đầu ngay lập tức.</p>
</div>
<div class="card">
<h3>🔴 <span>Full Đỏ Toàn Bộ</span></h3>
<p>Khi bắn trúng, toàn bộ nhân vật <strong>chuyển sang màu đỏ</strong> với hiệu ứng máu bắn ra.</p>
</div>
<div class="card">
<h3>⚡ <span>Auto Lock</span></h3>
<p>Đưa điểm ngắm vào giữa màn hình → <strong>tự động khóa và bắn</strong> liên tục.</p>
</div>
<div class="footer">🎯 Ghim Tâm Đầu Full Đỏ — Made with 💀</div>
</div>
<script>
// ===== GHIM TÂM ĐẦU FULL ĐỎ =====
const aim = document.getElementById('aim');
const head = document.getElementById('head');
const ring = document.getElementById('ring');
const killCount = document.getElementById('killCount');
const body = document.getElementById('body');
const blood = document.getElementById('blood');
const eyeL = document.getElementById('eyeL');
const eyeR = document.getElementById('eyeR');
const mouth = document.getElementById('mouth');
const neck = document.getElementById('neck');
const statusText = document.getElementById('statusText');
let kills = 0;
let isLocked = false;
// Lấy vị trí đầu
function getHeadPos() {
const r = head.getBoundingClientRect();
return { x: r.left + r.width/2, y: r.top + r.height/2 };
}
// ===== FULL ĐỎ =====
function fullRed() {
// Chuyển toàn bộ nhân vật sang đỏ
head.classList.add('hit');
eyeL.classList.add('hit');
eyeR.classList.add('hit');
mouth.classList.add('hit');
neck.classList.add('hit');
body.classList.add('hit');
blood.classList.add('active');
// Tăng kill
kills++;
killCount.textContent = kills;
// Hiệu ứng rung
const char = document.getElementById('character');
char.style.transition = 'transform 0.08s';
char.style.transform = 'translateX(-4px)';
setTimeout(() => { char.style.transform = 'translateX(4px)'; }, 50);
setTimeout(() => { char.style.transform = 'translateX(0)'; }, 100);
// Vòng bao
const pos = getHeadPos();
const size = 50 + Math.random() * 40;
ring.style.width = size + 'px';
ring.style.height = size + 'px';
ring.style.left = (pos.x - size/2) + 'px';
ring.style.top = (pos.y - size/2) + 'px';
ring.classList.add('show');
// Nổ hạt
createExplosion(pos.x, pos.y);
// Reset sau 0.5s
setTimeout(() => {
head.classList.remove('hit');
eyeL.classList.remove('hit');
eyeR.classList.remove('hit');
mouth.classList.remove('hit');
neck.classList.remove('hit');
body.classList.remove('hit');
blood.classList.remove('active');
ring.classList.remove('show');
}, 500);
}
// ===== HIỆU ỨNG NỔ =====
function createExplosion(x, y) {
for (let i = 0; i < 25; i++) {
const p = document.createElement('div');
const angle = Math.random() * Math.PI * 2;
const speed = 40 + Math.random() * 180;
const size = 3 + Math.random() * 6;
p.style.cssText = `
position: fixed;
left: ${x}px;
top: ${y}px;
width: ${size}px;
height: ${size}px;
background: #ff0000;
border-radius: 50%;
pointer-events: none;
z-index: 9999;
box-shadow: 0 0 30px rgba(255,0,0,0.6);
transition: all ${0.4 + Math.random() * 0.6}s cubic-bezier(0.34, 1.56, 0.64, 1);
opacity: 1;
`;
document.body.appendChild(p);
requestAnimationFrame(() => {
p.style.transform = `translate(${Math.cos(angle) * speed}px, ${Math.sin(angle) * speed}px)`;
p.style.opacity = '0';
});
setTimeout(() => { if (p.parentNode) p.remove(); }, 1000);
}
}
// ===== CẬP NHẬT ĐIỂM GHIM =====
function updateAim() {
const pos = getHeadPos();
const size = aim.offsetWidth || 30;
// Ghim vào đầu
aim.style.top = (pos.y - size/2) + 'px';
aim.style.left = (pos.x - size/2) + 'px';
// Kiểm tra lock
const scx = window.innerWidth / 2;
const scy = window.innerHeight / 2;
const rect = aim.getBoundingClientRect();
const cx = rect.left + rect.width / 2;
const cy = rect.top + rect.height / 2;
const dist = Math.sqrt(Math.pow(cx - scx, 2) + Math.pow(cy - scy, 2));
// Auto lock + bắn
if (dist < 100 && !isLocked) {
isLocked = true;
statusText.textContent = '🔴 LOCK ON!';
fullRed();
} else if (dist >= 100 && isLocked) {
isLocked = false;
statusText.textContent = '🔴 FULL ĐỎ';
}
}
// ===== SỰ KIỆN =====
let tick = false;
window.addEventListener('scroll', () => {
if (!tick) {
requestAnimationFrame(() => { updateAim(); tick = false; });
tick = true;
}
}, { passive: true });
window.addEventListener('resize', updateAim);
window.addEventListener('load', () => setTimeout(updateAim, 100));
// Click vào nhân vật
document.getElementById('character').addEventListener('click', () => fullRed());
// Click chuột phải
document.addEventListener('contextmenu', (e) => {
e.preventDefault();
fullRed();
});
// Phím Space
document.addEventListener('keydown', (e) => {
if (e.code === 'Space') {
e.preventDefault();
fullRed();
}
});
// Tự động bắn
setInterval(() => {
if (isLocked) fullRed();
}, 1500);
console.log('🎯 GHIM TÂM ĐẦU FULL ĐỎ ĐÃ SẴN SÀNG!');
console.log('💀 Click vào nhân vật hoặc nhấn Space để bắn!');
</script>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%3E%3Ccanvas%20id=c