chore: updated page
7572920d
1 file(s) · +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> |