2021-12-23 13:09:28 +01:00
|
|
|
<script lang="typescript">
|
|
|
|
import { fly } from "svelte/transition";
|
2021-12-23 15:06:32 +01:00
|
|
|
import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
|
2021-12-23 13:09:28 +01:00
|
|
|
|
2021-12-23 15:06:32 +01:00
|
|
|
function register() {
|
|
|
|
window.open(`${ADMIN_URL}/second-step-register`, "_self");
|
2021-12-23 13:09:28 +01:00
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
2021-12-23 15:06:32 +01:00
|
|
|
<div class="limit-map nes-container" transition:fly={{ y: -900, duration: 500 }}>
|
2021-12-23 13:09:28 +01:00
|
|
|
<section>
|
|
|
|
<h2>Limit of your room</h2>
|
|
|
|
<p>Register your account!</p>
|
2021-12-23 15:06:32 +01:00
|
|
|
<p>
|
|
|
|
This map is limited in the time and to continue to use WorkAdventure, you must register your account in our
|
|
|
|
back office.
|
|
|
|
</p>
|
2021-12-23 13:09:28 +01:00
|
|
|
</section>
|
|
|
|
<section>
|
|
|
|
<button class="nes-btn is-primary" on:click|preventDefault={register}>Register</button>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<style lang="scss">
|
2021-12-23 15:06:32 +01:00
|
|
|
.limit-map {
|
|
|
|
pointer-events: auto;
|
|
|
|
background: #eceeee;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-top: 10vh;
|
|
|
|
max-height: 80vh;
|
|
|
|
max-width: 80vw;
|
|
|
|
overflow: auto;
|
|
|
|
text-align: center;
|
2021-12-23 13:09:28 +01:00
|
|
|
|
2021-12-23 15:06:32 +01:00
|
|
|
h2 {
|
|
|
|
font-family: "Press Start 2P";
|
|
|
|
}
|
2021-12-23 13:09:28 +01:00
|
|
|
|
2021-12-23 15:06:32 +01:00
|
|
|
section {
|
|
|
|
p {
|
|
|
|
margin: 15px;
|
|
|
|
font-family: "Press Start 2P";
|
|
|
|
}
|
|
|
|
}
|
2021-12-23 13:09:28 +01:00
|
|
|
}
|
|
|
|
</style>
|