edit the layout handling and add cv download

views/partials/about-partial.html

@@ -19,7 +19,7 @@
     hx-get="/projects"
     hx-target="#content"
     hx-push-url="true"
-    class="px-8 py-6 rounded-full bg-accent/5 dark:bg-darkaccent/40 backdrop-blur-xl border border-white/20 shadow-xl text-xl font-semibold hover:bg-accent/10 hover:dark:bg-darkaccent/30 transition"
+    class="cursor-pointer px-6 py-4 rounded-full bg-accent/5 dark:bg-darkaccent/40 backdrop-blur-xl border border-white/20 shadow-xl text-xl font-semibold hover:bg-accent/10 hover:dark:bg-darkaccent/30 transition"
   >
     Projects
   </a>
@@ -29,7 +29,7 @@
     hx-get="/experience"
     hx-target="#content"
     hx-push-url="true"
-    class="px-8 py-6 rounded-full bg-accent/5 dark:bg-darkaccent/40 backdrop-blur-xl border border-white/20 shadow-xl text-xl font-semibold hover:bg-accent/10 hover:dark:bg-darkaccent/30 transition"
+    class="cursor-pointer px-6 py-4 rounded-full bg-accent/5 dark:bg-darkaccent/40 backdrop-blur-xl border border-white/20 shadow-xl text-xl font-semibold hover:bg-accent/10 hover:dark:bg-darkaccent/30 transition"
   >
     Experience
   </a>
@@ -41,11 +41,22 @@
 >
   <h2 class="text-3xl font-bold mb-6">About Me</h2>
   <p class="text-lg leading-relaxed max-w-3xl">
-    I’m a [Your Profession] with experience in [key skills]. I enjoy solving
+    I'm a [Your Profession] with experience in [key skills]. I enjoy solving
     problems, learning new technologies, and building applications that make an
     impact. Currently exploring
     <span class="text-blue-600 font-semibold">Go</span>,
     <span class="text-blue-600 font-semibold">htmx</span>, and modern web tools.
   </p>
 </section>
+
+<div class="flex items-center justify-center">
+    <a
+      id="downloadCVButton"
+      hx-get="/download"
+      hx-swap="none"
+      class="underline cursor-pointer text-blue-600"
+    >
+      Download CV
+    </a>
+  </div>
 {{ end }}

views/partials/experience-partial.html

@@ -49,27 +49,19 @@
 </div>
 
 <div class="block lg:hidden">
-  <div class="flex flex-col space-y-2 font-semibold text-start text-sm p-4 rounded-lg border-2 border-secondary dark:border-darksecondary shadow-md">
+  <div class="flex flex-col space-y-2 font-semibold text-start text-sm p-4 mb-2 rounded-lg border-2 border-secondary dark:border-darksecondary shadow-md">
 
-    <!-- Dates -->
     <p>{{ .StartFrom }}</p>
-
-    <!-- Company + Type -->
     <p>
       {{ .Company }}
       <span> – {{ .EmployeeType }}</span>
     </p>
-
-    <!-- Position -->
     <p>{{ .Position }}</p>
-
-    <!-- Tasks -->
     <ul class="list-disc list-inside mt-2 space-y-1 font-normal">
       {{ range .Tasks }}
         <li class="leading-snug">{{ . }}</li>
       {{ end }}
     </ul>
-
   </div>
 </div>
 {{ end }}

views/partials/projects-partial.html

@@ -16,10 +16,11 @@
     </span>
     <span class="text-lg md:text-3xl font-bold underline"> Projects</span>
 </div>
-{{ range . }} {{ template "project-partial-range" . }} {{ end}} {{ end }} {{
-block "project-partial-range" . }}
+{{ range . }} {{ template "project" . }} {{ end}} {{ end }} 
+
+{{block "project" . }}
 <div class="m-4">
   <a href="{{ .Link }}" class="text-blue-600 hover:underline">{{ .Title }}</a> -
   {{ .Description }}
 </div>
-{{ end }}
+{{ end }}