<!DOCTYPE html>
<html lang="{{ctx.Locale.Lang}}" data-theme="{{ctx.CurrentWebTheme.InternalName}}">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>{{if .Config.Hero.Title}}{{.Config.Hero.Title}}{{else}}{{.Repository.Name}}{{end}} - {{.Repository.Owner.Name}}</title>
	<meta name="description" content="{{if .Config.Hero.Tagline}}{{.Config.Hero.Tagline}}{{else}}{{.Repository.Description}}{{end}}">
	<link rel="icon" href="{{AssetUrlPrefix}}/img/favicon.svg" type="image/svg+xml">
	{{template "base/head_style" .}}
	<style>
		/* Pages standalone styles - no Gitea navbar */
		:root {
			--pages-primary: {{if .Config.Branding.PrimaryColor}}{{.Config.Branding.PrimaryColor}}{{else}}#4183c4{{end}};
			--pages-secondary: {{if .Config.Branding.SecondaryColor}}{{.Config.Branding.SecondaryColor}}{{else}}#6c757d{{end}};
		}
		* { box-sizing: border-box; }
		body.pages-body {
			margin: 0;
			padding: 0;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
			background: #fff;
		}
		.pages-landing {
			min-height: 100vh;
			display: flex;
			flex-direction: column;
		}
		.pages-main { flex: 1; }
		.container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 24px;
		}
		/* Header styles */
		.pages-header {
			background: #fff;
			border-bottom: 1px solid #e1e4e8;
			padding: 16px 0;
			position: sticky;
			top: 0;
			z-index: 100;
		}
		.pages-nav {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.pages-nav-brand {
			text-decoration: none;
			font-weight: 600;
			font-size: 1.25rem;
			color: #24292e;
		}
		.pages-nav-logo { height: 32px; }
		.pages-nav-links {
			display: flex;
			align-items: center;
			gap: 24px;
		}
		.pages-nav-link {
			color: #586069;
			text-decoration: none;
			font-size: 0.875rem;
		}
		.pages-nav-link:hover { color: var(--pages-primary); }
		/* Hero styles */
		.pages-hero {
			padding: 80px 0;
			text-align: center;
			background: linear-gradient(135deg, #f6f8fa 0%, #fff 100%);
		}
		.pages-logo {
			max-height: 80px;
			margin-bottom: 24px;
		}
		.pages-title {
			font-size: 3rem;
			font-weight: 700;
			margin: 0 0 16px;
			color: #24292e;
		}
		.pages-tagline {
			font-size: 1.25rem;
			color: #586069;
			margin: 0 0 32px;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
		}
		.pages-cta { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
		/* Stats */
		.pages-stats {
			padding: 48px 0;
			background: #f6f8fa;
		}
		.pages-stats-grid {
			display: flex;
			justify-content: center;
			gap: 48px;
			flex-wrap: wrap;
		}
		.pages-stat {
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 8px;
		}
		.pages-stat-value {
			font-size: 2rem;
			font-weight: 700;
			color: #24292e;
		}
		.pages-stat-label {
			color: #586069;
			font-size: 0.875rem;
		}
		/* README */
		.pages-readme {
			padding: 64px 0;
		}
		.pages-readme .markup {
			max-width: 800px;
			margin: 0 auto;
		}
		/* Footer */
		.pages-footer {
			background: #24292e;
			color: #fff;
			padding: 48px 0 24px;
			margin-top: auto;
		}
		.pages-footer-links {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
			gap: 32px;
			margin-bottom: 32px;
		}
		.pages-footer-title {
			font-size: 0.875rem;
			font-weight: 600;
			margin: 0 0 16px;
			color: #fff;
		}
		.pages-footer-list {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		.pages-footer-list li { margin-bottom: 8px; }
		.pages-footer-list a {
			color: #959da5;
			text-decoration: none;
			font-size: 0.875rem;
		}
		.pages-footer-list a:hover { color: #fff; }
		.pages-footer-bottom {
			text-align: center;
			padding-top: 24px;
			border-top: 1px solid #444d56;
		}
		.pages-footer-copyright, .pages-footer-powered {
			color: #959da5;
			font-size: 0.75rem;
			margin: 4px 0;
		}
		.pages-footer-powered a { color: #79b8ff; }
	</style>
</head>
<body class="pages-body">
