Skip to content

Add top banner with live streaming link #2008

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
tykling merged 1 commit into from
Jan 23, 2026
Merged

Add top banner with live streaming link #2008

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions src/camps/models.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,6 +240,11 @@ def logo_large(self) -> str:
def logo_large_svg(self) -> str:
return f"img/{self.slug}/logo/{self.slug}-logo-large.svg"

@property
def is_in_progress(self) -> bool:
today = timezone.now().date()
return True if today in self.camp_days else False

def get_days(self, camppart):
"""Returns a list of DateTimeTZRanges representing the days during the specified part of the camp."""
if not hasattr(self, camppart):
Expand Down
237 changes: 126 additions & 111 deletions src/templates/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,127 +70,142 @@

<body class="no-js" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}' {% if request.session.theme and request.session.theme != "default" %} data-bs-theme="{{request.session.theme}}"{% endif %}>
{% block body %}
{% if camp.is_in_progress %}
<header class="py-4">
{% else %}
<header class="py-1">
<nav class="navbar fixed-top navbar-expand-lg bg-body">
<div class="container-xl container-fluid">
{% if request.resolver_match.kwargs.camp_slug and camp %}
<a class="navbar-brand" href="{% url 'camp_detail' camp_slug=camp.slug %}">
<img src="{% static camp.logo_small %}" width="200" alt="bornhack" class="bornhack-logo img-responsive">
</a>
{% else %}
<a class="navbar-brand" href="/">
<img src="{% static 'img/logo-small.png' %}" alt="bornhack" class="bornhack-logo img-responsive" width="200">
</a>
{% endif %}
<!-- Theme switcher for small screens -->
<div class="theme-switch d-lg-none ms-auto me-2 col-1">
<a href="{% url 'profiles:theme' %}?theme=slate&next={{ request.get_full_path|urlencode }}" title="Use dark mode" id="dark" class="btn btn-sm btn-default text-secondary bornhack-hide-dark">
<i class="fa fa-moon"></i>
</a>
<a href="{% url 'profiles:theme' %}?theme=light&next={{ request.get_full_path|urlencode }}" title="Use light mode" id="light" class="btn btn-sm btn-default text-secondary bornhack-hide-light">
<i class="fa fa-sun"></i>
</a>
{% if request.session.theme and request.session.theme != "default" and request.user.profile.theme != request.session.theme %}
<a href="{% url 'profiles:theme' %}?theme=default&next={{ request.get_full_path|urlencode }}" title="Use system preferred mode" id="system" class="btn btn-sm btn-default text-secondary">
<i class="fa fa-display"></i>
{% endif %}
<div class="fixed-top bg-body">
{% if camp.is_in_progress %}
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-12 text-center border-bottom border-danger-subtle py-2">
<a href="https://live.bornhack.dk" class="no-decoration text-danger "><strong><i class="fa-solid fa-circle-play"></i> Live streaming: live.bornhack.dk</a></strong>
</div>
</div>
</div>
{% endif %}
<nav class="navbar navbar-expand-lg">
<div class="container-xl container-fluid">
{% if request.resolver_match.kwargs.camp_slug and camp %}
<a class="navbar-brand" href="{% url 'camp_detail' camp_slug=camp.slug %}">
<img src="{% static camp.logo_small %}" width="200" alt="bornhack" class="bornhack-logo img-responsive">
</a>
{% else %}
<a class="navbar-brand" href="/">
<img src="{% static 'img/logo-small.png' %}" alt="bornhack" class="bornhack-logo img-responsive" width="200">
</a>
{% endif %}
</div>
<!-- END: Theme switcher for small screens -->
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#top-navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="top-navbar" class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar-nav-scroll">
<li class="nav-item"><a class="nav-link" href="{% url 'news:index' %}">News</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'shop:index' %}">Shop</a></li>
<li class="nav-item dropdown hide-for-no-js-users">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Camps<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{% url 'camp_detail' camp_slug='bornhack-2026' %}">BornHack 2026</a></li>
<li><a class="dropdown-item" href="{% url 'camp_detail' camp_slug='bornhack-2025' %}">BornHack 2025</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{% url 'camp_list' %}">Camp List</a></li>
</ul>
</li>
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'camp_list' %}">Camps</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'contact' %}">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'people' %}">People</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'wish_list_redirect' %}">Wishlist</a></li>

