Renaming landing_page directory to website
David Négrier
156
website/dist/choose-map.html
vendored
Normal file
|
|
@ -0,0 +1,156 @@
|
|||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Choose map - WorkAdventu.re</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<script src="bundle.js"></script>
|
||||
</head>
|
||||
|
||||
<body class="choose-map">
|
||||
<div class="container-fluid container-lg section pt-5">
|
||||
<h1 class="text-center pixel-title">CHOOSE YOUR MAP !</h1>
|
||||
<div class="row no-gutters justify-content-center">
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/skapa-map/map.json" id="map_1">
|
||||
<img src="static/images/maps/creative.png">
|
||||
<p>Need some inspiration? Enter our CREATIVE SPACE !</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/pub-map/map.json" id="map_2">
|
||||
<img src="static/images/maps/pub.png">
|
||||
<p>Too late for working ? Just GO TO THE PUB !</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/office-map/map.json" id="map_3">
|
||||
<img src="static/images/maps/office.png">
|
||||
<p>Want to try a SIMPLE OFFICE map ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/classroom-map/map.json" id="map_4">
|
||||
<img src="static/images/maps/school.png">
|
||||
<p>Send your kids BACK TO SCHOOL... and rest a bit ;)</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/tower-map/map.json" id="map_5">
|
||||
<img src="static/images/maps/dungeon.png">
|
||||
<p>Dungeons & Dragons Nostalgia ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="npeguin.github.io/fantasy-map/map.json" id="map_6">
|
||||
<img src="static/images/maps/fantasy.png">
|
||||
<p>Explore a fantasy world !</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<div class="map-item" data-url="api.workadventu.re/map/files/Floor0/floor0.json" id="map_7">
|
||||
<img src="static/images/maps/tcm.png">
|
||||
<p>Need a bigger Office? Visit us !</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col text-center">
|
||||
<div class="map-item" data-url="npeguin.github.io/corridor-map/map.json" id="map_8">
|
||||
<img src="static/images/maps/street.png">
|
||||
<p>NO IDEA, or just want to ROAM THE STREETS ? Enter the street map and choose your own path !</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid container-lg section text-center" id="map-link-container" style="display: none;">
|
||||
<h1 class="mb-3">YOUR MAP URL IS</h1>
|
||||
<p id="wa-link" class="mb-5"></p>
|
||||
<div class="row align-items-center justify-content-center">
|
||||
<div class="col-sm-8 text-right mb-4 pb-sm-0">
|
||||
<button class="copy-btn" onclick="copyToClipboard()">COPY MAP URL<small> TO CLIPBOARD</small></button>
|
||||
</div>
|
||||
<div class="col-sm-4 text-center text-sm-left">
|
||||
<span id="new-url">to share it !</span>
|
||||
<span id="url-copied"><img src="static/images/check.png">Link copied !</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row start-area justify-content-center mt-5">
|
||||
<div class="col-12 col-sm-1 d-none d-sm-block">
|
||||
<img src="static/images/female-character.gif">
|
||||
</div>
|
||||
<div class="col-12 col-sm-4 mb-3 mb-sm-0">
|
||||
<button id="start-btn" onclick="play()">START <span>>></span></button>
|
||||
</div>
|
||||
<div class="col-12 col-sm-1">
|
||||
<img src="static/images/male-character.gif">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var rand = '';
|
||||
var characters = 'abcdefghijklmnopqrstuvwxyz';
|
||||
var charactersLength = characters.length;
|
||||
for ( var i = 0; i < 9; i++ ) {
|
||||
rand += characters.charAt(Math.floor(Math.random() * charactersLength));
|
||||
}
|
||||
var id = rand.slice(0,3) + '-' + rand.slice(3,6) + '-' + rand.slice(6);
|
||||
var mapLink = document.getElementById('wa-link');
|
||||
var mapLinkContainer = document.getElementById('map-link-container');
|
||||
|
||||
function setSelectedMap(element){
|
||||
var items = document.querySelectorAll(".map-item");
|
||||
[].forEach.call(items, function(el) {
|
||||
el.classList.remove("active");
|
||||
});
|
||||
element.classList.add("active");
|
||||
mapLink.innerText = window.location.protocol + "//play."+window.location.host + "/_/" + id + "/" + element.dataset.url;
|
||||
mapLinkContainer.style.display = 'block';
|
||||
document.getElementById('new-url').style.display = 'inline';
|
||||
document.getElementById('url-copied').style.display = 'none';
|
||||
|
||||
mapLinkContainer.scrollIntoView({
|
||||
block: "start",
|
||||
inline: "nearest",
|
||||
behavior: "smooth"
|
||||
})
|
||||
}
|
||||
|
||||
function copyToClipboard() {
|
||||
var aux = document.createElement("input");
|
||||
aux.setAttribute("value", mapLink.innerHTML);
|
||||
document.body.appendChild(aux);
|
||||
aux.select();
|
||||
document.execCommand("copy");
|
||||
document.body.removeChild(aux);
|
||||
|
||||
document.getElementById('new-url').style.display = 'none';
|
||||
document.getElementById('url-copied').style.display = 'inline';
|
||||
setTimeout(function(){
|
||||
document.getElementById('new-url').style.display = 'inline';
|
||||
document.getElementById('url-copied').style.display = 'none';
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
function play(){
|
||||
window.location.assign(mapLink.innerText);
|
||||
}
|
||||
|
||||
(function() {
|
||||
document.addEventListener('click', function (event) {
|
||||
// If the clicked element doesn't have the right selector, bail
|
||||
var mapItem = event.target.closest('.map-item');
|
||||
if (mapItem === null) {
|
||||
return;
|
||||
}
|
||||
// Don't follow the link
|
||||
event.preventDefault();
|
||||
setSelectedMap(mapItem);
|
||||
}, false);
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
174
website/dist/index.html
vendored
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
<!doctype html>
|
||||
<html class="no-js" lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>WorkAdventu.re</title>
|
||||
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<script src="bundle.js"></script>
|
||||
<script>
|
||||
function startGame() {
|
||||
let playUrl = window.location.protocol + "//play."+window.location.host;
|
||||
window.location.assign(playUrl);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<div class="container-lg section">
|
||||
<div class="over-image">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-6 my-3 my-md-0">
|
||||
<div class="logo">
|
||||
<img src="static/images/logo.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-6 my-3 my-md-0">
|
||||
<div class="social-links">
|
||||
Share your experience
|
||||
<a href="https://www.facebook.com/sharer/sharer.php?u=http://workadventu.re/" target="_BLANK">
|
||||
<img class="social-image" src="static/images/facebook.png" />
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://workadventu.re/&title=&summary=Discover a pixelated new world and start a casual conversation !&source=TheCodingMachine" target="_BLANK">
|
||||
<img class="social-image" src="static/images/linkedin.png" />
|
||||
</a>
|
||||
<a href="https://twitter.com/home?status=http://workadventu.re/ Discover a pixelated new world and start a casual conversation !" target="_BLANK">
|
||||
<img class="social-image" src="static/images/twitter.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title text-center">
|
||||
<h1>Your workplace<br/>but better</h1>
|
||||
<h3>You are impatient to discover this new world? Click on "Play Online" or share this adventure with your colleagues and friends by clicking on "Play Private"</h3>
|
||||
</div>
|
||||
<div class="row justify-content-md-center pt-5" style="margin-top: 65px;">
|
||||
<div class="col col-lg-3">
|
||||
<a class="custom-link play" target="_BLANK" href="https://workadventu.re/_/global/npeguin.github.io/office-map/map.json" title="PLAY ONLINE">
|
||||
PLAY ONLINE
|
||||
</a>
|
||||
</div>
|
||||
<div class="col col-lg-3">
|
||||
<a class="custom-link start" href="/choose-map.html" title="PLAY PRIVATE">
|
||||
PLAY PRIVATE
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clouds clouds-2">
|
||||
<div class="cloud"></div>
|
||||
</div>
|
||||
<div class="clouds">
|
||||
<div class="cloud"></div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="section bg-white how-to">
|
||||
<div class="container-fluid container-lg">
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col-12 col-md-12 text-center">
|
||||
<h3>How to play</h3>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<h2>Choose your map</h2>
|
||||
<div class="step-image"><img src="static/images/maps/office.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<h2>Select your character</h2>
|
||||
<div class="step-image"><img src="static/images/choose_character.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4 text-center my-3 my-md-0">
|
||||
<div class="image-item">
|
||||
<h2>Let's go explore and talk !</h2>
|
||||
<div class="step-image"><img src="static/images/interact.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section bg-white">
|
||||
<div class="container-fluid container-lg">
|
||||
<div class="col-12 credits">
|
||||
<h2>Future features</h2>
|
||||
<h3>We have already thought of new features:</h3>
|
||||
<p>Share files with others</p>
|
||||
<p>Lock group conversation</p>
|
||||
<p>Share screen with others</p>
|
||||
<p>Interact with objects</p>
|
||||
<h3>And you, what would you want?</h3>
|
||||
<div class="row justify-content-md-center pt-5" style="margin-top: 65px;">
|
||||
<div class="col col-lg-3">
|
||||
<a class="custom-link contribute" target="_BLANK" href="https://docs.google.com/forms/d/e/1FAIpQLSdxvajEyqsn4X0ai0SoDAcdsa_JQPIfiP2Tp9PDzkfZA54v9Q/viewform" title="FEED BACK">
|
||||
FEED BACK
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray section used-by">
|
||||
<div class="container-fluid container-lg">
|
||||
<h2 class="text-center pb-4">THEY MIGHT APPROVE</h2>
|
||||
<div class="row justify-content-md-center align-items-center">
|
||||
<div class="col col-md-auto">
|
||||
<img src="static/images/atari.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="static/images/super-nintendo.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="static/images/amstrad.png">
|
||||
</div>
|
||||
<div class="col col-md-auto">
|
||||
<img src="static/images/sinclair-2.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid container-lg section quotes">
|
||||
<h2 class="text-center">Why we love WorkAdventure</h2>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-9">
|
||||
<div class="quote-item">
|
||||
<p class="quote">« Right on time! I feel like less alone in my home office. »</p>
|
||||
<p class="author">Julie</p>
|
||||
</div>
|
||||
<div class="quote-item">
|
||||
<p class="quote">« I love running into the hallway and check out where are my teammates! »</p>
|
||||
<p class="author">Sophie</p>
|
||||
</div>
|
||||
<div class="quote-item">
|
||||
<p class="quote">« Wow! More intimate than a Meet conference. »</p>
|
||||
<p class="author">Greg</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-white footer">
|
||||
<div class="container-fluid container-lg">
|
||||
<div class="row">
|
||||
<div class="col-6 col-md-6 my-3 my-md-0">
|
||||
<a href="https://www.thecodingmachine.com/" target="_blank"><img src="static/images/Logo TCM.png"></a>
|
||||
</div>
|
||||
<div class="col-6 col-md-6 my-3 my-md-0 floppy">
|
||||
<img src="static/images/floppy.png" />
|
||||
<div>Soon available on floppy !<br/><span>otherwise, open source and on <a href="https://github.com/thecodingmachine/workadventure" target="_BLANK">GitHub</a></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid container-lg">
|
||||
<div class="row text-center">
|
||||
<div style="width: 100%;color:#afafaf;margin-top: 25px;">TheCodingMachine - All Rights Reserved</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
website/dist/static/images/Bitmap2.png
vendored
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
website/dist/static/images/Bitmap3.png
vendored
Normal file
|
After Width: | Height: | Size: 158 KiB |
BIN
website/dist/static/images/Logo TCM.png
vendored
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
website/dist/static/images/amstrad.png
vendored
Normal file
|
After Width: | Height: | Size: 4.9 KiB |
BIN
website/dist/static/images/atari.png
vendored
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
website/dist/static/images/bitmap.png
vendored
Normal file
|
After Width: | Height: | Size: 64 KiB |
BIN
website/dist/static/images/check.png
vendored
Normal file
|
After Width: | Height: | Size: 231 B |
BIN
website/dist/static/images/choose_character.png
vendored
Normal file
|
After Width: | Height: | Size: 135 KiB |
BIN
website/dist/static/images/cloud.png
vendored
Normal file
|
After Width: | Height: | Size: 51 KiB |
BIN
website/dist/static/images/facebook.png
vendored
Normal file
|
After Width: | Height: | Size: 639 B |
BIN
website/dist/static/images/female-character.gif
vendored
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
website/dist/static/images/floppy.png
vendored
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
website/dist/static/images/interact.png
vendored
Normal file
|
After Width: | Height: | Size: 374 KiB |
BIN
website/dist/static/images/linkedin.png
vendored
Normal file
|
After Width: | Height: | Size: 622 B |
BIN
website/dist/static/images/logo.png
vendored
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
website/dist/static/images/male-character.gif
vendored
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
website/dist/static/images/maps/coders.png
vendored
Normal file
|
After Width: | Height: | Size: 300 KiB |
BIN
website/dist/static/images/maps/creative.png
vendored
Normal file
|
After Width: | Height: | Size: 162 KiB |
BIN
website/dist/static/images/maps/dungeon.png
vendored
Normal file
|
After Width: | Height: | Size: 311 KiB |
BIN
website/dist/static/images/maps/fantasy.png
vendored
Normal file
|
After Width: | Height: | Size: 410 KiB |
BIN
website/dist/static/images/maps/office.png
vendored
Normal file
|
After Width: | Height: | Size: 206 KiB |
BIN
website/dist/static/images/maps/pub.png
vendored
Normal file
|
After Width: | Height: | Size: 36 KiB |
BIN
website/dist/static/images/maps/school.png
vendored
Normal file
|
After Width: | Height: | Size: 291 KiB |
BIN
website/dist/static/images/maps/street.png
vendored
Normal file
|
After Width: | Height: | Size: 729 KiB |
BIN
website/dist/static/images/maps/tcm.png
vendored
Normal file
|
After Width: | Height: | Size: 307 KiB |
BIN
website/dist/static/images/play.png
vendored
Normal file
|
After Width: | Height: | Size: 182 KiB |
BIN
website/dist/static/images/sinclair-2.png
vendored
Normal file
|
After Width: | Height: | Size: 9.9 KiB |
BIN
website/dist/static/images/step 1.png
vendored
Normal file
|
After Width: | Height: | Size: 166 KiB |
BIN
website/dist/static/images/step 2.png
vendored
Normal file
|
After Width: | Height: | Size: 58 KiB |
BIN
website/dist/static/images/step 3.png
vendored
Normal file
|
After Width: | Height: | Size: 138 KiB |
BIN
website/dist/static/images/super-nintendo.png
vendored
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
website/dist/static/images/twitter.png
vendored
Normal file
|
After Width: | Height: | Size: 615 B |