stephane.liabeuf/cv-web-liabeuf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: cyberpunk nav padding-right 130px + improve print CSS for PDF quality

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
LIABEUF, Stephane (External) 2026-05-18 02:47:34 +02:00
parent ec6c5aa427
commit 9474c61c0a
1 changed files with 38 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
index.html
View file

@ -30,11 +30,20 @@
<style> <style>
@media print { @media print {
@page {
size: A4 portrait;
margin: 15mm 12mm;
}
.burger-btn, .burger-btn,
#theme-menu, #theme-menu,
.cursor-dot, .cursor-dot,
.hero-scroll, .hero-scroll,
.corner-bracket { .corner-bracket,
#read-progress,
.infra-btn,
.dl-btn,
.contact-bar {
display: none !important; display: none !important;
} }
@ -78,31 +87,54 @@
.hero-name-line2 { .hero-name-line2 {
color: #333 !important; color: #333 !important;
background: none !important;
-webkit-background-clip: unset !important;
-webkit-text-fill-color: #333 !important;
background-clip: unset !important;
} }
.hero-subtitle { .hero-subtitle {
color: #444 !important; color: #444 !important;
background: none !important; background: none !important;
border: 1px solid #ccc !important; border: none !important;
font-size: 13px !important; font-size: 13px !important;
font-style: italic !important;
}
.hero-stats {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 16px !important;
} }
.stat-box { .stat-box {
background: #f5f5f5 !important; background: #f5f5f5 !important;
border: 1px solid #ccc !important; border: 1px solid #bbb !important;
box-shadow: none !important; box-shadow: none !important;
clip-path: none !important; clip-path: none !important;
border-radius: 4px; border-radius: 4px !important;
border-top: 3px solid #333 !important;
padding: 8px 14px !important;
} }
.stat-num { .stat-num {
color: #000 !important; color: #000 !important;
text-shadow: none !important; text-shadow: none !important;
font-size: 28px !important; -webkit-text-fill-color: #000 !important;
background: none !important;
font-size: 24px !important;
} }
.stat-label { .stat-label {
color: #555 !important; color: #555 !important;
font-size: 9px !important;
}
.group-label {
background: #333 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
} }
nav { nav {
@ -639,6 +671,7 @@
background: rgba(5, 8, 16, .95); background: rgba(5, 8, 16, .95);
backdrop-filter: blur(16px); backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(0, 245, 255, .15); border-bottom: 1px solid rgba(0, 245, 255, .15);
padding-right: 130px;
} }
[data-theme="cyberpunk"] .nav-logo { [data-theme="cyberpunk"] .nav-logo {