7c956d1481
* WIP: svelte menu * temp * temp * New menu svelte * Migration of report menu in svelte * Migration of registerCustomMenu for Menu in Svelte Refactor subMenuStore Suppression of old MenuScene and ReportMenu * Suppression of HTML files that aren't use anymore * fix deeployer * First pass on css * First pass on css * Second pass on css and reportMenu * Second pass on css and reportMenu * Second pass on css and reportMenu * Third pass on css and reportMenu * Correction following test * Contact page only if environment variable exist * Update service worker Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com> * Change requested * Change requested Co-authored-by: kharhamel <oognic@gmail.com> Co-authored-by: Gregoire Parant <g.parant@thecodingmachine.com>
51 lines
1.4 KiB
Svelte
51 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
|
|
function goToGettingStarted() {
|
|
const sparkHost = "https://workadventu.re/getting-started";
|
|
window.open(sparkHost, "_blank");
|
|
}
|
|
|
|
function goToBuildingMap() {
|
|
const sparkHost = "https://workadventu.re/map-building";
|
|
window.open(sparkHost, "_blank");
|
|
}
|
|
|
|
</script>
|
|
|
|
<div class="create-map-main">
|
|
<section class="container-overflow">
|
|
<section>
|
|
<h3>Getting started</h3>
|
|
<p>
|
|
WorkAdventure allows you to create an online space to communicate spontaneously with others.
|
|
And it all starts with creating your own space. Choose from a large selection of prefabricated maps by our team.
|
|
</p>
|
|
<button type="button" class="nes-btn is-primary" on:click={goToGettingStarted}>Getting started</button>
|
|
</section>
|
|
<section>
|
|
<h3>Create your map</h3>
|
|
<p>You can also create your own custom map by following the step of the documentation.</p>
|
|
<button type="button" class="nes-btn" on:click={goToBuildingMap}>Create your map</button>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
div.create-map-main {
|
|
height: calc(100% - 56px);
|
|
|
|
text-align: center;
|
|
|
|
section {
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
section.container-overflow {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: auto;
|
|
}
|
|
}
|
|
|
|
</style> |