edit the htmls

views/partials/projects-partial.html

@@ -1,5 +1,21 @@
 {{ block "projects-partial" . }}
-<h2 class="text-3xl font-bold m-6">Projects</h2>
+<div class="inline-flex flex-row m-10 mb-6 mt-16 items-center space-x-5">
+    <span class="text-lg md:text-3xl font-bold clickable
+         hover:scale-110 transition-transform duration-300
+         flex items-center gap-2 cursor-pointer
+         [&>svg]:h-5 [&>svg]:w-5 md:[&>svg]:h-8 md:[&>svg]:w-8
+         hover:[&>svg]:text-[#0088cc]
+         dark:hover:[&>svg]:text-[#7dd3fc] 
+         hover:[&>svg]:drop-shadow-[0_0_6px_rgba(35,36,59,0.5)] dark:hover:[&>svg]:drop-shadow-[0_0_6px_rgba(74,140,255,0.8)]
+         active:scale-95" onclick="clickBackButton()">
+      <svg xmlns="http://www.w3.org/2000/svg" 
+      fill="currentColor"
+      viewBox="0 0 512 512">
+      <path d="M240 6.1c9.1-8.2 22.9-8.2 32 0l232 208c9.9 8.8 10.7 24 1.8 33.9s-24 10.7-33.9 1.8l-8-7.2 0 205.3c0 35.3-28.7 64-64 64l-288 0c-35.3 0-64-28.7-64-64l0-205.3-8 7.2c-9.9 8.8-25 8-33.9-1.8s-8-25 1.8-33.9L240 6.1zm16 50.1L96 199.7 96 448c0 8.8 7.2 16 16 16l48 0 0-104c0-39.8 32.2-72 72-72l48 0c39.8 0 72 32.2 72 72l0 104 48 0c8.8 0 16-7.2 16-16l0-248.3-160-143.4zM208 464l96 0 0-104c0-13.3-10.7-24-24-24l-48 0c-13.3 0-24 10.7-24 24l0 104z"/>
+    </svg> 
+    </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" . }}
 <div class="m-4">