logo v2
This commit is contained in:
parent
fae06d0190
commit
be54b5eed6
@ -27,7 +27,10 @@
|
||||
<header class="site-header">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg py-3">
|
||||
<a class="navbar-brand brand-mark" href="{% url 'home' %}">Roadshow<span>Calendar</span></a>
|
||||
<a class="navbar-brand brand-mark d-flex align-items-center gap-3" href="{% url 'home' %}">
|
||||
<img src="{% static 'images/just-roasted-coffee-logo.png' %}" alt="Just Roasted Coffee logo" class="brand-logo" width="166" height="52">
|
||||
<span class="brand-label">Calendar</span>
|
||||
</a>
|
||||
<button class="navbar-toggler calendar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#siteNav" aria-controls="siteNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
@ -123,6 +123,30 @@ span {
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.brand-label {
|
||||
color: var(--brand-ink);
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.02em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.brand-logo {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.brand-label {
|
||||
font-size: 0.94rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: var(--brand-ink);
|
||||
font-weight: 600;
|
||||
|
||||
@ -123,6 +123,30 @@ span {
|
||||
color: var(--brand-primary);
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
display: block;
|
||||
width: auto;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.brand-label {
|
||||
color: var(--brand-ink);
|
||||
font-size: 1rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.02em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.brand-logo {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.brand-label {
|
||||
font-size: 0.94rem;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
color: var(--brand-ink);
|
||||
font-weight: 600;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user