Files
pdga-rating/views/partials/layout.ejs
T
Samuel Enocsson 371a398446 Modernize UI design with new color system, typography and layout
- Add sticky dark header with nav replacing inline text links
- Introduce CSS custom properties design system (colors, spacing, shadows)
- Use DM Sans + JetBrains Mono fonts replacing Arial
- Modernize tables with uppercase headers and subtle hover states
- Add gradient fill and rounded line to rating chart
- Unify card sections across players and courses pages
- Add backdrop blur to modals
- Clean up inline styles to use CSS variables
2026-02-19 09:12:04 +01:00

47 lines
1.3 KiB
Plaintext

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
<link rel="stylesheet" href="/css/shared.css">
<% if (typeof cssFiles !== 'undefined') { %>
<% cssFiles.forEach(function(file) { %>
<link rel="stylesheet" href="/css/<%= file %>">
<% }); %>
<% } %>
</head>
<body>
<header class="app-header">
<div class="header-inner">
<a href="/" class="app-logo">
<span class="logo-icon"><i class="fas fa-compact-disc"></i></span>
PDGA Ratings
</a>
<%- include('../partials/nav') %>
</div>
</header>
<div class="container">
<%- body %>
</div>
<% if (typeof modals !== 'undefined') { %>
<%- modals %>
<% } %>
<% if (typeof jsFiles !== 'undefined') { %>
<% jsFiles.forEach(function(file) { %>
<script src="/js/<%= file %>"></script>
<% }); %>
<% } %>
<% if (typeof initScript !== 'undefined') { %>
<script>
<%- initScript %>
</script>
<% } %>
</body>
</html>