Skip to content

Commit

Permalink
feat: add timeline section (#1)
Browse files Browse the repository at this point in the history 
* feat: continuing timeline

* feat: timeline done i guess
  • Loading branch information
@Zreaei
Zreaei authored Oct 8, 2024
1 parent 1fca911 commit 1c1aa2c
Showing 1 changed file with 66 additions and 85 deletions.
151 changes: 66 additions & 85 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,107 +133,88 @@ export default function HomePage() {
className="relative z-10 rounded-md bg-neutral-50"
>
<BorderCorner />
<h2 className="p-10 text-center font-rock-n-roll-one text-3xl font-normal leading-tight tracking-wider text-neutral-950">
<h2 className="pt-10 text-center font-rock-n-roll-one text-3xl font-normal leading-tight tracking-wider text-neutral-950">
TIMELINE
</h2>
<ul className="flex justify-center gap-10 font-bonobo font-bold text-neutral-950">
<div>
<div className="">
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="flex h-14 w-3 bg-neutral-400"></div>
<ul className="font-bonobo text-neutral-950">
<div className="p-10">
<div className="flex gap-5">
<div className="h-12 w-12 rounded-full bg-neutral-400"></div>
<div className="flex flex-col text-left font-bold">
<li className="">19 Oktober 2024</li>
<li className="">Technical Meeting</li>
</div>
</div>
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-3 bg-neutral-400"></div>
<div className="flex">
<div className="flex h-auto w-56 justify-center border border-white">
<div className="m-4 h-auto w-2 bg-neutral-400"></div>
</div>
<div className="">
<li className="ml-10 w-64 text-left text-sm"></li>
</div>
</div>
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-3 bg-neutral-400"></div>
<div className="flex gap-5">
<div className="h-12 w-12 rounded-full bg-neutral-400"></div>
<div className="flex flex-col text-left font-bold">
<li className="text-left">26 Oktober 2024</li>
<li className="text-left">Day 1</li>
</div>
</div>
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-3 bg-neutral-400"></div>
<div className="flex">
<div className="flex h-auto w-56 justify-center border border-white">
<div className="m-4 h-auto w-2 bg-neutral-400"></div>
</div>
<div className="">
<li className="ml-10 w-64 text-left text-sm"></li>
</div>
</div>
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="flex gap-5">
<div className="h-12 w-12 rounded-full bg-neutral-400"></div>
<div className="flex flex-col text-left font-bold">
<li className="text-left">2 November 2024</li>
<li className="text-left">Day 2</li>
</div>
</div>
</div>
<div>
<div className="pb-12">
<li className="text-left">19 Oktober 2024</li>
<li className="text-left">Technical Meeting</li>
</div>
<div className="pb-12">
<li className="text-left">26 Oktober 2024</li>
<li className="text-left">Day 1</li>
</div>
<div className="pb-12">
<li className="text-left">2 November 2024</li>
<li className="text-left">Day 2</li>
</div>
<div className="pb-12">
<li className="text-left">3 November 2024</li>
<li className="text-left">Day 3</li>
</div>
<div className="pb-12">
<li className="text-left">9 November 2024</li>
<li className="text-left">Day 4</li>
</div>
</div>
{/* <div className="flex justify-center">
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-10 bg-neutral-400"></div>
</div>
<div className="">
<li className="text-left">19 Oktober 2024</li>
<li className="text-left">Technical Meeting</li>
<div className="flex">
<div className="flex h-auto w-56 justify-center border border-white">
<div className="m-4 h-auto w-2 border bg-neutral-400"></div>
</div>
<div className="">
<li className="ml-10 w-64 text-left text-sm"></li>
</div>
</div>
</div>
<div className="flex justify-center gap-10">
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-10 bg-neutral-400"></div>
</div>
<div>
<li className="text-left">26 Oktober 2024</li>
<li className="text-left">Day 1</li>
</div>
</div>
<div className="flex justify-center gap-10">
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-10 bg-neutral-400"></div>
<div className="flex gap-5">
<div className="h-12 w-12 rounded-full bg-neutral-400"></div>
<div className="flex flex-col text-left font-bold">
<li className="text-left">3 November 2024</li>
<li className="text-left">Day 3</li>
</div>
</div>
<div>
<li className="text-left">2 November 2024</li>
<li className="text-left">Day 2</li>
<div className="flex">
<div className="flex h-auto w-56 justify-center border border-white">
<div className="m-4 h-auto w-2 bg-neutral-400"></div>
</div>
<div className="">
<li className="ml-10 w-64 text-left text-sm"></li>
</div>
</div>
</div>
<div className="flex justify-center gap-10">
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-10 bg-neutral-400"></div>
<div className="flex gap-5">
<div className="h-12 w-12 rounded-full bg-neutral-400"></div>
<div className="flex flex-col text-left font-bold">
<li className="text-left">9 November 2024</li>
<li className="text-left">Day 4</li>
</div>
</div>
<div>
<li className="text-left">3 November 2024</li>
<li className="text-left">Day 3</li>
<div className="flex">
<div className="flex h-auto w-56 justify-center border border-white"></div>
<div className="">
<li className="ml-10 w-64 text-left text-sm"></li>
</div>
</div>
</div>
<div className="flex justify-center gap-10">
<div>
<div className="h-10 w-10 rounded-full bg-neutral-400"></div>
<div className="h-14 w-10 bg-neutral-400"></div>
</div>
<div>
<li className="text-left">9 November 2024</li>
<li className="text-left">Day 4</li>
</div>
</div> */}
</ul>
</section>
</div>

<div className="bg-primary-700/95 pt-64">
<section id="faq" className="relative z-10 space-y-4 px-3">
<h2 className="text-center font-rock-n-roll-one text-3xl font-normal leading-tight tracking-wider text-neutral-50">
Expand Down

0 comments on commit 1c1aa2c

Please sign in to comment.