generated from workadventure/map-starter-kit
-
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
65 changed files
with
84,668 additions
and
588 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
Large diffs are not rendered by default.
Oops, something went wrong.
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
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
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,17 @@ | ||
| *{ | ||
| font-family: Roboto,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; | ||
| background-color: #1c1c29; | ||
| color: white; | ||
| } | ||
|
|
||
| body{ | ||
| text-align: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-content: center; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: calc(100vh - 40px); | ||
| padding: 20px; | ||
| margin: 0; | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
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,65 @@ | ||
| <html> | ||
| <head> | ||
| <title>The Game</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" type="text/css" href="./css.css"> | ||
| </head> | ||
| <body> | ||
| <h1>Congrats, you found the new word 🎉</h1> | ||
| <p>The code is: <span id="code" style="font-weight: bold;"></span></p> | ||
| <!-- show badge with picture associated --> | ||
| <div class="badges" style="display:flex;flex-direction: row;justify-content: center;align-items: center;"> | ||
| <img id="badgefoundword1" src="./images/word1.png" alt="badge word 1" style="display: none; width: 60px;"> | ||
| <img id="badgefoundword2" src="./images/word2.png" alt="badge word 2" style="display: none; width: 60px;"> | ||
| <img id="badgefoundword3" src="./images/word3.png" alt="badge word 3" style="display: none; width: 60px;"> | ||
| <img id="badgefoundword4" src="./images/word4.png" alt="badge word 4" style="display: none; width: 60px;"> | ||
| <img id="badgefoundword5" src="./images/word5.png" alt="badge word 5" style="display: none; width: 60px;"> | ||
| <img id="badgefoundword6" src="./images/word6.png" alt="badge word 6" style="display: none; width: 60px;"> | ||
| </div> | ||
| <p style="font-size: 30px;"> | ||
| <span id="word1">---</span> | ||
| <span id="word2">--------</span> | ||
| <span id="word3">----</span> | ||
| <span id="word4">----</span> | ||
| <span id="word5">--</span> | ||
| <span id="word6">-----</span> | ||
| </p> | ||
|
|
||
| <!-- show badge with picture associated --> | ||
| <div class="badges" style="display:flex;flex-direction: row;justify-content: center;align-items: center;"> | ||
| <img id="badgeword1" src="./images/word1.png" alt="badge word 1" style="display: none;"> | ||
| <img id="badgeword2" src="./images/word2.png" alt="badge word 2" style="display: none;"> | ||
| <img id="badgeword3" src="./images/word3.png" alt="badge word 3" style="display: none;"> | ||
| <img id="badgeword4" src="./images/word4.png" alt="badge word 4" style="display: none;"> | ||
| <img id="badgeword5" src="./images/word5.png" alt="badge word 5" style="display: none;"> | ||
| <img id="badgeword6" src="./images/word6.png" alt="badge word 6" style="display: none;"> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <script type="text/javascript"> | ||
| const sentence = { | ||
| word1: 'NFT', | ||
| word2: 'Biarritz', | ||
| word3: '2023', | ||
| word4: 'is', | ||
| word5: 'the', | ||
| word6: 'madness', | ||
| } | ||
| const url = new URL(window.location.toString()); | ||
| const wordsFound = url.searchParams.get("words"); | ||
| // show words find by user | ||
| for(const word of Object.keys(sentence)){ | ||
| if(wordsFound.indexOf(word) != -1){ | ||
| document.getElementById(word).innerHTML = sentence[word]; | ||
| document.getElementById(`badge${word}`).style.display = "block"; | ||
| } | ||
| } | ||
|
|
||
| // show the last word find by user | ||
| const currentWordFound = url.searchParams.get("current"); | ||
| document.getElementById("code").innerHTML = sentence[currentWordFound]??''; | ||
| document.getElementById(`badgefound${currentWordFound}`).style.display = "block"; | ||
| </script> | ||
| </body> | ||
| </html> |
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,72 @@ | ||
| <html> | ||
| <head> | ||
| <title>Review</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" type="text/css" href="./css.css"> | ||
| </head> | ||
| <body> | ||
| <h1>The secret sentence 👀</h1> | ||
| <!-- show words found --> | ||
| <p style="font-size: 30px;"> | ||
| <span id="word1">---</span> | ||
| <span id="word2">--------</span> | ||
| <span id="word3">----</span> | ||
| <span id="word4">----</span> | ||
| <span id="word5">--</span> | ||
| <span id="word6">-----</span> | ||
| </p> | ||
|
|
||
| <!-- show badge with picture associated --> | ||
| <div class="badges" style="display:flex;flex-direction: row;justify-content: center;align-items: center;"> | ||
| <img id="badgeword1" src="./images/word1.png" alt="badge word 1" style="display: none;"> | ||
| <img id="badgeword2" src="./images/word2.png" alt="badge word 2" style="display: none;"> | ||
| <img id="badgeword3" src="./images/word3.png" alt="badge word 3" style="display: none;"> | ||
| <img id="badgeword4" src="./images/word4.png" alt="badge word 4" style="display: none;"> | ||
| <img id="badgeword5" src="./images/word5.png" alt="badge word 5" style="display: none;"> | ||
| <img id="badgeword6" src="./images/word6.png" alt="badge word 6" style="display: none;"> | ||
| </div> | ||
|
|
||
| <p style="display: none;" id="indiceTitle">Ton dernier indice :</p> | ||
| <p id="lastIndice" style="font-weight: bold;"></p> | ||
|
|
||
| <script type="text/javascript"> | ||
| const sentence = { | ||
| word1: 'NFT', | ||
| word2: 'Biarritz', | ||
| word3: '2023', | ||
| word4: 'is', | ||
| word5: 'the', | ||
| word6: 'madness', | ||
| } | ||
|
|
||
| const indices = { | ||
| // translate word1 variable in english | ||
| word1: "Do you like chess games with the captain on the deck ?", | ||
| word2: "You will discover a certain taste for hunting in the hold !", | ||
| word3: "A treasure is in plain sight !", | ||
| word4: "Well hidden, you have to venture into the darkest corners of the hold (the ladder will be useful) !", | ||
| word5: "Have you ever seen the captain's quarters and the treasure it contains ?", | ||
| word6: "On a boat, a captain, a treasure, a secret path, a deserted island... You can say a prayer there !", | ||
| } | ||
|
|
||
| const url = new URL(window.location.toString()); | ||
| const wordsFound = url.searchParams.get("words"); | ||
| // show words find by user | ||
| if(wordsFound){ | ||
| for(const word of Object.keys(sentence)){ | ||
| if(wordsFound.indexOf(word) != -1){ | ||
| document.getElementById(word).innerHTML = sentence[word]; | ||
| document.getElementById(`badge${word}`).style.display = "block"; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| // show the last indice | ||
| const currentIndice = url.searchParams.get("lastIndice"); | ||
| if(currentIndice != undefined && currentIndice !== "noindice" && currentIndice !== "undefined"){ | ||
| document.getElementById("indiceTitle").style.display = "block"; | ||
| document.getElementById("lastIndice").innerHTML = indices[currentIndice]; | ||
| } | ||
| </script> | ||
| </body> | ||
| </html> |
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,73 @@ | ||
| <html> | ||
| <head> | ||
| <title>Rules</title> | ||
| <meta charset="utf-8"> | ||
| <link rel="stylesheet" type="text/css" href="./css.css"> | ||
| <style> | ||
| @media (width < 900px) { | ||
| body{ | ||
| display: block; | ||
| font-weight: 500!important; | ||
| } | ||
| section:nth-child(1){ | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100vw; | ||
| height: 100vh; | ||
| z-index: 1; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| align-content: center; | ||
| } | ||
| section:nth-child(2){ | ||
| z-index: 2; | ||
| background-color: #1c1c29a7; | ||
| width: calc(100vw - 8rem); | ||
| height: calc(100vh - 8rem); | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-content: flex-start; | ||
| justify-content: center; | ||
| padding: 4rem!important; | ||
| margin: 0!important; | ||
| } | ||
| p{ | ||
| background: none; | ||
| } | ||
| span{ | ||
| background: #56EAFF; | ||
| color: #1c1c29; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
| <body style="margin: 0; padding: 0; font-weight: 200; height: 100vh;"> | ||
| <div class="container" style="display: flex; flex-direction: row; text-align: start; align-items: center;"> | ||
| <section> | ||
| <img src="./images/nftgame-background.png" alt="logo" style="max-height: 100vh;"> | ||
| </section> | ||
| <section style="margin-left: 20px; padding: 1rem;"> | ||
| <p class="inEnglish">Adventurer,</p> | ||
| <p>Welcome aboard the Galion ship! An exciting puzzle awaits you. You must discover the secret sentence made up of 6 words. Each fragment of the sentence is numerically encoded in objects present on the map. You must find the objects, assemble the sentence to try to win your Woka NFT 😍</p> | ||
|
|
||
|
|
||
| <p style="font-weight: bold;">Règles du Jeu :</p> | ||
|
|
||
| <p style="margin: 0;margin-bottom: 8px;"><span style="font-weight: bold;">🗺️ Find objets</span>: <span style="font-weight: bold;">6 objets</span> to discover to complete the secret sentence. Each object discovered allows to complete the secret sentence and to win the digital key.</p> | ||
|
|
||
| <p style="margin: 0;margin-bottom: 8px;"><span style="font-weight: bold;">🔍 The clues</span>: throughout the game, <span style="font-weight: bold;">clues</span> will be given to you to help you find the objects of your quest.</p> | ||
|
|
||
| <p style="margin: 0;margin-bottom: 8px;"><span style="font-weight: bold;">🔐 End of game</span>: once the secret sentence is completed, you will have to <span style="font-weight: bold;">find the place</span> to validate the end of the game. If you access the place before you have found all the items to complete the secret sentence, you will not be able to access the end of the game but clues will be given to you to continue searching.</p> | ||
|
|
||
| <p style="margin: 0;margin-bottom: 8px;"><span style="font-weight: bold;">🎁 Reward</span>: end of game validated, you can register and try to <span style="font-weight: bold;">win a Woka NFT</span>.</p> | ||
|
|
||
| <p>Get ready to take up the challenge, to call on your skills and to discover the secrets hidden on board the Galion boat. Good luck, dear adventurers!</p> | ||
|
|
||
| <p style="margin: 0;">Cordially,</p> | ||
| <p style="margin: 0;font-weight: bold;">The WorkAdventure crew</p> | ||
| </section> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.