troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: lock page width back to 65ch

Browse source
This commit is contained in:
Troy 2025-02-13 00:25:26 +00:00
parent 3d6da4d63b
commit 73c269a59c
Signed by: troy
GPG key ID: DFC06C02ED3B4711
8 changed files with 56 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/cv.astro
View file

@ -12,10 +12,10 @@ import icon from "public/assets/icon.png";
<html lang="en" class="scroll-smooth antialiased" transition:animate="none">
<Head title={CV.TITLE} description={CV.DESCRIPTION} />
<body class="w-full font-sans antialiased">
<div class="container mx-auto max-w-screen-xl">
<main class="flex flex-col rounded-md shadow-2xl sm:m-12">
<div class="mx-auto max-w-screen-xl">
<main class="flex flex-col sm:m-12">
<div
class="flex flex-col items-center justify-between p-12 sm:flex-row-reverse"
class="flex flex-col items-center justify-between p-4 sm:flex-row-reverse sm:items-start sm:p-8"
>
<div>
<Image
@ -27,7 +27,9 @@ import icon from "public/assets/icon.png";
</div>
<div>
<h1 class="mb-2 text-5xl font-bold">{SITE.AUTHOR}</h1>
<h2 class="mb-2 text-xl italic">Digital Designer</h2>
<h2 class="mb-2 text-center text-xl italic sm:text-left">
Digital Designer
</h2>
<div
class="social-links grid grid-cols-1 gap-1 py-4 font-medium md:grid-cols-2"
>
@ -53,7 +55,7 @@ import icon from "public/assets/icon.png";
</div>
</div>
<div class="flex flex-col sm:flex-row-reverse">
<div class="w-full rounded-r-md p-8 sm:max-w-sm">
<div class="w-full p-4 sm:max-w-sm sm:p-8">
<div class="mb-12 px-2 text-lg font-light">
<div class="mb-4 flex items-center">
<Icon name="mdi:cogs" class="mr-2" />
@ -129,7 +131,7 @@ import icon from "public/assets/icon.png";
<p>Native</p>
</div>
</div>
<div class="content w-full p-12">
<div class="content w-full p-4 sm:p-8">
<div class="prose">
<h2>Summary</h2>
<p>