{{ block "projects-partial" . }}
<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" . }} {{ end}} {{ end }} 

{{block "project" . }}
<div class="m-4">
  <a href="{{ .Link }}" class="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">{{ .Title }}</a> -
  {{ .Description }}
</div>
{{ end }}