hugo-saasify-theme/layouts/_default/baseof.html

45 lines
1.6 KiB
HTML
Raw Normal View History

2024-11-17 16:31:17 +11:00
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode | default "en" }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} | {{ .Site.Title }}{{ end }}</title>
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
<!-- Favicon -->
<link rel="icon" type="image/png" href="{{ "favicon.png" | relURL }}">
<!-- Fonts -->
<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&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap" rel="stylesheet">
<!-- Main CSS -->
2024-11-17 22:49:12 +11:00
{{ $css := resources.Get "css/main.css" }}
{{ $css = $css | resources.PostCSS }}
{{ if hugo.IsProduction }}
{{ $css = $css | minify | fingerprint | resources.PostProcess }}
{{ end }}
<link rel="stylesheet" href="{{ $css.RelPermalink }}">
2024-11-17 16:31:17 +11:00
</head>
<body class="flex flex-col min-h-screen">
<!-- Header -->
{{ partial "header" . }}
2024-11-17 16:31:17 +11:00
<!-- Main Content -->
<main class="flex-grow pt-20">
{{ block "main" . }}{{ end }}
</main>
<!-- Footer -->
{{ partial "footer" . }}
2024-11-17 16:31:17 +11:00
<!-- Mobile Menu Script -->
<script>
document.getElementById('mobile-menu-button').addEventListener('click', function() {
document.getElementById('mobile-menu').classList.toggle('hidden');
});
</script>
</body>
</html>