mirror of
https://mgit.msbls.de/m/gitea-custom.git
synced 2026-02-06 00:02:08 +00:00
refactor: clean up themes, templates, and add comprehensive README
- Themes now only override CSS variables (no selector overrides) - Removed duplicate styles from header.tmpl (just loads Inter font now) - Cleaned up logo SVG (simpler, no overlapping text) - Improved home page with proper hero layout and sign-in/explore buttons - Added detailed README documenting the setup, deployment, and design principles
This commit is contained in:
m
@@ -0,0 +1 @@
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
|
||||
|
||||
@@ -1,12 +1,10 @@
|
||||
<footer style="background: var(--color-body-secondary, #f8fafc); border-top: 1px solid var(--color-border, #e2e8f0); padding: 2rem 0; margin-top: 3rem; text-align: center; color: var(--color-text-secondary, #475569);">
|
||||
<div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">
|
||||
<p style="margin: 0.5rem 0; font-size: 0.95rem;">
|
||||
<strong style="color: var(--color-text, #1e293b); font-weight: 600;">mGit</strong> - A Git hosting solution
|
||||
</p>
|
||||
<p style="margin: 0.5rem 0; font-size: 0.9rem;">
|
||||
Powered by <a href="https://gitea.io" target="_blank" rel="noopener" style="color: var(--color-link, #2563eb); text-decoration: none;">Gitea</a>
|
||||
<span style="margin: 0 0.5rem;">•</span>
|
||||
<a href="https://flexsiebels.de" target="_blank" rel="noopener" style="color: var(--color-link, #2563eb); text-decoration: none;">flexsiebels.de</a>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
<script>
|
||||
// Replace default footer text
|
||||
(function() {
|
||||
const footer = document.querySelector('.page-footer');
|
||||
if (footer) {
|
||||
const powered = footer.querySelector('.powered-by, [class*="powered"]');
|
||||
if (powered) powered.innerHTML = 'Powered by <a href="https://gitea.io" target="_blank">Gitea</a>';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -1,40 +1,3 @@
|
||||
<style>
|
||||
/* mGit Branding and Typography */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
|
||||
/* Logo styling for mGit */
|
||||
.ui.menu .item img.logo {
|
||||
height: 36px;
|
||||
width: auto;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* mGit text logo styling */
|
||||
.ui.menu .item .mgit-logo-text {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: -0.03em;
|
||||
color: var(--color-text, #1e293b);
|
||||
text-decoration: none;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
/* Subtle top border accent */
|
||||
body {
|
||||
border-top: 3px solid var(--color-primary, #2563eb);
|
||||
}
|
||||
|
||||
/* Header menu improvements */
|
||||
.ui.menu {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Improve readability */
|
||||
.ui.menu .item {
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
</style>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
@@ -1,37 +1,94 @@
|
||||
{{template "base/head" .}}
|
||||
<style>
|
||||
.page-content.home {
|
||||
.mgit-home {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: calc(100vh - 200px);
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
.home .center {
|
||||
.mgit-hero {
|
||||
text-align: center;
|
||||
max-width: 600px;
|
||||
}
|
||||
.home .mgit-logo-text {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 4rem;
|
||||
letter-spacing: -0.05em;
|
||||
color: var(--color-primary, #2563eb);
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.home .mgit-logo-text::before {
|
||||
content: '';
|
||||
display: block;
|
||||
.mgit-mark {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 80px;
|
||||
height: 4px;
|
||||
background: linear-gradient(90deg, #2563eb 0%, #1e40af 100%);
|
||||
margin: 0 auto 1.5rem;
|
||||
border-radius: 2px;
|
||||
height: 80px;
|
||||
background: linear-gradient(135deg, var(--color-primary, #3b82f6), var(--color-primary-dark-2, #1e40af));
|
||||
border-radius: 20px;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.mgit-mark svg {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
}
|
||||
.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 home">
|
||||
<div class="center">
|
||||
<div class="mgit-logo-text">mGit</div>
|
||||
</div>
|
||||
<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 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<text x="16" y="24" font-family="Inter, -apple-system, system-ui, sans-serif" font-size="22" font-weight="700" fill="#ffffff" text-anchor="middle">m</text>
|
||||
</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" .}}
|
||||
|
||||
Reference in New Issue
Block a user