chore: updated page 7572920d
Steve · 2026-03-16 20:07 1 file(s) · +16 −13
packages/client/src/pages/cv.astro +16 −13
41 41
<PageLayout meta={meta}>
42 42
	<div class="space-y-6">
43 43
		<h1 class="title">CV</h1>
44 -
		<div class="relative ml-3 border-l border-solid border-accent pl-6 space-y-10">
44 +
		<div class="relative space-y-10">
45 +
			<span class="absolute left-[4px] top-3 bottom-0 w-px bg-gradient-to-b from-accent to-transparent" aria-hidden="true"></span>
45 46
			{experience.map((job, i) => (
46 -
				<div class:list={["relative", i > 0 && "opacity-50"]}>
47 +
				<div class="relative pl-7">
47 48
					<span class:list={[
48 -
						"absolute -left-[29px] top-1.5 h-2.5 w-2.5 rounded-full border border-accent",
49 -
						i === 0 ? "bg-accent" : "bg-[#121113]",
49 +
						"absolute left-0 top-1.5 h-2.5 w-2.5 rounded-full",
50 +
						i === 0 ? "border border-accent bg-accent" : "border border-accent/50 bg-[#121113]",
50 51
					]} />
51 -
					<h3 class="text-base font-semibold">{job.company}</h3>
52 -
					<ul class="mt-1 space-y-2">
53 -
						{job.roles.map((role) => (
54 -
							<li>
55 -
								<p class="text-sm">{role.title}</p>
56 -
								<p class="text-xs text-gray-500">{role.period}</p>
57 -
							</li>
58 -
						))}
59 -
					</ul>
52 +
					<div class:list={[i > 0 && "opacity-50"]}>
53 +
						<h3 class="text-base font-semibold">{job.company}</h3>
54 +
						<ul class="mt-1 space-y-2">
55 +
							{job.roles.map((role) => (
56 +
								<li>
57 +
									<p class="text-sm">{role.title}</p>
58 +
									<p class="text-xs text-gray-500">{role.period}</p>
59 +
								</li>
60 +
							))}
61 +
						</ul>
62 +
					</div>
60 63
				</div>
61 64
			))}
62 65
		</div>