|
|
|
@ -31,42 +31,6 @@ |
|
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); |
|
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); |
|
|
|
})(); |
|
|
|
})(); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<!-- End Matomo Code --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
|
|
#screen-size-overlay { |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
|
|
left: 50%; |
|
|
|
|
|
|
|
transform: translateX(-50%); /* Center it exactly */ |
|
|
|
|
|
|
|
color: white; |
|
|
|
|
|
|
|
padding: 20px; |
|
|
|
|
|
|
|
font-size: 0.6em !important; |
|
|
|
|
|
|
|
z-index: 1000; /* Ensure it's on top of other elements */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
<header> |
|
|
|
|
|
|
|
<div id="screen-size-overlay"> |
|
|
|
|
|
|
|
<div class="left-content bubble-header screen-size-overlay"> |
|
|
|
|
|
|
|
<img src="{% static 'tournaments/images/PadelClub_logo_512.png' %}" alt="logo" class="logo"> |
|
|
|
|
|
|
|
<div class="left-margin"> |
|
|
|
|
|
|
|
<h1 class="club">{{ tournament.broadcast_event_display_name }}</h1> |
|
|
|
|
|
|
|
<h1 class="event">Tableau {{ tournament.broadcast_display_name }}</h1> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</header> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="wrapper"> |
|
|
|
|
|
|
|
<main> |
|
|
|
|
|
|
|
<div class="bracket-container"> |
|
|
|
|
|
|
|
<div class="butterfly-bracket" id="bracket"></div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</main> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="{% static 'tournaments/js/tournament_bracket.js' %}"></script> |
|
|
|
<script src="{% static 'tournaments/js/tournament_bracket.js' %}"></script> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
// Simple vanilla JS to handle the bracket rendering |
|
|
|
// Simple vanilla JS to handle the bracket rendering |
|
|
|
@ -167,7 +131,41 @@ |
|
|
|
// Set up the refresh interval |
|
|
|
// Set up the refresh interval |
|
|
|
setInterval(fetchAndRenderBracket, 15000); |
|
|
|
setInterval(fetchAndRenderBracket, 15000); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
<!-- End Matomo Code --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
|
|
|
#screen-size-overlay { |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
|
|
left: 50%; |
|
|
|
|
|
|
|
transform: translateX(-50%); /* Center it exactly */ |
|
|
|
|
|
|
|
color: white; |
|
|
|
|
|
|
|
padding: 20px; |
|
|
|
|
|
|
|
font-size: 0.6em !important; |
|
|
|
|
|
|
|
z-index: 1000; /* Ensure it's on top of other elements */ |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header> |
|
|
|
|
|
|
|
<div id="screen-size-overlay"> |
|
|
|
|
|
|
|
<div class="left-content bubble-header screen-size-overlay"> |
|
|
|
|
|
|
|
<img src="{% static 'tournaments/images/PadelClub_logo_512.png' %}" alt="logo" class="logo"> |
|
|
|
|
|
|
|
<div class="left-margin"> |
|
|
|
|
|
|
|
<h1 class="club">{{ tournament.broadcast_event_display_name }}</h1> |
|
|
|
|
|
|
|
<h1 class="event">Tableau {{ tournament.broadcast_display_name }}</h1> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</header> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
<div class="wrapper"> |
|
|
|
|
|
|
|
<div class="bracket-container"> |
|
|
|
|
|
|
|
<div class="butterfly-bracket" id="bracket"></div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</body> |
|
|
|
</body> |
|
|
|
|
|
|
|
|
|
|
|
<footer class="footer-broadcast"> |
|
|
|
<footer class="footer-broadcast"> |
|
|
|
{% if tournament.event.images.exists %} |
|
|
|
{% if tournament.event.images.exists %} |
|
|
|
<div class="bubble-footer"> |
|
|
|
<div class="bubble-footer"> |
|
|
|
|
