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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user