generated from workadventure/map-starter-kit
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploying to gh-pages from master @ 058b83f 🚀
- Loading branch information
Showing
14 changed files
with
6,164 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
/node_modules/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
# WorkAdventure Map Starter Kit | ||
|
||
This is a starter kit to help you build your own map for [WorkAdventure](https://workadventu.re). | ||
|
||
To understand how to use this starter kit, follow the tutorial at [https://workadventu.re/map-building](https://workadventu.re/map-building). | ||
|
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
<html> | ||
<head> | ||
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> | ||
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" /> | ||
<style> | ||
.useful-width{ | ||
/* center the html elements */ | ||
max-width: 800px; | ||
margin-left: auto; | ||
margin-right: auto; | ||
} | ||
</style> | ||
<script> | ||
window.onload = function() { | ||
let path = window.location.pathname; | ||
if (path.endsWith('index.html')) { | ||
path = path.substr(path, path.length - 'index.html'.length); | ||
} | ||
const url = 'https://play.workadventu.re/_/global/'+window.location.host+path+'map.json?alone=true'; | ||
document.getElementById('mapLink').href = url; | ||
document.getElementById('mapLink2').href = url; | ||
document.getElementById('mapLink').innerText = url; | ||
|
||
const mapUrl = window.location.protocol+'//'+window.location.host+path+'map.json'; | ||
document.getElementById('mapUrl').innerText = mapUrl; | ||
|
||
const gettingStartedLink = 'https://workadventu.re/getting-started?name=Map&mapUrl='+mapUrl; | ||
document.getElementById('gettingStartedLink').href = gettingStartedLink; | ||
|
||
}; | ||
</script> | ||
</head> | ||
<body> | ||
<div class="useful-width"> | ||
<div style="text-align: center; margin-top: 3rem"> | ||
<img src="https://workadventu.re/img/logo.png" alt=""/> | ||
</div> | ||
<div class="nes-container with-title is-centered" style="margin-top: 3rem"> | ||
<p class="title">WorkAdventure map</p> | ||
<p>This website contains a map for <a href="https://workadventu.re">Workadventu.re</a>.</p> | ||
</div> | ||
|
||
<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="mapLink" href=""></a>.</p> | ||
<p><a id="mapLink2" 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">Create a new room</a></p> | ||
<p>or copy and paste the map URL in WorkAdventu.re's administration panel:</p> | ||
<p><span id="mapUrl" style="color: gray" /></p> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.