Skip to content

Commit bc093f4

Browse files
sbryngelsonclaude
andcommitted
Add comp-physics.group navbar, restyle header
- Add announce bar override matching comp-physics.group navbar (Home/Team/Papers/Teaching/MFC/Docs links in gold) - Rename site to 'Group Documentation', hide logo in Material header - Increase Material header title font size to h1 - Remove navigation.tabs (was creating redundant third bar) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 94af4db commit bc093f4

File tree

3 files changed

+80
-4
lines changed

3 files changed

+80
-4
lines changed

docs/assets/extra.css

Lines changed: 60 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626

2727
.md-header__topic {
2828
font-weight: 700;
29+
font-size: 1.5rem;
2930
}
3031

3132
a {
@@ -55,11 +56,67 @@ a:hover {
5556
color: #d4b07a;
5657
}
5758

58-
.md-header__button.md-logo img {
59-
height: 2.5rem;
60-
width: auto;
59+
.md-header__button.md-logo {
60+
display: none;
6161
}
6262

6363
.md-footer {
6464
display: none;
6565
}
66+
67+
/* Top navbar matching comp-physics.group Bootstrap navbar */
68+
.md-banner {
69+
background-color: #212529 !important;
70+
padding: 0 1rem;
71+
}
72+
73+
.cp-navbar {
74+
display: flex;
75+
align-items: center;
76+
justify-content: space-between;
77+
width: 100%;
78+
height: 3.5rem;
79+
max-width: 1400px;
80+
margin: 0 auto;
81+
}
82+
83+
.cp-navbar-brand {
84+
display: flex;
85+
align-items: center;
86+
gap: 0.5rem;
87+
color: #fff !important;
88+
text-decoration: none !important;
89+
font-size: 1rem;
90+
white-space: nowrap;
91+
}
92+
93+
.cp-navbar-brand:hover {
94+
color: rgba(255,255,255,0.75) !important;
95+
}
96+
97+
.cp-navbar-brand img {
98+
border-radius: 3px;
99+
}
100+
101+
.cp-navbar-links {
102+
display: flex;
103+
align-items: center;
104+
gap: 0.25rem;
105+
}
106+
107+
.cp-navbar-links a {
108+
color: #c0995e !important;
109+
text-decoration: none !important;
110+
font-size: 0.9rem;
111+
padding: 0.4rem 0.65rem;
112+
border-radius: 4px;
113+
transition: color 0.15s;
114+
}
115+
116+
.cp-navbar-links a:hover {
117+
color: #d4b07a !important;
118+
}
119+
120+
.cp-navbar-active {
121+
color: #d4b07a !important;
122+
}

mkdocs.yml

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
1-
site_name: "Computational Physics @ GT: Group Documentation"
1+
site_name: "Group Documentation"
22
site_url: https://comp-physics.group/group-docs/
33
repo_url: https://github.com/comp-physics/group-docs
44
edit_uri: edit/master/docs/
55
docs_dir: docs
66

77
theme:
88
name: material
9+
custom_dir: overrides
910
logo: assets/favicon.ico
1011
favicon: assets/favicon.ico
1112
font:

overrides/main.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{% extends "base.html" %}
2+
3+
{% block announce %}
4+
<div class="cp-navbar">
5+
<a class="cp-navbar-brand" href="https://comp-physics.group">
6+
<img src="https://comp-physics.group/favicon.ico" width="24" height="24" alt="">
7+
<b>Computational Physics @ GT</b>
8+
</a>
9+
<nav class="cp-navbar-links">
10+
<a href="https://comp-physics.group"><b>Home</b></a>
11+
<a href="https://comp-physics.group/team"><b>Team</b></a>
12+
<a href="https://comp-physics.group/papers"><b>Papers</b></a>
13+
<a href="https://comp-physics.group/teaching"><b>Teaching</b></a>
14+
<a href="https://comp-physics.group/software"><b>MFC</b></a>
15+
<a href="https://comp-physics.group/group-docs/" class="cp-navbar-active"><b>Docs</b></a>
16+
</nav>
17+
</div>
18+
{% endblock %}

0 commit comments

Comments
 (0)