georgew/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases 24 Wiki Activity

Fixed mobile layout of CV
All checks were successful
ci/woodpecker/release/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
GeorgeWebberley 2026-02-04 16:45:06 +01:00
parent fa7e1a5e09
commit 8508b679c0
1 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/cv/page.tsx
View file

@ -19,25 +19,24 @@ export default function CVPage() {
{/* Main Container*/}
<div className="bg-white text-slate-900 p-8 md:p-16 rounded-sm shadow-2xl print:shadow-none print:p-12 print:m-0 font-sans print:text-[12pt] leading-normal">
<header className="border-b-4 border-slate-900 pb-8 print:pb-4 mb-8 print:mb-6 flex flex-col md:flex-row print:grid print:grid-cols-[1.5fr_1fr] justify-between items-start gap-6">
<div className="flex print:flex print:items-center">
<div className="mr-3 shrink-0">
<div className="flex flex-wrap items-center gap-4 sm:gap-6 mb-4 print:mb-2 print:flex-nowrap">
<div className="shrink-0">
<img
src="/profile.jpg"
alt="George A. Webberley"
className="w-25 h-25 print:w-16 print:h-16 rounded-full object-cover border-2 border-slate-100 shadow-sm"
className="w-20 h-20 md:w-24 md:h-24 print:w-16 print:h-16 rounded-full object-cover border-2 border-slate-100 shadow-sm"
/>
</div>
<div className="min-w-0">
<h1 className="text-5xl print:text-3xl font-extrabold tracking-tighter mb-2 text-slate-900 whitespace-nowrap">
<div className="min-w-0 flex-1">
<h1 className="text-3xl md:text-5xl print:text-3xl font-extrabold tracking-tighter mb-1 text-slate-900 lg:whitespace-nowrap print:whitespace-nowrap">
George A. Webberley
</h1>
<p className="text-2xl print:text-[14pt] text-orange-600 font-bold uppercase tracking-tight whitespace-nowrap">
<p className="text-lg md:text-2xl print:text-[14pt] text-orange-600 font-bold uppercase tracking-tight lg:whitespace-nowrap print:whitespace-nowrap">
Full Stack Engineer // Systems Architect
</p>
</div>
</div>
{/* Contact Info - Explicitly right-aligned for print */}
{/* Contact Info */}
<div className="space-y-1 text-sm print:text-[9px] text-slate-500 font-mono text-right print:w-full print:flex print:flex-col print:items-end">
<div className="flex items-center md:justify-end gap-2">
<MapPin size={14} /> Copenhagen, Denmark
@ -363,16 +362,12 @@ export default function CVPage() {
<p className="text-[12px] print:text-[10px] text-slate-700 mb-3 print:mb-1.5 leading-tight">
Detailed architecture diagrams and documentation:
</p>
{/* Web Version: Clickable Link */}
<a
href="https://georgew.dev"
className="text-sm print:hidden font-black flex items-center gap-1 hover:underline text-slate-900"
>
GEORGEW.DEV <ExternalLink size={14} />
</a>
{/* Print Version: Static text that won't be stripped by "a" selectors */}
<div className="hidden print:block text-sm font-black text-slate-900">
GEORGEW.DEV
</div>