{{define "title"}}
GOTH // Home
{{end}}

{{define "headercontent"}}
GOTH // Home
{{end}}

{{define "head"}}
{{end}}

{{define "main"}}
  <h1 class="text-4xl font-extrabold text-white sm:text-8xl">
    <span
      class="bg-gradient-to-r from-pink-500 to-blue-500 bg-clip-text text-transparent"
      >GOTH Stack</span
    >
  </h1>

  <h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-[2rem]">
    A full-stack template for building modern web applications with Go and HTMX.
  </h2>

  <span>
    <h2 class="mb-2 text-xl text-white sm:text-[1.5rem]">Links:</h2>
    <div
      class="flex flex-row flex-wrap items-center justify-center gap-4 text-center"
    >
      {{range .Socials}}
        <a class="fill-white hover:fill-pink-500"
            href={{.Href}} target="_blank" rel="me" aria-label={{.Name}}>
          {{.Icon}}
        </a>
      {{end}}
    </div>
  </span>

  <span>
    <h2 class="mb-2 text-xl text-white sm:text-[1.5rem]">Technologies Used:</h2>
    <div
      class="flex flex-row flex-wrap items-center justify-center gap-4 text-center"
    >
      {{range .Tech}}
        <a class="fill-white hover:fill-pink-500"
            href={{.Href}} target="_blank" rel="me" aria-label={{.Name}}>
          {{.Icon}}
        </a>
      {{end}}
    </div>
  </span>
{{end}}