{"id":6318,"date":"2024-12-16T18:55:24","date_gmt":"2024-12-16T18:55:24","guid":{"rendered":"https:\/\/junkbrothers.be\/?page_id=6318"},"modified":"2024-12-16T19:35:22","modified_gmt":"2024-12-16T19:35:22","slug":"silver-forest","status":"publish","type":"page","link":"https:\/\/junkbrothers.be\/en\/zilverwoud\/","title":{"rendered":"Silver Forest"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Het Geheim van Zilverwoud<\/title>\n <style>\n body {\n margin: 0;\n font-family: 'Georgia', serif;\n background: linear-gradient(to bottom, #0f0f1f, #1b1b3a);\n color: #f8f8f2;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n overflow: hidden;\n }\n\n #story-container {\n max-width: 900px;\n background: rgba(30, 30, 50, 0.95);\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 0 40px rgba(0, 0, 0, 0.9), 0 0 20px rgba(100, 100, 255, 0.3);\n overflow: auto;\n max-height: 90%;\n text-align: center;\n }\n\n h1 {\n font-size: 28px;\n text-align: center;\n color: #ffcc00;\n text-shadow: 0 0 10px rgba(255, 204, 0, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);\n margin-bottom: 20px;\n }\n\n p {\n font-size: 18px;\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .input-container {\n margin-top: 20px;\n }\n\n input[type=\"text\"] {\n padding: 10px;\n font-size: 16px;\n border-radius: 5px;\n border: 1px solid #444;\n outline: none;\n width: calc(100% - 22px);\n max-width: 400px;\n margin-bottom: 10px;\n background: rgba(0, 0, 30, 0.8);\n color: #f8f8f2;\n text-align: center;\n }\n\n .choice-button {\n background: linear-gradient(to right, #2b7a2b, #4caf50);\n color: white;\n padding: 12px 20px;\n margin: 10px auto;\n border: none;\n border-radius: 5px;\n font-size: 16px;\n cursor: pointer;\n transition: background 0.3s, transform 0.2s;\n display: block;\n text-align: center;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);\n width: 60%;\n max-width: 300px;\n }\n\n .choice-button:hover {\n background: linear-gradient(to right, #3da76f, #6bcf72);\n transform: translateY(-2px);\n }\n\n .hidden {\n display: none;\n }\n\n #choices-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n margin-top: 20px;\n }\n\n #back-button {\n background: linear-gradient(to right, #ff5e5e, #ff7a7a);\n color: white;\n padding: 10px 15px;\n margin-top: 20px;\n border: none;\n border-radius: 5px;\n font-size: 14px;\n cursor: pointer;\n transition: background 0.3s, transform 0.2s;\n box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);\n display: none;\n }\n\n #back-button:hover {\n background: linear-gradient(to right, #ff7f7f, #ff9999);\n transform: translateY(-2px);\n }\n\n footer {\n margin-top: 30px;\n text-align: center;\n color: rgba(255, 255, 255, 0.6);\n font-size: 14px;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"story-container\">\n <h1>Het Geheim van Zilverwoud<\/h1>\n <p id=\"story-text\">\n Welkom in een wereld vol magie en mysterie. Maar voordat jouw avontuur begint... wat is jouw naam, grootmoedige avonturier?\n <\/p>\n <div class=\"input-container\" id=\"name-input-container\">\n <input type=\"text\" id=\"name-input\" placeholder=\"Typ je naam hier...\" \/>\n <button class=\"choice-button\" onclick=\"setName()\">Begin mijn avontuur<\/button>\n <\/div>\n <div id=\"choices-container\" class=\"hidden\"><\/div>\n <button id=\"back-button\" onclick=\"goBack()\">Terug<\/button>\n <\/div>\n <script>\n let playerName = \"\"; \/\/ Opslag voor de naam van de speler\n let currentScene = 0; \/\/ Huidige sc\u00e8ne in het verhaal\n const historyStack = []; \/\/ Stack om de geschiedenis van sc\u00e8nes bij te houden\n\n const story = [\n {\n id: 0,\n text: \"Welkom, [name], in de wereld van Zilverwoud. Je staat voor de poorten van de mysterieuze toverschool, waar de lucht zindert van magie. Een oude tovenaar begroet je met een glimlach en vraagt: 'Wat brengt jou hier?'\",\n choices: [\n { text: \"Ik wil de geheimen van magie leren.\", next: 1 },\n { text: \"Ik zoek avontuur en gevaar.\", next: 2 }\n ]\n },\n {\n id: 1,\n text: \"De tovenaar knikt goedkeurend. 'Kennis is de sleutel tot alle macht,' zegt hij. Hij wijst je de weg naar de Grote Bibliotheek, waar duizenden magische boeken liggen te wachten. Terwijl je naar binnen loopt, voel je een vreemd geritsel achter je. Wat doe je?\",\n choices: [\n { text: \"Ik negeer het en loop verder.\", next: 3 },\n { text: \"Ik draai me om en kijk wat er gebeurt.\", next: 4 }\n ]\n },\n {\n id: 2,\n text: \"De tovenaar kijkt je met een glimlach aan. 'Avontuur zul je hier vinden, maar wees gewaarschuwd: Zilverwoud is niet voor de zwakken van hart.' Terwijl hij dit zegt, opent hij een deur naar een donkere gang. 'Stap naar binnen, als je durft.' Wat doe je?\",\n choices: [\n { text: \"Ik stap naar binnen, klaar voor avontuur.\", next: 5 },\n { text: \"Ik blijf staan en vraag meer uitleg.\", next: 6 }\n ]\n },\n {\n id: 3,\n text: \"Je loopt verder de bibliotheek in, maar het geritsel blijft je achtervolgen. Het voelt alsof je wordt bekeken. Tussen de torenhoge boekenkasten ontdek je een glinsterend boek op een voetstuk. Het lijkt je te roepen. Wat doe je?\",\n choices: [\n { text: \"Ik open het boek voorzichtig.\", next: 7 },\n { text: \"Ik negeer het en zoek verder.\", next: 8 }\n ]\n },\n {\n id: 4,\n text: \"Je draait je om en ziet een kleine, schaduwachtige figuur wegrennen. Het lijkt op een kind, maar het beweegt onnatuurlijk snel. Je hoort een fluisterstem in je hoofd: 'Volg mij, als je de waarheid wilt weten.' Wat doe je?\",\n choices: [\n { text: \"Ik volg de schaduw.\", next: 9 },\n { text: \"Ik blijf staan en kijk rond.\", next: 10 }\n ]\n },\n {\n id: 5,\n text: \"Je stapt de donkere gang binnen. De deur slaat achter je dicht met een oorverdovend geluid. Voor je strekt zich een eindeloze, met kaarsen verlichte gang uit. Aan de muren hangen schilderijen van magi\u00ebrs, die je lijken te volgen met hun ogen. Wat doe je?\",\n choices: [\n { text: \"Ik loop verder, vastberaden.\", next: 11 },\n { text: \"Ik probeer de deur achter me te openen.\", next: 12 }\n ]\n },\n {\n id: 6,\n text: \"De tovenaar glimlacht. 'Soms is het verstandiger om een stap terug te doen voordat je een stap vooruit zet. Maar Zilverwoud wacht niet.' Hij wijst naar een pad dat door het bos leidt. 'Je zult je eigen weg moeten vinden.' Wat doe je?\",\n choices: [\n { text: \"Ik volg het pad door het bos.\", next: 13 },\n { text: \"Ik blijf staan en vraag meer uitleg.\", next: 14 }\n ]\n },\n {\n id: 7,\n text: \"Het boek opent met een luide knal. Een fel licht vult de kamer, en je voelt een krachtig magisch aura om je heen. Woorden beginnen zich in de lucht te vormen: 'De waarheid is dichterbij dan je denkt.' Plots verschijnt er een kaart in het boek. Wat doe je?\",\n choices: [\n { text: \"Ik bekijk de kaart aandachtig.\", next: 15 },\n { text: \"Ik sluit het boek snel.\", next: 16 }\n ]\n },\n {\n id: 8,\n text: \"Je besluit het boek te negeren en verder te zoeken in de bibliotheek. Je vindt een oude verschrompelde brief onder een stapel boeken. De brief is gericht aan jou, alsof iemand wist dat je hier zou komen. Wat doe je?\",\n choices: [\n { text: \"Ik lees de brief.\", next: 17 },\n { text: \"Ik laat de brief liggen.\", next: 18 }\n ]\n },\n {\n id: 9,\n text: \"Je volgt de schaduw door een smalle gang. Het lijkt alsof het wezen zich steeds verder van je probeert te verwijderen, maar het laat een spoor van licht achter. Uiteindelijk kom je uit bij een kamer met een spiegel. Wat doe je?\",\n choices: [\n { text: \"Ik kijk in de spiegel.\", next: 19 },\n { text: \"Ik blijf op een afstand staan.\", next: 20 }\n ]\n },\n {\n id: 10,\n text: \"Je blijft staan en kijkt rond. De bibliotheek is stil, maar je voelt een vreemde aanwezigheid. Plots verschijnen er letters op de muur: 'De waarheid schuilt in de schaduw.' Wat doe je?\",\n choices: [\n { text: \"Ik zoek in de schaduwen.\", next: 21 },\n { text: \"Ik negeer de boodschap.\", next: 22 }\n ]\n },\n {\n id: 11,\n text: \"Je loopt verder door de gang, terwijl de schilderijen je bewegingen blijven volgen. Je voelt een koude rilling langs je rug. Aan het einde van de gang zie je een zware houten deur met een slot. Wat doe je?\",\n choices: [\n { text: \"Ik probeer de deur te openen.\", next: 23 },\n { text: \"Ik zoek naar een sleutel.\", next: 24 }\n ]\n },\n {\n id: 12,\n text: \"Je draait je om en probeert de deur te openen, maar het lijkt alsof deze is verdwenen. In plaats daarvan zie je een muur van stenen. Een zachte stem fluistert: 'Er is geen weg terug.' Wat doe je?\",\n choices: [\n { text: \"Ik loop verder.\", next: 25 },\n { text: \"Ik zoek naar een andere uitgang.\", next: 26 }\n ]\n },\n {\n id: 13,\n text: \"Het pad door het bos is donker en kronkelig. De bomen lijken te bewegen, alsof ze je weg willen versperren. In de verte zie je een lichtpuntje. Wat doe je?\",\n choices: [\n { text: \"Ik volg het lichtpuntje.\", next: 27 },\n { text: \"Ik blijf stilstaan en luister.\", next: 28 }\n ]\n },\n {\n id: 14,\n text: \"De tovenaar kijkt je aan met een mengeling van teleurstelling en nieuwsgierigheid. 'Soms is het beter om te handelen dan te twijfelen. Maar wees gerust, je zult leren.' Hij verdwijnt in een wolk van rook. Wat doe je?\",\n choices: [\n { text: \"Ik volg het pad naar voren.\", next: 29 },\n { text: \"Ik blijf staan, onzeker.\", next: 30 }\n ]\n },\n {\n id: 15,\n text: \"De kaart toont een geheim pad door Zilverwoud, maar sommige delen zijn vervaagd. Een lichtstraal wijst naar een specifieke plek. Je voelt dat dit belangrijk is. Wat doe je?\",\n choices: [\n { text: \"Ik volg de aanwijzingen op de kaart.\", next: 31 },\n { text: \"Ik blijf waar ik ben.\", next: 32 }\n ]\n },\n \/\/ Voeg hier meer sc\u00e8nes toe om het verhaal verder uit te breiden...\n];\n\n function setName() {\n const input = document.getElementById(\"name-input\");\n playerName = input.value.trim();\n if (playerName) {\n startStory();\n } else {\n alert(\"Vul alstublieft een naam in om verder te gaan.\");\n }\n }\n\n function startStory() {\n document.getElementById(\"name-input-container\").classList.add(\"hidden\");\n document.getElementById(\"choices-container\").classList.remove(\"hidden\");\n showScene(0);\n }\n\n function showScene(sceneId) {\n \/\/ Voeg de huidige sc\u00e8ne toe aan de geschiedenis voordat je verdergaat\n if (currentScene !== null) {\n historyStack.push(currentScene);\n }\n\n currentScene = sceneId;\n const scene = story.find(s => s.id === sceneId);\n const text = scene.text.replace(\"[name]\", playerName);\n document.getElementById(\"story-text\").innerHTML = text;\n\n const choicesContainer = document.getElementById(\"choices-container\");\n choicesContainer.innerHTML = \"\";\n\n scene.choices.forEach(choice => {\n const button = document.createElement(\"button\");\n button.classList.add(\"choice-button\");\n button.innerText = choice.text;\n button.onclick = () => showScene(choice.next);\n choicesContainer.appendChild(button);\n });\n\n \/\/ Toon de terugknop pas vanaf sc\u00e8ne 2\n const backButton = document.getElementById(\"back-button\");\n if (historyStack.length > 1) {\n backButton.style.display = \"block\";\n } else {\n backButton.style.display = \"none\";\n }\n }\n\n function goBack() {\n \/\/ Haal de laatste sc\u00e8ne uit de geschiedenis\n if (historyStack.length > 0) {\n const previousScene = historyStack.pop();\n showScene(previousScene);\n }\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1a46ab elementor-widget elementor-widget-video\" data-id=\"d1a46ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"youtube_url":"https:\\\/\\\/www.youtube.com\\\/watch?v=fbf3NFax24o&list=PL8bbSp-OwERsCRe_9YBbNNx8Nmrh1bHao","autoplay":"yes","play_on_mobile":"yes","lazy_load":"yes","video_type":"youtube"}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Het Geheim van Zilverwoud Het Geheim van Zilverwoud Welkom in een wereld vol magie en mysterie. Maar voordat jouw avontuur begint… wat is jouw naam, grootmoedige avonturier? Begin mijn avontuur Terug<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6318","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/pages\/6318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/comments?post=6318"}],"version-history":[{"count":0,"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/pages\/6318\/revisions"}],"wp:attachment":[{"href":"https:\/\/junkbrothers.be\/en\/wp-json\/wp\/v2\/media?parent=6318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}