github.com/lucasscarioca/music-stash@v0.0.0-20230829021135-a8b8893b12a5/internal/views/pages/home.html (about)

     1  {{ define "title" }} Home {{ end }} {{ define "body" }}
     2  <div class="px-4 py-2 md:px-10 md:py-6">
     3    <div class="flex justify-between items-center">
     4      <h1 class="text-md text-accent-bold dark:text-accent font-bold">
     5        Pinned Playlists
     6      </h1>
     7      <div>
     8        <a
     9          href="#"
    10          class="text-md text-accent-bold dark:text-accent font-bold p-1 flex items-center border border-transparent rounded hover:border-accent hover:shadow-accent-light hover:shadow-sm transition-all duration-300"
    11        >
    12          {{ .User.Name }}
    13          <i class="ml-1 ph ph-user"></i>
    14        </a>
    15      </div>
    16    </div>
    17    <div class="w-full mt-2 flex flex-col justify-center">
    18      <!-- Pinned Playlists -->
    19      <div
    20        class="grid grid-cols-2 grid-rows-2 lg:grid-cols-4 lg:grid-rows-1 gap-2 place-content-center"
    21      >
    22        {{ range .PinnedPlaylists }} {{ template "playlistCard" .}} {{ end }}
    23      </div>
    24      <h1 class="my-2 text-md text-accent-bold dark:text-accent font-bold">
    25        Starred Tabs
    26      </h1>
    27      <!-- Pinned Tabs -->
    28      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2">
    29        {{ range .PinnedTabs }} {{ template "playlistCard" .}} {{ end }}
    30      </div>
    31      <!-- Create Tab Floating Button -->
    32    </div>
    33  </div>
    34  {{ end }}