205 lines
13 KiB
HTML
205 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||
<title>LARP - OASIS</title>
|
||
<link rel="stylesheet" href="forms.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<section class="screen screen-1">
|
||
<div class="content">
|
||
<h2>ACADEMIA</h2>
|
||
<p>Have you just arrived? Feeling lost or in a learning phase to become part of a House?
|
||
This is your place.</p>
|
||
|
||
<form id="formulario">
|
||
<label for="nombre">Codename:</label>
|
||
<input type="text" id="nombre" name="nombre" required />
|
||
<button type="button" class="btn" onclick="startTest()">Start Formulary</button>
|
||
</form>
|
||
|
||
<div id="questions" style="display:none;">
|
||
<form id="quizForm">
|
||
<div class="question" id="q1" style="display:none;">
|
||
<p>1. What would you do at a party where you don't know anyone?</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q1" value="a"/> Stay in a corner reading an interesting book or not.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="b"/> Grab the mic to start a conga line or shot contest.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="c"/> Show off your latest tech gadget from your backpack.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="d"/> Find a cat and become best friends all night.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="e"/> Play weird music to see how people react on the dancefloor.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="f"/> Talk to everyone about their deepest beliefs.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="g"/> Join the karaoke and give it your all.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="h"/> Offer to watch the coats and make sure no one drives drunk.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="i"/> Help with snacks and set up the chillout zone lights.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q1" value="j"/> All of the above, depending on the day and the vibe.</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="question" id="q2" style="display:none;">
|
||
<p>2. Classic one... What would you take to a deserted island?</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q2" value="a"/> A solid collection of books and manuals.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="b"/> A megaphone to organize the coconuts.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="c"/> A toolkit to make even more tools.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="d"/> Seeds to grow your own garden.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="e"/> A large thick piece of fabric — it's super versatile.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="f"/> A notebook to document everything. A perfect experiment.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="g"/> A camera and a guitar.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="h"/> A first aid kit and a fishing net.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="i"/> Blueprints to build a raft.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q2" value="j"/> Nothing. A deserted island is exactly what I need!</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="question" id="q3" style="display:none;">
|
||
<p>3. Define your leadership style in one word:</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q3" value="a"/> I inspire.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="b"/> I organize.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="c"/> I develop.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="d"/> I cultivate.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="e"/> I shake things up.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="f"/> I reflect.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="g"/> I express.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="h"/> I protect.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="i"/> I connect.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q3" value="j"/> I don't identify with any leadership style.</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="question" id="q4" style="display:none;">
|
||
<p>4. How do you deal with unexpected challenges?</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q4" value="a"/> I research and seek informed solutions.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="b"/> I organize a team to tackle the issue.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="c"/> I find innovative tools to help solve it.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="d"/> I look to nature for inspiration.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="e"/> I improvise and let creativity flow.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="f"/> I reflect on the challenge’s purpose.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="g"/> I turn it into an opportunity for expression.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="h"/> I assess risks and prioritize safety.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="i"/> I build a solution that serves everyone’s well-being.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q4" value="j"/> I freeze and hope someone else solves it.</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="question" id="q5" style="display:none;">
|
||
<p>5. If someone fails to meet their responsibilities, how do you respond?</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q5" value="a"/> I offer support so they can learn.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="b"/> I engage in dialogue to understand and help.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="c"/> I optimize the process to make it easier.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="d"/> I assess the environment affecting performance.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="e"/> I rethink the situation for better collaboration.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="f"/> I reflect on the incident and what to learn from it.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="g"/> I motivate them creatively to engage.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="h"/> I provide practical help immediately.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="i"/> I adjust resources to keep things running.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q5" value="j"/> I think they should have spoken up earlier if they couldn’t manage.</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="question" id="q6" style="display:none;">
|
||
<p>6. How do you describe yourself when working in a team?</p>
|
||
<table class="question-table">
|
||
<tbody>
|
||
<tr><td><label><input type="radio" name="q6" value="a"/> I'm the researcher who finds key data.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="b"/> I like to lead and organize the effort.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="c"/> I'm the one who solves technical issues.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="d"/> I bring harmony and connection with the environment.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="e"/> I'm the one with crazy, innovative ideas.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="f"/> I ask deep questions to guide the group.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="g"/> I'm the creative who designs or communicates.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="h"/> I make sure everyone feels safe and cared for.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="i"/> I build bridges so the team works better.</label></td></tr>
|
||
<tr><td><label><input type="radio" name="q6" value="j"/> I don’t work well in teams. It makes me uncomfortable.</label></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<button type="button" class="btn" onclick="nextQuestion()">Next question</button>
|
||
<div id="result" style="display:none;">
|
||
<h3>You wold fit right in this house, but everybody starts in house ACADEMIA enter the code: </h3>
|
||
<a id="resultLink" class="btn" href="#" target="_blank">Tu casa</a>
|
||
<h3></h3>
|
||
<h3>But everybody starts in house ACADEMIA to join enter the code</h3>
|
||
<h3></h3>
|
||
<h2>1y6vl2e5</h2>
|
||
<h3>Launch OASIS then -->INVITES --> TRIBES: Paste the code and Join! </h3>
|
||
<h3>Start your path in OASIS!!</h3>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script>
|
||
let currentQuestion = 1;
|
||
|
||
function startTest() {
|
||
document.getElementById('questions').style.display = 'block';
|
||
document.getElementById('q1').style.display = 'block';
|
||
}
|
||
|
||
function nextQuestion() {
|
||
const current = document.getElementById('q' + currentQuestion);
|
||
if (!document.querySelector('input[name="q' + currentQuestion + '"]:checked')) {
|
||
alert("Please select an answer first");
|
||
return;
|
||
}
|
||
current.style.display = 'none';
|
||
currentQuestion++;
|
||
if (currentQuestion > 6) {
|
||
showResult();
|
||
} else {
|
||
document.getElementById('q' + currentQuestion).style.display = 'block';
|
||
}
|
||
}
|
||
|
||
function showResult() {
|
||
const counts = {};
|
||
for (let i = 1; i <= 6; i++) {
|
||
const val = document.querySelector('input[name="q' + i + '"]:checked').value;
|
||
counts[val] = (counts[val] || 0) + 1;
|
||
}
|
||
let max = 0, result = 'a';
|
||
for (let k in counts) {
|
||
if (counts[k] > max) {
|
||
max = counts[k];
|
||
result = k;
|
||
}
|
||
}
|
||
|
||
const names = {
|
||
a: 'ACADEMIA',
|
||
b: 'SolarIS',
|
||
c: 'ARRakis',
|
||
d: 'TERRA.VErDE',
|
||
e: 'UNSYSTem',
|
||
f: 'DogmA',
|
||
g: 'HeliX',
|
||
h: 'QuarK',
|
||
i: 'HERmanDAD',
|
||
j: 'ACADEMIA+HERmanDAD'
|
||
};
|
||
|
||
const houseName = names[result];
|
||
const link = 'https://pub.solarnethub.com' + houseName.toLowerCase();
|
||
|
||
document.getElementById('resultLink').textContent = 'HOUSE ' + houseName;
|
||
document.getElementById('resultLink').href = link;
|
||
document.getElementById('result').style.display = 'block';
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|