mirror of
https://mgit.msbls.de/m/gitea-custom.git
synced 2026-02-06 00:02:08 +00:00
c6b90f1153
Design B chosen: bold top-down git tree with three branches. Second fork nearly at same height as first for balanced 'm' shape. Applied to logo.svg, favicon.svg, and homepage hero. Restored clean homepage layout (removed design picker).
116 lines
3.4 KiB
Cheetah
116 lines
3.4 KiB
Cheetah
{{template "base/head" .}}
|
|
<style>
|
|
.mgit-home {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: calc(100vh - 200px);
|
|
padding: 2rem 1rem;
|
|
}
|
|
.mgit-hero {
|
|
text-align: center;
|
|
max-width: 600px;
|
|
}
|
|
.mgit-mark {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.mgit-mark svg {
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.mgit-title {
|
|
font-size: 2.5rem;
|
|
font-weight: 700;
|
|
letter-spacing: -0.04em;
|
|
color: var(--color-text, #1e293b);
|
|
margin: 0 0 0.5rem;
|
|
}
|
|
.mgit-subtitle {
|
|
font-size: 1.1rem;
|
|
color: var(--color-text-light, #64748b);
|
|
margin: 0 0 2rem;
|
|
line-height: 1.6;
|
|
}
|
|
.mgit-actions {
|
|
display: flex;
|
|
gap: 0.75rem;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.mgit-actions a {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0.625rem 1.25rem;
|
|
border-radius: 0.5rem;
|
|
font-weight: 500;
|
|
font-size: 0.95rem;
|
|
text-decoration: none;
|
|
transition: all 0.15s ease;
|
|
}
|
|
.mgit-btn-primary {
|
|
background: var(--color-primary, #2563eb);
|
|
color: #fff !important;
|
|
}
|
|
.mgit-btn-primary:hover {
|
|
opacity: 0.9;
|
|
text-decoration: none !important;
|
|
}
|
|
.mgit-btn-secondary {
|
|
border: 1px solid var(--color-secondary-dark-2, #e2e8f0);
|
|
color: var(--color-text, #1e293b) !important;
|
|
background: var(--color-box-body, transparent);
|
|
}
|
|
.mgit-btn-secondary:hover {
|
|
border-color: var(--color-primary, #2563eb);
|
|
text-decoration: none !important;
|
|
}
|
|
</style>
|
|
<div role="main" aria-label="{{if .IsSigned}}{{ctx.Locale.Tr "dashboard"}}{{else}}{{ctx.Locale.Tr "home_title"}}{{end}}" class="page-content mgit-home">
|
|
<div class="mgit-hero">
|
|
<div class="mgit-mark">
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#3b82f6"/>
|
|
<stop offset="100%" stop-color="#1e40af"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="200" height="200" fill="url(#heroGrad)" rx="40"/>
|
|
<g stroke="#ffffff" stroke-width="8" stroke-linecap="round" fill="none">
|
|
<line x1="45" y1="40" x2="45" y2="160"/>
|
|
<path d="M45,72 C65,62 80,62 100,72"/>
|
|
<line x1="100" y1="72" x2="100" y2="160"/>
|
|
<path d="M100,80 C120,70 135,70 155,80"/>
|
|
<line x1="155" y1="80" x2="155" y2="160"/>
|
|
</g>
|
|
<g fill="#ffffff">
|
|
<circle cx="45" cy="40" r="9"/>
|
|
<circle cx="45" cy="72" r="7"/>
|
|
<circle cx="100" cy="72" r="7"/>
|
|
<circle cx="100" cy="80" r="7"/>
|
|
<circle cx="155" cy="80" r="7"/>
|
|
<circle cx="45" cy="160" r="9"/>
|
|
<circle cx="100" cy="160" r="9"/>
|
|
<circle cx="155" cy="160" r="9"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<h1 class="mgit-title">mGit</h1>
|
|
<p class="mgit-subtitle">Private Git hosting for projects, code, and collaboration.</p>
|
|
<div class="mgit-actions">
|
|
{{if .IsSigned}}
|
|
<a href="{{AppSubUrl}}/" class="mgit-btn-primary">Dashboard</a>
|
|
{{else}}
|
|
<a href="{{AppSubUrl}}/user/login" class="mgit-btn-primary">Sign In</a>
|
|
{{end}}
|
|
<a href="{{AppSubUrl}}/explore/repos" class="mgit-btn-secondary">Explore</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{template "base/footer" .}}
|