Using relative URLs only for resources and links

Fixes #4

Author: rgaudin

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.3.2] - 2025-12-11
+
+### Fixed
+
+- Using relative URLs only for resources and links (#4)
+
 ## [1.3.1] - 2025-12-04
 
 ### Fixed

src/adminui/templates/auth/login.html

@@ -63,7 +63,7 @@
 		<div class="form-signin">
 			<header>
 				<img
-					src="{{ url_for('static', path='branding/horizontal-logo-light.png') }}"
+					src="{{ url_for('static', path='branding/horizontal-logo-light.png').path }}"
 					class="object-scale-down w-[19rem] h-[6rem] object-left pt-[1.2rem] pb-[1.2rem]" />
 			</header>
 			<form method="POST" class="">

src/adminui/templates/base.html

@@ -120,17 +120,17 @@
 			<header>
 				<div class="container-sm row m-auto">
 					<div class="offset-md-2 col-md-8">
-						<a class="navbar-brand" href="{{ url_for('home') }}"><img src="{{ url_for('static', path='branding/horizontal-logo-light.png') }}" /></a>
+						<a class="navbar-brand" href="{{ url_for('home').path }}"><img src="{{ url_for('static', path='branding/horizontal-logo-light.png').path }}" /></a>
 					</div>
 				</div>
 			</header>
 			<div class="admin-bar">
 				<div class="container-sm row m-auto">
 					<nav class="col-8 offset-lg-2 col-lg-6">
-						<a href="{{ url_for('home') }}">{% block pagetitle %}Administration Panel{% endblock %}</a>
+						<a href="{{ url_for('home').path }}">{% block pagetitle %}Administration Panel{% endblock %}</a>
 					</nav>
 					<nav class="col-4 col-lg-2 text-end">
-						<a class="disconnect-link" title="Disconnect and return to Hotspot" href="{{ url_for('logout') }}"><span class="d-none d-sm-inline">Disconnect </span><i class="fa-solid fa-arrow-right-from-bracket"></i></a>
+						<a class="disconnect-link" title="Disconnect and return to Hotspot" href="{{ url_for('logout').path }}"><span class="d-none d-sm-inline">Disconnect </span><i class="fa-solid fa-arrow-right-from-bracket"></i></a>
 					</nav>
 				</div>
 			</div>

src/adminui/templates/home.html

@@ -55,12 +55,12 @@
 		  	<h2>Configuration options</h2>
 		  </div>
 		  <div class="col-12 offset-xl-1 col-md-8 d-flex flex-row cards">
-				<a href="{{ url_for('wifi_config') }}" class="card">
+				<a href="{{ url_for('wifi_config').path }}" class="card">
 						<h5 class="card-title">WiFi Settings</h5>
 						<p class="card-text">Change the Hotspot's WiFi network settings.</p>
 				</a>
 
-				<a href="{{ url_for('optional_config') }}" class="card">
+				<a href="{{ url_for('optional_config').path }}" class="card">
 						<h5 class="card-title">Optional Features</h5>
 						<p class="card-text">Enable/disable additional features.</p>
 				</a>

src/adminui/templates/raw_base.html

@@ -4,11 +4,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>{% block title %}Kiwix Hotspot Admin{% endblock %}</title>
-    <link rel="icon" type="image/png" href="{{ url_for('static', path='branding/square-logo-light.png') }}" media="(prefers-color-scheme:no-preference)">
-    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/fontawesome.css') }}" >
-    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/solid.css') }}" >
-    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/brands.css') }}" >
-    <link href="{{ url_for('static', path='bootstrap-5.3.8-dist/css/bootstrap.min.css') }}" rel="stylesheet">
+    <link rel="icon" type="image/png" href="{{ url_for('static', path='branding/square-logo-light.png').path }}" media="(prefers-color-scheme:no-preference)">
+    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/fontawesome.css').path }}" >
+    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/solid.css').path }}" >
+    <link rel="stylesheet" href="{{ url_for('static', path='fontawesome-free-7.1.0-web/css/brands.css').path }}" >
+    <link href="{{ url_for('static', path='bootstrap-5.3.8-dist/css/bootstrap.min.css').path }}" rel="stylesheet">
     <style type="text/css">
         body {
             background: #161C32;
@@ -28,8 +28,8 @@
         {% block content %}{% endblock %}
     </main>
     {% endblock %}
-    <script src="{{ url_for('static', path='bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js') }}"></script>
-    <script src="{{ url_for('static', path='admin-dashboard.js') }}"></script>
+    <script src="{{ url_for('static', path='bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js').path }}"></script>
+    <script src="{{ url_for('static', path='admin-dashboard.js').path }}"></script>
     {% block javascript %}
     <script type="text/javascript">
         function run() {}

src/adminui/templates/reboot_required.html

@@ -50,7 +50,7 @@ <h1>Your changes have been saved.</h1>
     <p>Those <strong>will be applied upon next restart</strong> of the device.</p>
     <h2 class="text-center">Do you want to restart the device now?</h2>
     <form action="{{ url_for('restart') }}" method="POST" class="text-center">
-      <a class="btn btn-secondary mb-1 mb-md-0" href="{{ url_for('logout') }}">Restart later (back to Dashboard)</a>
+      <a class="btn btn-secondary mb-1 mb-md-0" href="{{ url_for('logout').path }}">Restart later (back to Dashboard)</a>
       <button class="btn btn-danger mb-1 mb-md-0 ms-md-2">Restart now <i class="fa-solid fa-power-off"></i></button>
     </form>
     <p class="bd-callout bd-callout-warning">