use urls available both with and without a baseurl

This commit is contained in:
John Hess 2024-06-04 23:57:31 -05:00
parent 031d0c2d9b
commit 2c94436b5f
3 changed files with 7 additions and 7 deletions

View file

@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<div class="header-content"> <div class="header-content">
<img src="/assets/images/paddy.svg" alt="Paddy, the Butter Box Mascot" class="header-image" /> <img src="{{ site.baseurl }}/assets/images/paddy.svg" alt="Paddy, the Butter Box Mascot" class="header-image" />
<div class="header-title">{% t butter_box_title %}</div> <div class="header-title">{% t butter_box_title %}</div>
</div> </div>
</header> </header>

View file

@ -37,7 +37,7 @@ btnModal.addEventListener('click', (event) => {
// change display of #usb-butter to inherit // change display of #usb-butter to inherit
const usbButter = document.querySelector('#usb-butter'); const usbButter = document.querySelector('#usb-butter');
if (usbButter) { if (usbButter) {
fetch('/usb-butter') fetch(usbButter.dataset.url)
.then(response => { .then(response => {
console.log(response); console.log(response);
if (response.status === 200) { if (response.status === 200) {

View file

@ -7,27 +7,27 @@ layout: default
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<!-- Defaults to display: none; revealed via JS depending on USB insertion. --> <!-- Defaults to display: none; revealed via JS depending on USB insertion. -->
<a href="/usb-butter/" id="usb-butter" style="display: none;"> <a href="/usb-butter/" id="usb-butter" style="display: none;" data-url="{{ site.baseurl }}/usb-butter">
<div class="card"> <div class="card">
<img src="/assets/images/explore-icon.png" alt="Explore Icon" class="card-icon-big"> <img src="{{ site.baseurl }}/assets/images/explore-icon.png" alt="Explore Icon" class="card-icon-big">
{% t explore %} {% t explore %}
</div> </div>
</a> </a>
<a href="/chat/#/room/%23public%3A{{site.data.deployment.chat_server}}"> <a href="/chat/#/room/%23public%3A{{site.data.deployment.chat_server}}">
<div class="card"> <div class="card">
<img src="/assets/images/message-icon.png" alt="Message Icon" class="card-icon"> <img src="{{ site.baseurl }}/assets/images/message-icon.png" alt="Message Icon" class="card-icon">
{% t message_board %} {% t message_board %}
</div> </div>
</a> </a>
<a class="btn-modal" href="#" data-micromodal-trigger="product-modal"> <a class="btn-modal" href="#" data-micromodal-trigger="product-modal">
<div class="card"> <div class="card">
<img src="/assets/images/appstore-icon.png" alt="App Store Icon" class="card-icon"> <img src="{{ site.baseurl }}/assets/images/appstore-icon.png" alt="App Store Icon" class="card-icon">
{% t app_store %} {% t app_store %}
</div> </div>
</a> </a>
<!-- Hidden until we have a design ready to implement. --> <!-- Hidden until we have a design ready to implement. -->
<div class="card" style="display: none;"> <div class="card" style="display: none;">
<img src="/assets/images/maps-icon.png" alt="Maps Icon" class="card-icon"> <img src="{{ site.baseurl }}/assets/images/maps-icon.png" alt="Maps Icon" class="card-icon">
{% t offline_maps %} {% t offline_maps %}
</div> </div>
</div> </div>