diff --git a/index.php b/index.php index 881b99f..24c361c 100644 --- a/index.php +++ b/index.php @@ -209,6 +209,10 @@ $cv_skills = $cvData['cv']['skills'] ?? []; + +

diff --git a/style.css b/style.css index bf7e2b3..bfd1f3a 100644 --- a/style.css +++ b/style.css @@ -204,6 +204,26 @@ body { opacity: 0.7; } +.print-button { + position: absolute; + top: 1.25rem; + right: 1.25rem; + padding: 6px 14px; + background: rgba(0, 243, 255, 0.05); + border: 1px solid var(--text-color); + color: var(--text-color); + font-family: var(--mono-font); + font-size: 0.7rem; + text-transform: uppercase; + letter-spacing: 2px; + font-weight: bold; + cursor: pointer; + z-index: 100; + display: none; + border-radius: 4px; + transition: all 0.2s ease; +} + .hero-description { margin: 0; } @@ -738,6 +758,19 @@ body.cv-mode { font-family: system-ui, -apple-system, sans-serif; } +.cv-mode .print-button { + display: block; + border-color: var(--accent-color); + color: var(--accent-color); + font-family: inherit; +} + +.cv-mode .print-button:hover { + background: var(--accent-color); + color: var(--card-bg); + box-shadow: 0 0 15px var(--accent-color); +} + .cv-mode .card { clip-path: none !important; transform: none !important; @@ -825,6 +858,8 @@ body.cv-mode { /* Print mode */ /* Condensed Print Mode - White Background */ @media print { + .print-button { display: none !important; } + /* Ensure hidden elements stay hidden in print */ .hidden { display: none !important; } .cv-mode .hidden { display: none !important; }