Plexi09/plexi09.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added a download CV button with language selection

Browse source
This commit is contained in:
Plexi09 2026-02-23 00:17:21 +01:00
parent 3f1ec3056d
commit 91936e441f
Signed by: Plexi09
GPG key ID: 20D439A69163544A
3 changed files with 59 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

25
index.html
View file

@ -129,6 +129,9 @@
<div class="mb-20 reveal-text">
<span class="section-num">02 / Experience</span>
<h2 class="text-5xl md:text-7xl font-display font-bold uppercase tracking-tighter">Experience <br>& <span class="text-transparent stroke-text">Journey</span></h2>
<a href="#" class="cv-download-btn text-xs border border-gray-800 hover:border-white text-gray-500 hover:text-white transition-all px-5 py-2.5 rounded-full uppercase tracking-widest hover-target mt-8 inline-block">
<i class="fas fa-download mr-2"></i> Download CV
</a>
</div>
<div class="grid md:grid-cols-2 gap-16">
@ -286,6 +289,26 @@
</div>
</section>
<!-- CV Language Modal -->
<div id="cv-modal" class="fixed inset-0 z-[800] flex items-center justify-center pointer-events-none opacity-0 transition-opacity duration-300">
<div id="cv-modal-backdrop" class="absolute inset-0 bg-black/60 backdrop-blur-sm"></div>
<div id="cv-modal-card" class="relative bg-[#111] border border-gray-800 rounded-2xl p-10 max-w-sm w-[90%] text-center transform scale-95 transition-transform duration-300">
<button id="cv-modal-close" class="absolute top-4 right-4 text-gray-500 hover:text-white transition text-xl hover-target" aria-label="Close">&times;</button>
<h3 class="text-2xl font-display font-bold uppercase tracking-tight mb-2">Download CV</h3>
<p class="text-sm text-gray-500 uppercase tracking-widest mb-8">Choose your language</p>
<div class="flex gap-4">
<a href="/cv/CV_EN.pdf" download class="cv-lang-btn group flex-1 flex flex-col items-center gap-3 border border-gray-800 hover:border-white rounded-xl py-6 px-4 transition-all duration-300 hover-target">
<span class="text-3xl">🇬🇧</span>
<span class="text-xs uppercase tracking-[0.2em] text-gray-400 group-hover:text-white transition">English</span>
</a>
<a href="/cv/CV_FR.pdf" download class="cv-lang-btn group flex-1 flex flex-col items-center gap-3 border border-gray-800 hover:border-white rounded-xl py-6 px-4 transition-all duration-300 hover-target">
<span class="text-3xl">🇫🇷</span>
<span class="text-xs uppercase tracking-[0.2em] text-gray-400 group-hover:text-white transition">Français</span>
</a>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark border-t border-gray-900 py-10 px-6 md:px-20">
<div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6">
@ -299,7 +322,7 @@
<a href="#projects" class="hover:text-white transition hover-target">Projects</a>
<a href="#photography" class="hover:text-white transition hover-target">Photography</a>
</div>
<a href="#" class="text-xs border border-gray-800 hover:border-white text-gray-500 hover:text-white transition-all px-5 py-2.5 rounded-full uppercase tracking-widest hover-target">
<a href="#" class="cv-download-btn text-xs border border-gray-800 hover:border-white text-gray-500 hover:text-white transition-all px-5 py-2.5 rounded-full uppercase tracking-widest hover-target">
<i class="fas fa-download mr-2"></i> Download CV
</a>
</div>