Files
at-container-registry/pkg/appview/templates/pages/home.html
T
2026-04-19 17:35:41 -05:00

55 lines
2.0 KiB
HTML

{{ define "home" }}
<!DOCTYPE html>
<html lang="en">
<head>
{{ template "head" . }}
{{ template "meta" .Meta }}
</head>
<body>
{{ template "nav" . }}
{{ if not .User }}
{{ template "hero" . }}
{{ end }}
<main id="main-content" class="container mx-auto px-4 py-8">
<div class="space-y-12">
<!-- Featured Repositories Section -->
{{ if .FeaturedRepos }}
<section>
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold">Featured</h2>
<div class="flex gap-2">
<button id="carousel-prev" class="btn btn-circle btn-ghost btn-sm" aria-label="Previous featured repository">
{{ icon "chevron-left" "size-5" }}
</button>
<button id="carousel-next" class="btn btn-circle btn-ghost btn-sm" aria-label="Next featured repository">
{{ icon "chevron-right" "size-5" }}
</button>
</div>
</div>
<div id="featured-carousel" class="carousel w-full gap-3 sm:gap-6 scroll-smooth">
{{ range $i, $repo := .FeaturedRepos }}
<div id="featured-{{ $i }}" class="carousel-item overflow-hidden min-w-0 w-full md:w-[calc(50%-0.75rem)] lg:w-[calc(33.333%-1rem)] shrink-0">
{{ template "repo-card" $repo }}
</div>
{{ end }}
</div>
</section>
{{ end }}
<!-- Recently Updated Section -->
{{ if .RecentRepos }}
<section>
<h2 class="text-2xl font-bold mb-6">What's New</h2>
{{ template "card-grid" (dict "Repositories" .RecentRepos) }}
</section>
{{ end }}
</div>
</main>
{{ template "footer" . }}
</body>
</html>
{{ end }}