admin/39435-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

logo v2

Browse Source
This commit is contained in:
Flatlogic Bot 2026-04-05 21:33:25 +00:00
parent fae06d0190
commit be54b5eed6
3 changed files with 52 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
core/templates/base.html
View File

@ -27,7 +27,10 @@
<header class="site-header"> <header class="site-header">
<div class="container"> <div class="container">
<nav class="navbar navbar-expand-lg py-3"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>

24
static/css/custom.css
View File

@ -123,6 +123,30 @@ span {
color: var(--brand-primary); 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 { .nav-link {
color: var(--brand-ink); color: var(--brand-ink);
font-weight: 600; font-weight: 600;

24
staticfiles/css/custom.css
View File

@ -123,6 +123,30 @@ span {
color: var(--brand-primary); 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 { .nav-link {
color: var(--brand-ink); color: var(--brand-ink);
font-weight: 600; font-weight: 600;