fixing broken paths for downpour and other UI tweaks

public/bridges/src/downpour/index.html

@@ -246,7 +246,7 @@
 
     <div id="credits">
         <div class="downpour-icon">
-            <a href="https://downpour.games">
+            <a href="https://downpour.games" target="_blank">
                 <svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" version="1.1" viewBox="0 0 25 25" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" title="downpour.games">
                     <g>
                         <path fill="currentColor" d="m12.991 10.256v9.428c-0 8e-3 -0 0.017-1e-3 0.025-0 0-0.034 0.61 0.142 1.091 0.064 0.172 0.14 0.353 0.339 0.346 0.142-5e-3 0.251-0.03 0.331-0.088 0.122-0.089 0.161-0.24 0.191-0.402 0.055-0.297 0.042-0.638 0.039-0.953-3e-3 -0.276 0.219-0.502 0.495-0.505s0.502 0.219 0.505 0.495c4e-3 0.378 0.01 0.787-0.056 1.144-0.078 0.428-0.259 0.79-0.582 1.027-0.217 0.159-0.502 0.268-0.888 0.282-0.68 0.023-1.097-0.416-1.312-1.002-0.221-0.601-0.207-1.351-0.203-1.467l5e-3 -9.438c-1e-3 -0.034-0-0.117-0.045-0.155-0.049-0.042-0.151-0.027-0.153-0.026-0.651 0.064-1.199 0.218-1.798 0.421-0.623 0.212-1.243 0.472-1.912 0.725-0.025 0.01-0.052 0.017-0.078 0.023-0.157 0.031-0.319-0.014-0.437-0.121-1.082-0.988-2.306-0.847-3.256-0.475-1.013 0.395-1.739 1.052-1.739 1.052-0.147 0.134-0.36 0.168-0.542 0.086s-0.297-0.264-0.294-0.464c-0 0 0.044-3.142 2.33-5.642 1.459-1.596 3.833-2.948 7.72-3.008 0.109-2e-3 0.196-0.091 0.196-0.2v-0.638c-0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.675c1e-3 0.089 0.072 0.161 0.161 0.162 3.908 0.053 6.292 1.409 7.756 3.009 2.286 2.5 2.33 5.642 2.33 5.642 3e-3 0.2-0.113 0.382-0.294 0.464-0.182 0.082-0.395 0.048-0.542-0.086-0-0-0.726-0.657-1.739-1.052-0.951-0.372-2.174-0.513-3.257 0.475-0.118 0.107-0.28 0.152-0.436 0.121-0.027-6e-3 -0.054-0.013-0.08-0.024-0.648-0.248-1.148-0.569-1.653-0.749-0.582-0.207-1.131-0.305-1.681-0.365l-0.344-0.031c-0.056-5e-3 -0.111 0.013-0.153 0.051-0.041 0.038-0.065 0.091-0.065 0.147zm-2.599-6.512c-2.696 0.307-4.449 1.355-5.582 2.594-1.226 1.34-1.725 2.887-1.928 3.897 0.305-0.186 0.669-0.379 1.071-0.536 0.992-0.387 2.205-0.56 3.375 0.028 0.034-1.842 0.919-4.215 3.064-5.983zm7.257 5.983c1.17-0.588 2.383-0.415 3.375-0.028 0.402 0.157 0.766 0.35 1.072 0.537-0.204-1.011-0.704-2.558-1.929-3.898-1.133-1.239-2.886-2.287-5.583-2.594 2.146 1.768 3.031 4.141 3.065 5.983zm-5.161-6.191c-0.025 0.021-0.054 0.041-0.084 0.057-2.986 1.617-4.135 4.39-4.08 6.349 0.814-0.389 2.294-0.939 4.164-0.939 2.008-0 3.394 0.507 4.165 0.898 0.038-1.957-1.115-4.703-4.08-6.308-0.031-0.016-0.059-0.036-0.085-0.057zm-6.017 9.439c1.013 1.684 1.843 2.544 1.854 4.139 0.011 1.7-1.289 2.399-2.395 2.378-1.103-0.021-2.27-0.794-2.26-2.469 5e-3 -0.817 0.238-1.433 0.623-2.076 0.339-0.567 0.807-1.159 1.327-1.981l0.433-0.685 0.418 0.694zm-0.277 1.43c-0.036-0.055-0.098-0.089-0.164-0.09-0.067-0-0.129 0.032-0.167 0.087-0.272 0.389-0.514 0.728-0.712 1.059-0.291 0.486-0.477 0.949-0.481 1.569-6e-3 0.972 0.639 1.45 1.279 1.462 0.637 0.012 1.382-0.393 1.376-1.371-6e-3 -0.8-0.278-1.37-0.671-2.005-0.14-0.227-0.295-0.46-0.46-0.711zm13.533-1.468c1.323 1.797 1.949 2.567 1.959 4.177 0.011 1.7-1.288 2.399-2.394 2.378-1.104-0.021-2.27-0.794-2.26-2.469 5e-3 -0.813 0.241-1.444 0.615-2.091 0.331-0.574 0.778-1.165 1.247-1.954l0.386-0.648 0.447 0.607zm-0.196 1.412c-0.039-0.052-0.101-0.082-0.166-0.08s-0.125 0.035-0.161 0.09c-0.259 0.388-0.495 0.733-0.691 1.072-0.286 0.496-0.477 0.975-0.481 1.599-6e-3 0.972 0.638 1.45 1.279 1.462 0.636 0.012 1.382-0.393 1.375-1.371-7e-3 -1.124-0.403-1.756-1.155-2.772z" />
