mirror of
https://github.com/git-pkgs/proxy.git
synced 2026-07-06 22:33:19 -04:00
8c28b02035- Move third-party JS into static/vendor/ and add lucide for icons; refine .gitignore so embedded vendor dirs aren't caught by the Go vendor rule. - Replace folder/file emojis in the source browser with lucide icons. - Wrap the header logo and title in a single anchor so the icon is clickable. - Drop the redundant "Powered by git-pkgs" footer block; add a GitHub repo link to the About column and bump the ecosystem count from 16+ to 17+. - Sticky footer pattern: body is min-h-full flex column with main growing to fill, so the footer sits at the bottom of short pages. - Hamburger menu under md: search and nav links collapse into a drawer toggled by a menu button; theme toggle stays visible at both sizes.
40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
{{define "base"}}
|
|
<!DOCTYPE html>
|
|
<html lang="en" class="h-full">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{block "title" .}}git-pkgs proxy{{end}}</title>
|
|
{{if .UIBaseURL}}
|
|
<link rel="canonical" href="{{.UIBaseURL}}{{.CanonicalPath}}">
|
|
<meta property="og:url" content="{{.UIBaseURL}}{{.CanonicalPath}}">
|
|
<meta property="og:title" content="{{template "title" .}}">
|
|
<meta property="og:site_name" content="git-pkgs proxy">
|
|
{{end}}
|
|
<script src="/ui/static/vendor/tailwind.js"></script>
|
|
<script src="/ui/static/vendor/lucide.min.js" defer></script>
|
|
<script>
|
|
tailwind.config = { darkMode: 'class' }
|
|
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
document.documentElement.classList.add('dark')
|
|
}
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
if (window.lucide) lucide.createIcons({ attrs: { 'aria-hidden': 'true', focusable: 'false' } })
|
|
})
|
|
</script>
|
|
{{block "head" .}}{{end}}
|
|
</head>
|
|
<body class="min-h-full flex flex-col bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-gray-100">
|
|
{{template "header" .}}
|
|
|
|
<main class="flex-1 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
|
{{block "content" .}}{{end}}
|
|
</main>
|
|
|
|
{{template "footer" .}}
|
|
|
|
{{template "styles" .}}
|
|
{{block "scripts" .}}{{end}}
|
|
</body>
|
|
</html>
|
|
{{end}}
|