use relative URLs

This commit is contained in:
Daniel Bulant 2021-06-13 16:13:36 +02:00
parent 2e8dd5460f
commit f538214dd4
7 changed files with 21 additions and 21 deletions

View file

@ -19,7 +19,7 @@ body {
@font-face {
font-family: 'Times New Roman W';
font-display: swap;
src: url("/times.woff2");
src: url("./times.woff2");
}
a {

View file

@ -7,14 +7,14 @@
<title>Heaventaker</title>
<link rel='icon' type='image/png' href='/icon_192.png'>
<link rel="apple-touch-icon" href="/icon_192.png">
<link rel="preload" href="/times.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel='stylesheet' href='/global.css'>
<link rel='stylesheet' href='/build/bundle.css'>
<link rel='icon' type='image/png' href='./icon_192.png'>
<link rel="apple-touch-icon" href="./icon_192.png">
<link rel="preload" href="./times.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel='stylesheet' href='./global.css'>
<link rel='stylesheet' href='./build/bundle.css'>
<script defer src='/build/bundle.js'></script>
<link rel="manifest" href="/manifest.json">
<script defer src='./build/bundle.js'></script>
<link rel="manifest" href="./manifest.json">
<meta name="theme-color" content="#333">
</head>
<body>

View file

@ -6,7 +6,7 @@
import { dialog } from "./stores/dialog.js";
import Game from "./pages/game.svelte";
import { gameActive, menuActive, page } from "./stores/gameActive";
import Menu from "./pages/menu.svelte";
import Menu from "./pages/menu.svelte";
var preloads = new Map;
function preload(url) {
@ -16,17 +16,17 @@ import Menu from "./pages/menu.svelte";
}
for(let character of characters) {
if(character.art) {
preload(character.art); // preload art
preload("." + character.art); // preload art
}
}
for(let d of dialog) {
if(d.background) {
preload(d.background); // preload art
preload("." + d.background); // preload art
}
}
var music = new Howl({
src: "/sound/mittsies-departure.mp3",
src: "./sound/mittsies-departure.mp3",
html5: true,
loop: true,
autoplay: true

View file

@ -5,7 +5,7 @@ const app = new App({
});
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js');
navigator.serviceWorker.register('./service-worker.js');
}
export default app;

View file

@ -12,7 +12,7 @@
max-width: 800px;
position: relative;
font-size: clamp(1rem, 4vh - 0.2rem, 1.5rem);
background: url("/sprite/button2.webp");
background: url("../sprite/button2.webp");
background-size: auto 100%;
background-repeat: repeat-x;
padding: 5px 5px;
@ -27,7 +27,7 @@
content: "";
height: 1.72em;
width: 2.56em;
background: url("/sprite/button1.webp");
background: url("../sprite/button1.webp");
background-size: contain;
left: -2.56em;
top: 0;
@ -37,7 +37,7 @@
content: "";
height: 1.72em;
width: 2.56em;
background: url("/sprite/button1.webp");
background: url("../sprite/button1.webp");
background-size: contain;
right: -2.56em;
top: 0;

View file

@ -136,7 +136,7 @@ import Keypress from "../stores/keypress.svelte";
var failure = false;
var successSound = new Howl({
src: "/sound/success.wav"
src: "./sound/success.wav"
});
var textElement;
$: {
@ -158,10 +158,10 @@ import Keypress from "../stores/keypress.svelte";
<div class="dialog" class:failure>
<div class="background">
{#if background}
<img src={background} alt="" class="full" draggable={false}>
<img src="./{background}" alt="" class="full" draggable={false}>
{/if}
{#if art}
<img src={art} alt="" class="character" draggable={false}>
<img src="./{art}" alt="" class="character" draggable={false}>
{/if}
</div>
{#if showText}

View file

@ -4,9 +4,9 @@
</script>
<div class="overlay">
<img src="/sprite/game_overlay.webp" alt="" class="left" draggable={false}>
<img src="./sprite/game_overlay.webp" alt="" class="left" draggable={false}>
<div class="left-info">{steps}</div>
<img src="/sprite/game_overlay.webp" alt="" class="right" draggable={false}>
<img src="./sprite/game_overlay.webp" alt="" class="right" draggable={false}>
<div class="right-info">{chapter}</div>
</div>