{% if request.user.is_staff %}
<li class="nav-item"><a class="nav-link" href="{% url 'admin:index' %}">Admin</a></li>
{% endif %}

{% if user.orders.exists %}
{% url 'shop:order_list' as orders_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ orders_list_url }}">Orders</a></li>

{% url 'tickets:shopticket_list' as ticket_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ ticket_list_url }}">Tickets</a></li>

{% if user.creditnotes.exists %}
{% url 'shop:creditnote_list' as creditnote_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ creditnote_list_url }}">Credit Notes</a></li>
{% endif %}
{% endif %}
{% if user.is_authenticated %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'profiles:detail' %}">Profile</a></li>
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'account_logout' %}">Logout</a></li>
{% else %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'account_login' %}">Login</a></li>
{% endif %}
</ul>
<ul class="nav navbar-nav navbar-right d-none d-lg-flex">
<!-- normal/big screen switcher -->
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=slate&next={{ request.get_full_path|urlencode }}" title="Use dark mode" id="dark" class="btn btn-sm btn-default bornhack-theme-dark nav-link">
<span class="fa fa-moon"></span>
</a>
</li>
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=light&next={{ request.get_full_path|urlencode }}" title="Use light mode" id="light" class="btn btn-sm btn-default bornhack-theme-light nav-link">
<i class="fa fa-sun"></i>
</a>
</li>
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=default&next={{ request.get_full_path|urlencode }}" title="Use system preferred mode" id="system" class="btn btn-sm btn-default bornhack-theme-system nav-link">
<!-- Theme switcher for small screens -->
<div class="theme-switch d-lg-none ms-auto me-2 col-1">
<a href="{% url 'profiles:theme' %}?theme=slate&next={{ request.get_full_path|urlencode }}" title="Use dark mode" id="dark" class="btn btn-sm btn-default text-secondary bornhack-hide-dark">
<i class="fa fa-moon"></i>
</a>
<a href="{% url 'profiles:theme' %}?theme=light&next={{ request.get_full_path|urlencode }}" title="Use light mode" id="light" class="btn btn-sm btn-default text-secondary bornhack-hide-light">
<i class="fa fa-sun"></i>
</a>
{% if request.session.theme and request.session.theme != "default" and request.user.profile.theme != request.session.theme %}
<a href="{% url 'profiles:theme' %}?theme=default&next={{ request.get_full_path|urlencode }}" title="Use system preferred mode" id="system" class="btn btn-sm btn-default text-secondary">
<i class="fa fa-display"></i>
</a>
</li>
<!-- end of switcher -->
{% if user.is_authenticated %}
<!-- User menu if no-js -->
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'profiles:detail' %}">Profile</a></li>
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'account_logout' %}">Logout</a></li>
<!-- END: User menu if no-js -->
<li class="nav-item dropdown hide-for-no-js-users d-none d-lg-flex">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Account<span class="caret"></span></a>
{% endif %}
</div>
<!-- END: Theme switcher for small screens -->
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#top-navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="top-navbar" class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 navbar-nav-scroll">
<li class="nav-item"><a class="nav-link" href="{% url 'news:index' %}">News</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'shop:index' %}">Shop</a></li>
<li class="nav-item dropdown hide-for-no-js-users">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Camps<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{% url 'profiles:detail' %}">Profile</a></li>
{% if user.orders.exists %}
{% url 'shop:order_list' as orders_list_url %}
<li><a class="dropdown-item" href="{{ orders_list_url }}">Orders</a></li>

{% url 'tickets:shopticket_list' as ticket_list_url %}
<li><a class="dropdown-item" href="{{ ticket_list_url }}">Tickets</a></li>

