Add home button to header and update styles for improved layout (#3)

Signed-off-by: Stephen Simpson <ssimpson89@users.noreply.github.com>
This commit is contained in:
Stephen Simpson
2025-11-20 13:29:51 -05:00
committed by GitHub
parent 6a7beeefc8
commit 71334aca77
2 changed files with 60 additions and 11 deletions

View File

@@ -12,15 +12,15 @@ on:
default: '8.10 9.6 10.0'
# Run on push to main (for testing)
push:
branches:
- main
paths:
- 'src/**'
- 'templates/**'
- 'pyproject.toml'
- '.github/workflows/build.yml'
# # Run on push to main (for testing)
# push:
# branches:
# - main
# paths:
# - 'src/**'
# - 'templates/**'
# - 'pyproject.toml'
# - '.github/workflows/build.yml'
jobs:
build:

View File

@@ -47,6 +47,33 @@
header .container {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 1rem;
}
.home-button {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.15);
border-radius: 8px;
color: white;
text-decoration: none;
transition: all 0.2s;
flex-shrink: 0;
}
.home-button:hover {
background: rgba(255, 255, 255, 0.25);
transform: translateY(-2px);
text-decoration: none;
}
.header-content {
flex: 1;
}
header h1 {
@@ -125,6 +152,20 @@
padding: 1.5rem 1rem;
}
header .container {
gap: 0.75rem;
}
.home-button {
width: 40px;
height: 40px;
}
.home-button svg {
width: 20px;
height: 20px;
}
header h1 {
font-size: 1.5rem;
}
@@ -191,8 +232,16 @@
<body>
<header>
<div class="container">
<h1>{% block header_title %}Rocky Linux Man Pages{% endblock %}</h1>
<p>{% block header_subtitle %}Comprehensive man page documentation{% endblock %}</p>
<a href="/" class="home-button" title="Home">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
<polyline points="9 22 9 12 15 12 15 22"/>
</svg>
</a>
<div class="header-content">
<h1>{% block header_title %}Rocky Linux Man Pages{% endblock %}</h1>
<p>{% block header_subtitle %}Comprehensive man page documentation{% endblock %}</p>
</div>
</div>
</header>