deemanone/padelnomics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: center nav logo, remove footer racket, replace favicon

Browse Source 
- Nav: switch nav-inner from flex/space-between to grid (1fr auto 1fr)
  so logo is always geometrically centered regardless of link count per side;
  update input.css source of truth + inline override in base.html
- Footer: remove inline SVG racket, text-only wordmark matching the nav
- favicon.svg: replace padel racket with navy rounded square + white 'p'
  lettermark

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Deeman
2026-02-20 02:12:51 +01:00
parent 8671facd7c
commit 4f83fc1d36
3 changed files with 8 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
padelnomics/src/padelnomics/static/css/input.css
View File

@@ -116,9 +116,9 @@
max-width: 72rem; max-width: 72rem;
margin: 0 auto; margin: 0 auto;
padding: 0 1rem; padding: 0 1rem;
display: flex; display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center; align-items: center;
justify-content: space-between;
height: 56px; height: 56px;
} }
.nav-logo { .nav-logo {

24
padelnomics/src/padelnomics/static/images/favicon.svg
View File

@@ -1,22 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Racket face: solid fill with slightly rounded corners --> <rect width="32" height="32" rx="6" fill="#0F172A"/>
<rect x="4" y="1" width="24" height="18" rx="4" fill="#0F172A"/> <text x="16" y="24" text-anchor="middle"
<!-- Throat: trapezoid narrowing from face bottom to handle width --> font-family="system-ui,-apple-system,sans-serif"
<path d="M8,19 L24,19 L20,25 L12,25 Z" fill="#0F172A"/> font-weight="800" font-size="23" fill="white">p</text>
<!-- Handle -->
<rect x="12" y="24" width="8" height="7" rx="2" fill="#0F172A"/>
<!-- Holes: 3×3 grid punched through face -->
<circle cx="11" cy="6" r="1.6" fill="white"/>
<circle cx="16" cy="6" r="1.6" fill="white"/>
<circle cx="21" cy="6" r="1.6" fill="white"/>
<circle cx="11" cy="11" r="1.6" fill="white"/>
<circle cx="16" cy="11" r="1.6" fill="white"/>
<circle cx="21" cy="11" r="1.6" fill="white"/>
<circle cx="11" cy="16" r="1.6" fill="white"/>
<circle cx="16" cy="16" r="1.6" fill="white"/>
<circle cx="21" cy="16" r="1.6" fill="white"/>
<!-- Grip tape lines -->
<line x1="12.5" y1="26.5" x2="19.5" y2="26.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
<line x1="12.5" y1="28.5" x2="19.5" y2="28.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
<line x1="12.5" y1="30.5" x2="19.5" y2="30.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 286 B

21
padelnomics/src/padelnomics/templates/base.html
View File

@@ -35,7 +35,7 @@
</head> </head>
<body> <body>
<nav class="nav-bar"> <nav class="nav-bar">
<div class="nav-inner"> <div class="nav-inner" style="display:grid;grid-template-columns:1fr auto 1fr">
<!-- Left: demand / buy side --> <!-- Left: demand / buy side -->
<div class="nav-links nav-links--left"> <div class="nav-links nav-links--left">
<a href="{{ url_for('planner.index') }}">Planner</a> <a href="{{ url_for('planner.index') }}">Planner</a>
@@ -107,24 +107,7 @@
<footer class="container-page mt-16 pt-8 border-t border-light-gray"> <footer class="container-page mt-16 pt-8 border-t border-light-gray">
<div class="grid-3 mb-8"> <div class="grid-3 mb-8">
<div> <div>
<div class="mb-1" style="display:inline-flex;align-items:center;gap:5px"> <div class="mb-1">
<svg width="22" height="22" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<rect x="4" y="1" width="24" height="18" rx="4" fill="#0F172A"/>
<path d="M8,19 L24,19 L20,25 L12,25 Z" fill="#0F172A"/>
<rect x="12" y="24" width="8" height="7" rx="2" fill="#0F172A"/>
<circle cx="11" cy="6" r="1.6" fill="white"/>
<circle cx="16" cy="6" r="1.6" fill="white"/>
<circle cx="21" cy="6" r="1.6" fill="white"/>
<circle cx="11" cy="11" r="1.6" fill="white"/>
<circle cx="16" cy="11" r="1.6" fill="white"/>
<circle cx="21" cy="11" r="1.6" fill="white"/>
<circle cx="11" cy="16" r="1.6" fill="white"/>
<circle cx="16" cy="16" r="1.6" fill="white"/>
<circle cx="21" cy="16" r="1.6" fill="white"/>
<line x1="12.5" y1="26.5" x2="19.5" y2="26.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
<line x1="12.5" y1="28.5" x2="19.5" y2="28.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
<line x1="12.5" y1="30.5" x2="19.5" y2="30.5" stroke="white" stroke-width="0.7" opacity="0.45"/>
</svg>
<span style="font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:0.9375rem;color:#0F172A;letter-spacing:-0.02em">padelnomics</span> <span style="font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:0.9375rem;color:#0F172A;letter-spacing:-0.02em">padelnomics</span>
</div> </div>
<p class="text-sm text-slate">Plan, finance, and build your padel business.</p> <p class="text-sm text-slate">Plan, finance, and build your padel business.</p>