@@ -257,15 +257,9 @@
 
         <div id="title">
             <div id="game-title">{{title}}</div>
-            <a id="replayButton" class="replay-icon" href="?">
-                <svg xmlns=" http://www.w3.org/2000/svg" viewBox="0 -960 960 960" title="Restart game">
-                    <path fill="currentColor" d="M480-80q-75 0-140.5-28T225-185q-49-49-77-114.5T120-440q0-13 8.5-21.5T150-470q13 0 21.5 8.5T180-440q0 125 87.5 212.5T480-140q125 0 212.5-87.5T780-440q0-125-85-212.5T485-740h-22l52 52q9 9 9 21t-9 21q-9 9-21 9t-21-9L368-751q-9-9-9-21t9-21l106-106q8-8 20.5-8t20.5 8q8 8 8 20.5t-8 20.5l-58 58h23q75 0 140.5 28T735-695q49 49 77 114.5T840-440q0 75-28 140.5T735-185q-49 49-114.5 77T480-80Z" />
-                </svg>
-            </a>
-
         </div>
 
-        <div id="author"><a href="/~{{author_username}}" rel="author"><span id="game-author"><span class="displayname">{{author_displayname}}</span> <span class="username">~{{author_username}}</span></span></a></div>
+        <div id="author"><span id="game-author"></span></a></div>
     </div>
 
     <svg id="svg_filters">
@@ -281,7 +275,7 @@
 
     const LOCAL = true;
 
-    const mediaPath = "src/downpour/" + window.location.pathname.split("/").pop().replace(".html", "") + "/";
+    const mediaPath = "/bridges/src/downpour/" + window.location.pathname.split("/").pop().replace(".html", "") + "/";
 
     if (LOCAL) {
         document.title = data.name ?? "";
@@ -338,11 +332,11 @@
             loadPage(data.initial_page);
         }
     }
-    const replayButton = document.getElementById("replayButton");
-    replayButton.addEventListener("click", (e) => {
-        e.preventDefault();
-        goToPage(data.initial_page);
-    });
+    // const replayButton = document.getElementById("replayButton");
+    // replayButton.addEventListener("click", (e) => {
+    //     e.preventDefault();
+    //     goToPage(data.initial_page);
+    // });
 
 
     window.addEventListener("resize", setPageScale);