{% if user.creditnotes.exists %}
{% url 'shop:creditnote_list' as creditnote_list_url %}
<li><a class="dropdown-item" href="{{ creditnote_list_url }}">Credit Notes</a></li>
{% endif %}
{% endif %}
<li><a class="dropdown-item" href="{% url 'camp_detail' camp_slug='bornhack-2026' %}">BornHack 2026</a></li>
<li><a class="dropdown-item" href="{% url 'camp_detail' camp_slug='bornhack-2025' %}">BornHack 2025</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{% url 'account_logout' %}">Logout</a></li>
<li><a class="dropdown-item" href="{% url 'camp_list' %}">Camp List</a></li>
</ul>
</li>
{% else %}
<li><a class="nav-link" href="{% url 'account_login' %}">Login</a></li>
{% endif %}
</ul>
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'camp_list' %}">Camps</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'contact' %}">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'people' %}">People</a></li>
<li class="nav-item"><a class="nav-link" href="{% url 'wish_list_redirect' %}">Wishlist</a></li>

{% if request.user.is_staff %}
<li class="nav-item"><a class="nav-link" href="{% url 'admin:index' %}">Admin</a></li>
{% endif %}

{% if user.orders.exists %}
{% url 'shop:order_list' as orders_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ orders_list_url }}">Orders</a></li>

{% url 'tickets:shopticket_list' as ticket_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ ticket_list_url }}">Tickets</a></li>

{% if user.creditnotes.exists %}
{% url 'shop:creditnote_list' as creditnote_list_url %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{{ creditnote_list_url }}">Credit Notes</a></li>
{% endif %}
{% endif %}
{% if user.is_authenticated %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'profiles:detail' %}">Profile</a></li>
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'account_logout' %}">Logout</a></li>
{% else %}
<li class="nav-item hide-for-no-js-users d-lg-none"><a class="nav-link" href="{% url 'account_login' %}">Login</a></li>
{% endif %}
</ul>
<ul class="nav navbar-nav navbar-right d-none d-lg-flex">
<!-- normal/big screen switcher -->
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=slate&next={{ request.get_full_path|urlencode }}" title="Use dark mode" id="dark" class="btn btn-sm btn-default bornhack-theme-dark nav-link">
<span class="fa fa-moon"></span>
</a>
</li>
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=light&next={{ request.get_full_path|urlencode }}" title="Use light mode" id="light" class="btn btn-sm btn-default bornhack-theme-light nav-link">
<i class="fa fa-sun"></i>
</a>
</li>
<li class="nav-item">
<a href="{% url 'profiles:theme' %}?theme=default&next={{ request.get_full_path|urlencode }}" title="Use system preferred mode" id="system" class="btn btn-sm btn-default bornhack-theme-system nav-link">
<i class="fa fa-display"></i>
</a>
</li>
<!-- end of switcher -->
{% if user.is_authenticated %}
<!-- User menu if no-js -->
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'profiles:detail' %}">Profile</a></li>
<li class="nav-item unhide-for-no-js-users"><a class="nav-link" href="{% url 'account_logout' %}">Logout</a></li>
<!-- END: User menu if no-js -->
<li class="nav-item dropdown hide-for-no-js-users d-none d-lg-flex">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Account<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{% url 'profiles:detail' %}">Profile</a></li>
{% if user.orders.exists %}
{% url 'shop:order_list' as orders_list_url %}
<li><a class="dropdown-item" href="{{ orders_list_url }}">Orders</a></li>

{% url 'tickets:shopticket_list' as ticket_list_url %}
<li><a class="dropdown-item" href="{{ ticket_list_url }}">Tickets</a></li>

{% if user.creditnotes.exists %}
{% url 'shop:creditnote_list' as creditnote_list_url %}
<li><a class="dropdown-item" href="{{ creditnote_list_url }}">Credit Notes</a></li>
{% endif %}
{% endif %}
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="{% url 'account_logout' %}">Logout</a></li>
</ul>
</li>
{% else %}
<li><a class="nav-link" href="{% url 'account_login' %}">Login</a></li>
{% endif %}
</ul>
</div>
</div>
</div>
</nav>
</nav>
</div>
</header>
<div id="main" class="container-xxl overflow-auto">
{% if camp %}
Expand Down
Loading