lfg2025/archy
1
0
Fork 0
Code Issues 20 Pull Requests Actions Packages Projects Releases 61 Wiki Activity

fix(demo): relative asset paths in bitcoin-ui/fedimint-ui shells

Browse Source 
The shells are served at / in their containers but under /app/<id>/ in
the public demo, where absolute /tailwind.css and /assets/... 404 — the
Bitcoin UI rendered unstyled with a giant unconstrained SVG. Relative
paths resolve correctly in both contexts.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Dorian 2026-07-15 09:25:38 +01:00
parent 768c358546
commit c49de3eb01
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docker/bitcoin-ui/index.html
View File

@ -7,7 +7,9 @@
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0"> <meta http-equiv="Expires" content="0">
<title id="pageTitle">Bitcoin Node - Archipelago</title> <title id="pageTitle">Bitcoin Node - Archipelago</title>
<link rel="stylesheet" href="/tailwind.css"> <!-- Relative: the shell is served at / in the container but under
/app/bitcoin-ui/ in the public demo — absolute paths 404 there. -->
<link rel="stylesheet" href="tailwind.css">
<style> <style>
* { * {
margin: 0; margin: 0;
@ -339,7 +341,7 @@
<div class="logo-gradient-border"> <div class="logo-gradient-border">
<img <img
id="implLogo" id="implLogo"
src="/assets/img/app-icons/bitcoin-knots.webp" src="assets/img/app-icons/bitcoin-knots.webp"
alt="Bitcoin Node" alt="Bitcoin Node"
class="w-16 h-16" class="w-16 h-16"
style="object-fit: contain;" style="object-fit: contain;"
@ -984,8 +986,8 @@
? 'Enhanced Bitcoin node implementation' ? 'Enhanced Bitcoin node implementation'
: 'Reference Bitcoin node implementation'; : 'Reference Bitcoin node implementation';
const icon = isKnots const icon = isKnots
? '/assets/img/app-icons/bitcoin-knots.webp' ? 'assets/img/app-icons/bitcoin-knots.webp'
: '/assets/img/app-icons/bitcoin-core.svg'; : 'assets/img/app-icons/bitcoin-core.svg';
const pageTitle = document.getElementById('pageTitle'); const pageTitle = document.getElementById('pageTitle');
const implName = document.getElementById('implName'); const implName = document.getElementById('implName');
const implTagline = document.getElementById('implTagline'); const implTagline = document.getElementById('implTagline');

2
docker/fedimint-ui/index.html
View File

@ -386,7 +386,7 @@
<section class="glass-card"> <section class="glass-card">
<div class="header"> <div class="header">
<div class="logo-gradient-border"> <div class="logo-gradient-border">
<img src="/assets/img/app-icons/fedimint.jpg" alt="Fedimint Guardian"> <img src="assets/img/app-icons/fedimint.jpg" alt="Fedimint Guardian">
</div> </div>
<div class="title"> <div class="title">
<h1>Fedimint Guardian</h1> <h1>Fedimint Guardian</h1>