butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use urls available both with and without a baseurl

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
_includes/header.html
View file

@ -15,7 +15,7 @@
</div>
</div>
<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>
</header>

2
assets/js/main.js
View file

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

10
index.html
View file

@ -7,27 +7,27 @@ layout: default
<div class="container">
<div class="content">
<!-- 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">
<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 %}
</div>
</a>
<a href="/chat/#/room/%23public%3A{{site.data.deployment.chat_server}}">
<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 %}
</div>
</a>
<a class="btn-modal" href="#" data-micromodal-trigger="product-modal">
<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 %}
</div>
</a>
<!-- Hidden until we have a design ready to implement. -->
<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 %}
</div>
</div>