fix(timeline): fix navbar overlapping globe content

fezcode · fezcode · commit 1dd6dbb994e8 · 2026-01-18T15:43:31.000+03:00
Fixes #14 Thanks: @uyarburak
diff --git a/public/logs/food/tiftik-street-food.txt b/public/logs/food/tiftik-street-food.txt
@@ -24,6 +24,3 @@ If you are in Ankara and looking for a meal that satisfies deep cravings with a
 Tiftik Street Food is a must-visit.
 
 **Final Score:** 5/5 - Highly Recommended.
-
-### Location
-<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3009.610664975765!2d28.9784!3d41.0082!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab9e7a7777c43%3A0x4c76cf3dcc8b330d!2sTopkapi+Palace+Museum!5e0!3m2!1sen!2str!4v1565532551468!5m2!1sen!2str" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
diff --git a/public/timeline/timeline.piml b/public/timeline/timeline.piml
@@ -1,4 +1,12 @@
 (timeline)
+  > (item)
+    (date) 2026-01-18
+    (title) Multimodal Project Layouts
+    (description) Implemented a polymorphic layout system for project pages, allowing projects to define their own visual identity via specialized 'Styles'. Launched four distinct protocols: 'Stylish' (e.g., Fezcodex), 'Museum' (e.g., PIML), 'Editorial' (e.g., Dush, BM), and 'Minimal Modern' (e.g., Yap). Each style adapts the UI to match the project's unique character.
+    (type) feature
+    (icon) PaletteIcon
+    (link) /projects
+
   > (item)
     (date) 2026-01-12
     (title) Major SEO Refactoring: Declarative Metadata
diff --git a/src/pages/TimelinePage.jsx b/src/pages/TimelinePage.jsx
@@ -139,7 +139,7 @@ const TimelinePage = () => {
         <div className="absolute inset-0 bg-gradient-to-t from-[#050505] via-transparent to-[#050505]/50" />
 
         {/* HUD Elements */}
-        <div className="absolute top-0 left-0 w-full h-full p-6 md:p-8 lg:p-12 pointer-events-none flex flex-col justify-between z-10">
+        <div className="absolute top-0 left-0 w-full h-full p-6 md:p-8 lg:pt-20 lg:pb-20 lg:px-12 pointer-events-none flex flex-col justify-between z-10">
             {/* Top Bar HUD */}
             <div className="flex justify-between items-start">
                 <div className="flex flex-col gap-1">
@@ -213,7 +213,7 @@ const TimelinePage = () => {
       </div>
 
       {/* Right Column: Timeline Content */}
-      <div className="w-full lg:w-7/12 relative bg-[#050505] p-6 md:p-12 lg:p-24 overflow-y-auto">
+      <div className="w-full lg:w-7/12 relative bg-[#050505] p-6 md:p-12 lg:pt-32 lg:pb-24 lg:px-24 overflow-y-auto">
           {/* Vertical Line */}
           <div className="absolute left-6 md:left-12 lg:left-24 top-0 bottom-0 w-px bg-white/10" />
 
