Merge pull request #17 from othaldo/master

Osterkarte ergänzt
reimerdes · Mar 21, 2024 · 55540c7 · 55540c7
2 parents 21b5c4f + 2ecab50
commit 55540c7
Show file tree

Hide file tree

Showing 16 changed files with 588 additions and 221 deletions.
diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
@@ -13,12 +13,11 @@ jobs:
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
-
-      - uses: actions/setup-node@v3
+        uses: actions/checkout@v4
+      - name: Setup
+        uses: actions/setup-node@v4
         with:
-          node-version: '18.x'
-          registry-url: 'https://registry.npmjs.org'
+          node-version: 20
 
       - name: "Install dependencies"
         run: npm install

diff --git a/dist/assets/main-5f24341e.js b/dist/assets/main-5f24341e.js
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="robots" content="noindex">
+    <meta name="title" content="WorkAdventure Starter Kit">
+
+    <link rel="icon" href="https://workadventu.re/favicon-96x96.png">
+    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
+    <link href="https://unpkg.com/[email protected]/css/nes.min.css" rel="stylesheet" />
+    <title>WorkAdventure Starter Kit</title>
+    <script>
+        window.onload = function () {
+            const host = window.location.host;
+            let path = window.location.pathname;
+            if (path.endsWith('index.html')) {
+                path = path.substr(path, path.length - 'index.html'.length);
+            }
+            const instanceId = Math.random().toString(36).substring(2, 15);
+            const url = `https://play.workadventu.re/_/${instanceId}/${host}${path}map.tmj`;
+            document.getElementById('testMapURL').href = url;
+            document.getElementById('testMapBtnURL').href = url;
+            document.getElementById('testMapURL').innerText = url;
+
+            const tmjURL = window.location.protocol + '//' + window.location.host + path + 'map.tmj';
+            document.getElementById('tmjURL').innerText = tmjURL;
+
+            const gettingStartedLink = 'https://workadventu.re/getting-started?name=Map&mapUrl=' + tmjURL;
+            document.getElementById('gettingStartedLink').href = gettingStartedLink;
+
+        };
+    </script>
+    <style>
+        body {
+            font-size: 16px;
+            font-family: 'Open Sans', sans-serif;
+            max-width: 800px;
+            margin: auto !important;
+            text-align: center;
+        }
+
+        h1,
+        h2 {
+            font-weight: bold;
+        }
+
+        header {
+            margin: 30px;
+        }
+
+        header .logo {
+            display: block;
+            position: relative;
+        }
+
+        header .logo img {
+            display: block;
+            width: 500px;
+            margin: auto;
+            text-align: center;
+        }
+
+        main {
+            margin-bottom: 30px;
+        }
+
+        .socials img {
+            width: 30px;
+            height: 30px;
+        }
+
+        .socials>a {
+            display: inline-block;
+            margin: 20px 5px;
+        }
+
+        .content {
+            width: 100%;
+            position: relative;
+            z-index: 99999;
+        }
+
+        .content>h2 {
+            padding: 1rem 5vw;
+            max-width: 1200px;
+        }
+
+        a.button {
+            display: inline-block;
+            padding: 13px 20px 12px;
+            background: rgba(20, 48, 76, 0.9);
+            color: white;
+            font-weight: bold;
+            text-transform: uppercase;
+            text-decoration: none;
+            text-align: center;
+            width: auto;
+            position: relative;
+            font-size: 1.8em;
+            margin-top: 2rem;
+        }
+
+        a.button:hover {
+            top: -3px;
+            background: rgba(20, 48, 76);
+            cursor: pointer;
+            color: white;
+        }
+
+
+        .maps {
+            display: flex;
+            justify-content: center;
+            gap: 1rem;
+            flex-wrap: wrap;
+        }
+
+        .map {
+            width: 30%;
+            margin-bottom: 3%;
+            min-width: 200px;
+        }
+
+        .map a,
+        .map img {
+            width: 100%;
+            display: block;
+        }
+
+        .map a.button {
+            display: inline-block;
+            width: auto;
+            margin: 1rem auto;
+        }
+
+        .url {
+            font-family: 'Courier New', Courier, monospace;
+            font-size: 14px;
+        }
+
+        footer {
+            display: block;
+            font-size: 1.2em;
+            padding: 2rem 5vw;
+        }
+
+
+        /*/ MEDIA QUERIES START HERE /*/
+        @media (max-width: 768px) {
+            /* Hand Held Device */
+
+            body {
+                font-size: 13px;
+            }
+
+            .logo img {
+                width: 60vw;
+            }
+
+            .content {
+                padding: 1rem;
+            }
+
+            .maps {
+                gap: 1rem;
+            }
+
+            .map {
+                width: 47%;
+                margin-bottom: 3%;
+                min-width: 200px;
+            }
+
+        }
+    </style>
+</head>
+
+<body>
+    <header>
+        <div class="logo">
+            <a href="https://workadventu.re/" target="_blank" title="Workadventure"><img
+                    src="https://workadventu.re/wp-content/themes/wokadventure/assets/img/logos/logo-dark-full.svg"
+                    alt="WorkAdventure logo" /></a>
+        </div>
+    </header>
+    <main>
+        <div class="nes-container with-title is-centered" style="margin-top: 1rem">
+            <p class="title">Test this map</p>
+            <p>You can test this map at <a id="testMapURL" href="" class="url"></a></p>
+            <p><a id="testMapBtnURL" href="" class="nes-btn is-primary">Test this map</a></p>
+        </div>
+
+        <div class="nes-container with-title is-centered" style="margin-top: 1rem">
+            <p class="title">Happy with the result?</p>
+            <p>Register your room on Workadventu.re</p>
+            <p><a id="gettingStartedLink" href="" class="nes-btn is-primary">Publish this map</a></p>
+            <p>or copy and paste the map URL in WorkAdventu.re's administration panel:</p>
+            <p><span id="tmjURL" class="url"></span></p>
+        </div>
+    </main>
+    <footer><a href="https://workadventu.re/" target="_blank" title="workadventu.re">&copy; WorkAdventure</a></footer>
+</body>
+
+</html>
diff --git a/dist/map-chunk-1-8b642e6a.png b/dist/map-chunk-1-8b642e6a.png
diff --git a/dist/map-chunk-2-8b642e6a.png b/dist/map-chunk-2-8b642e6a.png
diff --git a/dist/map-chunk-3-8b642e6a.png b/dist/map-chunk-3-8b642e6a.png
diff --git a/dist/map-chunk-4-8b642e6a.png b/dist/map-chunk-4-8b642e6a.png
diff --git a/dist/map-chunk-5-8b642e6a.png b/dist/map-chunk-5-8b642e6a.png
diff --git a/dist/map-chunk-6-8b642e6a.png b/dist/map-chunk-6-8b642e6a.png
diff --git a/dist/map-chunk-7-8b642e6a.png b/dist/map-chunk-7-8b642e6a.png
diff --git a/dist/map.png b/dist/map.png
diff --git a/dist/map.tmj b/dist/map.tmj