Files
gitea-template/custom/templates/home.tmpl
2025-12-04 11:09:39 +01:00

158 lines
6.6 KiB
Cheetah

{{template "base/head" .}}
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home"}}{{end}}" class="page-content p-0">
{{if .IsSigned}}
<section class="py-5 bg-soft border-bottom">
<div class="container">
<div class="row align-items-center g-4">
<div class="col-lg-8">
<span class="badge text-bg-primary text-uppercase mb-3">Welcome back</span>
<h1 class="display-5 fw-bold mb-3">Dashboard · {{.SignedUser.Name}}</h1>
<p class="lead mb-4">Quick links to jump straight into your day with {{AppName}}.</p>
<div class="d-flex flex-wrap gap-3">
<a class="btn btn-primary btn-lg" href="{{AppSubUrl}}/repo/create">
<i class="fa-solid fa-circle-plus me-2"></i>Create repository
</a>
<a class="btn btn-outline-primary btn-lg" href="{{AppSubUrl}}/explore/repos">
<i class="fa-solid fa-compass me-2"></i>Explore projects
</a>
</div>
</div>
<div class="col-lg-4">
<div class="card shadow-sm border-0">
<div class="card-body">
<h2 class="h5 fw-semibold mb-4">Quick actions</h2>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/{{.SignedUser.Name}}"><i class="fa-solid fa-user me-2"></i>View profile</a></li>
<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=repositories"><i class="fa-solid fa-book me-2"></i>Manage repositories</a></li>
<li class="list-group-item px-0"><a class="link-primary text-decoration-none" href="{{AppSubUrl}}/notifications"><i class="fa-solid fa-bell me-2"></i>Check notifications</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<div class="card home-stat-card h-100">
<div class="card-body">
<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-timeline me-2 text-primary"></i>Stay updated</h3>
<p class="text-muted mb-3">Jump into your activity feed to review pull requests, issues and events.</p>
<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/dashboard">Open dashboard</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card homestat-card h-100">
<div class="card-body">
<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-diagram-project me-2 text-primary"></i>Manage repositories</h3>
<p class="text-muted mb-3">Keep tabs on projects, branches and pull requests that matter most.</p>
<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/{{.SignedUser.Name}}?tab=repositories">View repositories</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card home-stat-card h-100">
<div class="card-body">
<h3 class="h5 fw-semibold mb-3"><i class="fa-solid fa-gear me-2 text-primary"></i>Tune your settings</h3>
<p class="text-muted mb-3">Update SSH keys, notifications and integrations for your workflow.</p>
<a class="btn btn-sm btn-outline-primary" href="{{AppSubUrl}}/user/settings">Open settings</a>
</div>
</div>
</div>
</div>
</div>
</section>
{{else}}
<section class="home-hero">
<!-- Sun rays -->
<div class="sun-rays"></div>
<!-- Whale -->
<div class="whale-container">
<div class="whale-box">
<div class="whale-left">
<div class="whale-belly"></div>
</div>
<div class="whale-middle">
<div class="whale-belly"></div>
</div>
<div class="whale-tail"></div>
<div class="whale-fin1"></div>
<div class="whale-fin2"></div>
<div class="whale-eye"></div>
</div>
</div>
<!-- Bubbles -->
<div class="bubble bubble-1"></div>
<div class="bubble bubble-2"></div>
<div class="bubble bubble-3"></div>
<div class="bubble bubble-4"></div>
<div class="bubble bubble-5"></div>
<div class="bubble bubble-6"></div>
<div class="container py-5">
<div class="row align-items-center g-5">
<div class="col-12 col-lg-6">
<h1 class="mb-4">Build, collaborate and deliver with confidence.</h1>
<p class="lead mb-5">Lightweight, powerful and totally yours. {{AppName}} gives your team a beautiful code collaboration hub backed by open source freedom.</p>
<div class="d-flex flex-wrap gap-3">
<a class="hero-btn-primary" href="{{AppSubUrl}}/user/login">
<i class="fa-solid fa-right-to-bracket"></i>Sign in
</a>
<a class="hero-btn-secondary" href="{{AppSubUrl}}/explore/repos">
<i class="fa-solid fa-compass"></i>Explore projects
</a>
<a class="hero-btn-tertiary" href="https://docs.gitea.com/" target="_blank">
<i class="fa-solid fa-book-open"></i>Documentation
</a>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 bg-white">
<div class="container">
<div class="row g-4">
<div class="col-md-4">
<div class="feature-icon mb-3"><i class="fa-solid fa-cloud-arrow-up"></i></div>
<h3 class="h5 fw-semibold mb-3">Ship faster</h3>
<p class="text-muted">Built-in CI runners and packages help your team move ideas to production faster with less friction.</p>
</div>
<div class="col-md-4">
<div class="feature-icon mb-3"><i class="fa-solid fa-lock"></i></div>
<h3 class="h5 fw-semibold mb-3">Stay secure</h3>
<p class="text-muted">Enforce branch protections, SSO, fine-grained permissions and audit logs to keep your codebase safe.</p>
</div>
<div class="col-md-4">
<div class="feature-icon mb-3"><i class="fa-solid fa-plug"></i></div>
<h3 class="h5 fw-semibold mb-3">Integrate everywhere</h3>
<p class="text-muted">Connect with runners, chatops and automation platforms using webhooks, OAuth and a RESTful API.</p>
</div>
</div>
</div>
</section>
<section class="py-5">
<div class="container">
<div class="home-footer-cta text-center text-lg-start">
<div class="row align-items-center g-4">
<div class="col-lg-8">
<h2 class="mb-3">Ready to solve real world problem?</h2>
<p class="mb-0">Sign in to your {{AppName}} instance or invite your team to collaborate securely with pull requests, packages and automation.</p>
</div>
<div class="col-lg-4 text-lg-end">
<a class="btn btn-light btn-lg text-primary" href="{{AppSubUrl}}/user/sign_up">
<i class="fa-solid fa-user-plus me-2"></i>{{ctx.Locale.Tr "sign_up"}}
</a>
</div>
</div>
</div>
</div>
</section>
{{end}}
</div>
{{template "base/footer" .}}