louisa
/
digitwin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean up + dashboard styling

Browse Source
main
louisafriederike 7 months ago
parent b00d9f80ed
commit 17de2bd599
105 changed files with 63 additions and 6677 deletions
Show Stats Download Patch File Download Diff File

BIN
public/001.mp3
View File

Binary file not shown.

BIN
public/002.mp3
View File

Binary file not shown.

BIN
public/003.mp3
View File

Binary file not shown.

BIN
public/004.mp3
View File

Binary file not shown.

BIN
public/016.mp3
View File

Binary file not shown.

58
public/about.html
Unescape Escape View File

@ -1,58 +0,0 @@
<!doctype html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<!-- <script src="js/p5.js"></script>
<script src="js/p5.geolocation.js"></script> -->
<script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<!-- <div class="profile"> <p id="title">Welcome to Eixogen, "player name".</p>
<button >profile</button>
<button >sign up</button>
<button >log in</button> -->
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<p>[[Welcome]]<br><br>
Welcome to Eixogen, an experiment in collectively exploring and imagining the city of the future in the context of emerging smart city technology.
Smart cities are a concept of the future, promising impressive progress in terms of efficiency and quality of life inside the cities.<br><br>The recording and processing of data such as traffic, sounds, air quality, and consumer behaviour, enables the improvement and optimization of traffic flow, reduced air pollution, prevention and fight of crime, mobility and energy saving. More and more cities, including Rotterdam, are striving for this transformation.
However, data collection and processing also raises complex social and ethical issues as it affects the way we live, work and interact socially.<br><br>The enormous amount of data recorded and processed presents a technical challenge, and the management is often passed on to private companies. Questions about privacy, equality and sustainability emerge. Who decides what data matters and whose interests are taken into account when processing it?
The data collection and archiving of this data is a form of history of a city's inhabitants. But according to what criteria is this history written, and what is excluded, overshadowed, unheard in these records?
<br><br>Through an experimental alternative reality game, we want to invite you to dive into these questions together and take part in envisioning a city of the future.
eixo.codes is a simulation of a city travel app, typically employed for the analysis and organization of a city's residents' movements. In our fictional scenario, we aim to repurpose these often consumption-oriented apps to facilitate a city exploration experience that shifts from a focus on efficiency, profit, and goal-oriented behavior to one centered around randomness, wonder, and mindfulness. This approach allows us to generate data about citizens based on their emotions, dreams, and personal desires.
<br><br><br>Eixogen functions as an extension of the ongoing exhibition 'Modding the Mirror World' at MaMA and launches on the 1st of October. To participate, send an email to info@eixo.codes to receive your player token and character sheet. Role-playing sessions will take place in the evenings of the <br><br>
01.10.23<br>
15.10.23<br>
29.10.23<br>
09.11.23<br>
<br>
For more information, take a look at <a href="https://thisismama.nl/events/algemeen/modding-the-mirror-world/">thisismama.nl</a> or <a href="https://www.instagram.com/mamarotterdam/">@mamarotterdam</a>.
</p> <br><br><button><a href="index.html">back</a></button>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body>
</html>

BIN
public/audio/1.wav
View File

Binary file not shown.

BIN
public/audio/2.wav
View File

Binary file not shown.

BIN
public/audio/breadcrumb.mp3
View File

Binary file not shown.

BIN
public/audio/unlocked.mp3
View File

Binary file not shown.

6
public/control/index.html
Unescape Escape View File

@ -12,10 +12,10 @@
</head> </head>
<body> <body>
<!-- <img id="logo" src="img/logo.png">--> <!-- <img id="logo" src="img/logo.png">-->
<div class="profile"> <p id="title"> ~* *..* welcome to hamster control ~</p> <div class="profile"> <p id="title"> ~* *..* welcome to remote control ~</p>
<button id="sendOscButton" style="background-color: lightpink;">HAMSTERS ON 🐹</button> <button id="sendOscButton" style="background-color: lightpink;">ON 🐹</button>
<button id="sendOffButton" style="background-color: lightpink;">HAMSTERS OFF 🐱</button> <button id="sendOffButton" style="background-color: lightpink;">OFF 🐱</button>
<div id="response"></div> <div id="response"></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

BIN
public/experiment868/868.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 194 KiB

125
public/experiment868/index.html
Unescape Escape View File

@ -1,125 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>868MHz</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #101010;
text-align: center;
color: #ccc;
}
#container {
margin: 5vw auto;
padding: 20px;
border: 1px solid #555;
background-color: #444;
width: 90vw;
height: 90vh;
}
#unlock-input {
width: 80vw;
padding: 5px;
border: 1px solid #555;
border-radius: 4px;
font-size: 7.5em;
background-color: #333;
text-align: center;
color: #ff0400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 7vh;
}
#unlock-input::-webkit-inner-spin-button,
#unlock-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#unlock-input[type=number] {
-moz-appearance: textfield;
}
#unlock-button {
background-color: #9e9e9e;
color: #960dff;
border: none;
padding: 10px 20px;
margin-top: 5vh;
border-radius: 4px;
cursor: pointer;
font-size: 6.7em;
}
#unlock-button:hover {
background-color: #ccc;
}
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.number-button {
width: 23vw;
height: 10vh;
background-color: #960dff;
border: 2px solid #989898;
color: #ccc;
font-size: 5em;
margin: 0.25em;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 2px;
}
.number-button:hover {
background-color: #444;
}
</style>
</head>
<body>
<div id="container">
<h2></h2>
<input type="number" id="unlock-input" maxlength="5" pattern="\d{5}" placeholder="00000">
<div class="button-container">
<div class="number-button" onclick="appendToInput('1')">1</div>
<div class="number-button" onclick="appendToInput('2')">2</div>
<div class="number-button" onclick="appendToInput('3')">3</div>
<div class="number-button" onclick="appendToInput('4')">4</div>
<div class="number-button" onclick="appendToInput('5')">5</div>
<div class="number-button" onclick="appendToInput('6')">6</div>
<div class="number-button" onclick="appendToInput('7')">7</div>
<div class="number-button" onclick="appendToInput('8')">8</div>
<div class="number-button" onclick="appendToInput('9')">9</div>
<div class="number-button" onclick="appendToInput('0')">0</div>
</div>
<br>
<button id="unlock-button" onclick="unlockPDF()">ENTER</button>
<img src=""></img>
</div>
<script>
function appendToInput(value) {
const input = document.getElementById("unlock-input");
input.value += value;
}
function unlockPDF() {
const code = document.getElementById("unlock-input").value;
if (code === "9988777") {
window.open("https://eixo.codes/nine.pdf", "_blank");
} else {
alert("Incorrect code. Please try again.");
}
document.getElementById("unlock-input").value = "";
}
</script>
</body>
</html>

126
public/experiment868/index2.html
Unescape Escape View File

@ -1,126 +0,0 @@
<html>
<head>
<title>868MHz</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #101010;
text-align: center;
color: #ccc;
}
#container {
margin: 5vw auto;
padding: 20px;
border: 1px solid #555;
background-color: #444;
width: 90vw;
height: 90vh;
}
#unlock-input {
width: 80vw;
padding: 5px;
border: 1px solid #555;
border-radius: 4px;
font-size: 7.5em;
background-color: #333;
text-align: center;
color: #ff0400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 7vh;
}
#unlock-input::-webkit-inner-spin-button,
#unlock-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#unlock-input[type=number] {
-moz-appearance: textfield;
}
#unlock-button {
background-color: #9e9e9e;
color: #960dff;
border: none;
padding: 10px 20px;
margin-top: 5vh;
border-radius: 4px;
cursor: pointer;
font-size: 6.7em;
}
#unlock-button:hover {
background-color: #ccc;
}
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.number-button {
width: 23vw;
height: 10vh;
background-color: #960dff;
border: 2px solid #989898;
color: #ccc;
font-size: 5em;
margin: 0.25em;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 2px;
}
.number-button:hover {
background-color: #444;
}
</style>
</head>
<body>
<div id="container">
<h2></h2>
<input type="number" id="unlock-input" maxlength="5" pattern="\d{5}" placeholder="00000">
<div class="button-container">
<div class="number-button" onclick="appendToInput('1')">1</div>
<div class="number-button" onclick="appendToInput('2')">2</div>
<div class="number-button" onclick="appendToInput('3')">3</div>
<div class="number-button" onclick="appendToInput('4')">4</div>
<div class="number-button" onclick="appendToInput('5')">5</div>
<div class="number-button" onclick="appendToInput('6')">6</div>
<div class="number-button" onclick="appendToInput('7')">7</div>
<div class="number-button" onclick="appendToInput('8')">8</div>
<div class="number-button" onclick="appendToInput('9')">9</div>
<div class="number-button" onclick="appendToInput('0')">0</div>
</div>
<br>
<button id="unlock-button" onclick="unlockAudio()">ENTER</button>
<img src=""></img>
</div>
<script>
function appendToInput(value) {
const input = document.getElementById("unlock-input");
input.value += value;
}
function unlockAudio() {
const code = document.getElementById("unlock-input").value;
if (code === "9988777") {
const audio = new Audio("https://eixo.codes/004.mp3");
alert("*message unlocked* turn volume up >>>");
audio.play();
} else {
alert("Incorrect code. Please try again.");
}
document.getElementById("unlock-input").value = "";
}
</script>
</body>
</html>

145
public/experiment868/prosthetix.html
Unescape Escape View File

@ -1,145 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ProsthetiX V.2</title>
<style>
body {
background-color: #000000;
display: flex;
height: 100vh;
margin: 0;
overflow: hidden;
color: #4900ff;
margin: 5px;
font-family: 'Courier New', Courier, monospace;
}
#title {
font-family: 'Times New Roman', Times, serif;
color: #d92100;
}
.container {
display: flex;
align-items: center;
justify-content: center;
width: 70vw;
height: 100%;
position: relative;
overflow: hidden;
}
.folder {
width: 50px;
height: 50px;
background-color: #d9210008;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
animation: moveData 3s linear infinite;
}
.image {
max-width: 100%;
max-height: 100%;
}
.icon {
color: rgb(255, 0, 0);
font-size: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.icon-start {
left: 0;
background-color: #2c2a31;
border-radius: 5px;
}
.icon-end {
right: 0;
background-color: #2c2a31;
border-radius: 5px;
}
.percentage {
font-size: 20px;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
animation: pulsePercentage 4s ease infinite;
color: #d92100;
}
@keyframes moveData {
0% {
left: 0;
}
100% {
left: calc(100% - 50px);
}
}
@keyframes pulsePercentage {
0%, 100% {
content: "0%";
}
25% {
content: "25%";
}
50% {
content: "50%";
}
75% {
content: "75%";
}
}
#program-info {
background-color: rgb(92, 102, 111);
border-radius: 5px;
margin: 5px;
padding: 5px;
}
#program-info2 {
background-color: rgba(255, 17, 0, 0.429);
font-size: 14px;
margin-top: 60vh;
border-radius: 5px;
}
</style>
</head>
<body>
<div id="program-info">
<h1 id="title">ProsthetiX V.2</h1>
<p>beta prosthetic memory algorithm 2030</p>
<p>data implantation in progress...<span class="percentage">87%</span></p>
<p>warning: keep window open</p>
</div>
<div class="container">
<div class="folder">
<img class="image" src="868.png">
</div>
</div>
<div class="icon icon-start">memory 02-03-2024</div>
<div class="icon icon-end">member name: waste</div>
<div id="program-info2">
<p>completed:</p>
<p>pot [upload successful]</p>
<p>sp1n [upload successful]</p>
<p>na$alo [upload successful]</p>
<p>*/* keep it locked */* [upload successful]</p>
<p>rasco [upload successful]</p>
<p>[...]</p>
</div>
</body>
</html>

223
public/forgetmenot.html
Unescape Escape View File

@ -1,223 +0,0 @@
<!doctype html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<!-- <script src="js/p5.js"></script>
<script src="js/p5.geolocation.js"></script> -->
<script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body> <!-- <img id="logo" src="img/logo.png"> <div class="profile"> <p id="title">Welcome to Eixogen, Sane! Take a deep breath.</p>
<button >profile</button>
</div> -->
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<div>
</div>
<div class="section">
<p style="font-size: 1.2em;">*~* **~ forget me not ~</p>
</div>
<div class="section" id="objective"><br><br><br><br>
<p>[by user 9]</p>
<p>[status: active</p>
<a href="https://maps.app.goo.gl/XTqe7tSJ67qSAid37">[51.914954, 4.471217]</a>
<p>[outdoors]</p>
</div>
<div class="section">
<p>I was here, I was right here where you are standing, many moons ago. When i feel lonely, I like to play with this motion triggered light. It senses me and replies. So I am not alone. We are here together.----<br>
find the source of the light. There, I left the next clue.
</p>
</div>
<br><br>
<div class="section-main">
<p>----enter the codeword into your personal page to mine ether credits----</p>
</div>
<button onclick="window.location.href='index.html';">back<br></button>
<!-- unused below -->
<div class="section" id="location-log">
<p id="log-text"></p>
</div>
<!-- <div class="section" id="nav-console">
<p>DISTANCE: <span id="distance">0</span> km</p>
<div id="tripmeter">
<p>Gateway 1:<br/>
<span id="startLat">???</span>&deg; <br><span id="startLon">???</span>&deg;
</p>
<p>Gateway 2:<br/>
<span id="startLat2">???</span>&deg; <br><span id="startLon2">???</span>&deg;
</p>
<p>
Status:<br/>
<span id="message2">detecting....</span>
</p>
<p>
Current Location:<br/>
<span id="currentLat">locating...</span>&deg; <br><span id="currentLon">locating...</span>&deg;
</p>
<p>
STATUS:
<span id="message">detecting....</span>
</p>
</div>
</div> -->
<div class="section" id="dreamlog">
<p></p>
</div>
<div class="section" id="back2" onclick="backAgain2()">
↪ log
</div>
<div class="section" id="log1">
<p onclick="log1Open()">LOG 1 03:02:00 02-04-22 PORT: 9.1.13.<br></p>
</div>
<div class="section" id="log2">
<p onclick="log2Open()">LOG 2 02:42:00 13-04-22 PORT: 16.18.15.<br></p>
</div>
<div class="section" id="log3">
<p onclick="log3Open()">LOG 3 03:36:00 25-04-22 PORT: 20.5.3.<br></p>
</div>
<div class="section" id="log4">
<p onclick="log4Open()">LOG 4 03:86:00 07-05-22 PORT: 20.15.18<br></p>
</div>
<div class="section" id="log5">
<p onclick="log5Open()">LOG 5 06:86:00 17-05-22 PORT: 868<br></p>
</div>
<div class="section" id="log">
<p id="info"></p>
</div>
<div class="section" id="back" onclick="backAgain()">
↪
</div>
</div>
<div class="flex-right">
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body>
<script>
const socket = io();
const activeUsers = [];
updateActiveUsers(); // Call it here to show active users on page load
socket.on('node-data', function(data) {
console.log(data);
// Split the data into separate parts
const [node, value] = data.split(' ');
document.getElementById('log-text').textContent = `user ${value} entered zone ${node}`;
if (node === '3' && value === '15') {
// Change the background color to red
document.body.style.backgroundColor = 'red';
document.getElementById('location-log').style.display = 'block';
} else if (node === 'node4' && value === '21') {
// Change the background color to blue
document.body.style.backgroundColor = 'blue';
} else {
// Restore the default background color
document.body.style.backgroundColor = rgb(26, 26, 26);
}
});
//testing socket message from textinput field to arduino
var messages = document.getElementById('messages');
var chatHistory = localStorage.getItem('chatHistory');
if (chatHistory) {
messages.innerHTML = chatHistory;
}
function sendMessage() {
const inputField = document.getElementById('input');
const message = inputField.value;
var item = document.createElement('li');
item.textContent = message;
item.className = 'me';
messages.appendChild(item);
inputField.value = '';
socket.emit('chat message', message);
messages.scrollTop = messages.scrollHeight;
localStorage.setItem('chatHistory', messages.innerHTML);
}
socket.on('chat message', function(msg) {
var item = document.createElement('li');
item.textContent = msg;
item.className = 'others';
messages.appendChild(item);
messages.scrollTop = messages.scrollHeight - messages.clientHeight;
});
socket.on('connect', function() {
// Add the current socket ID to the activeUsers array
activeUsers.push(socket.id);
updateActiveUsers();
});
socket.on('disconnect', function() {
// Remove the disconnected socket ID from the activeUsers array
const index = activeUsers.indexOf(socket.id);
if (index !== -1) {
activeUsers.splice(index, 1);
updateActiveUsers();
}
});
function updateActiveUsers() {
const userLog = document.getElementById('user-log');
userLog.textContent = activeUsers.join(', ');
}
</script>
<script type="text/javascript" src="js/input.js"></script>
</html>

221
public/frosty_news.html
Unescape Escape View File

@ -1,221 +0,0 @@
<!doctype html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<!-- <script src="js/p5.js"></script>
<script src="js/p5.geolocation.js"></script> -->
<script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body> <!-- <img id="logo" src="img/logo.png"> <div class="profile"> <p id="title">Welcome to Eixogen, Sane! Take a deep breath.</p>
<button >profile</button>
</div> -->
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<div>
</div>
<div class="section">
<p style="font-size: 1.2em;">*~* **~ frosty news ~</p>
</div>
<div class="section" id="objective"><br><br><br><br>
<p>[by user 9]</p>
<p>[status: active]</p>
<a href="https://maps.app.goo.gl/pfVUQSK5essNSZh86">[51.892428, 4.4710403]</a>
<p>[outdoors]</p>
</div>
<div class="section">
<p>You are not yet at your destination. A lightblue map in the library shelf reveals the path to a hidden container. Find the map, follow it and you will find me in between two concrete tictacs on the base of a metal fence. ----please leave any physical clues where you found them for the next runners.----</p>
</div>
<br><br>
<div class="section-main">
<p>----enter the codeword into your personal page to mine ether credits----</p>
</div>
<button onclick="window.location.href='index.html';">back<br></button>
<!-- unused below -->
<div class="section" id="location-log">
<p id="log-text"></p>
</div>
<!-- <div class="section" id="nav-console">
<p>DISTANCE: <span id="distance">0</span> km</p>
<div id="tripmeter">
<p>Gateway 1:<br/>
<span id="startLat">???</span>&deg; <br><span id="startLon">???</span>&deg;
</p>
<p>Gateway 2:<br/>
<span id="startLat2">???</span>&deg; <br><span id="startLon2">???</span>&deg;
</p>
<p>
Status:<br/>
<span id="message2">detecting....</span>
</p>
<p>
Current Location:<br/>
<span id="currentLat">locating...</span>&deg; <br><span id="currentLon">locating...</span>&deg;
</p>
<p>
STATUS:
<span id="message">detecting....</span>
</p>
</div>
</div> -->
<div class="section" id="dreamlog">
<p></p>
</div>
<div class="section" id="back2" onclick="backAgain2()">
↪ log
</div>
<div class="section" id="log1">
<p onclick="log1Open()">LOG 1 03:02:00 02-04-22 PORT: 9.1.13.<br></p>
</div>
<div class="section" id="log2">
<p onclick="log2Open()">LOG 2 02:42:00 13-04-22 PORT: 16.18.15.<br></p>
</div>
<div class="section" id="log3">
<p onclick="log3Open()">LOG 3 03:36:00 25-04-22 PORT: 20.5.3.<br></p>
</div>
<div class="section" id="log4">
<p onclick="log4Open()">LOG 4 03:86:00 07-05-22 PORT: 20.15.18<br></p>
</div>
<div class="section" id="log5">
<p onclick="log5Open()">LOG 5 06:86:00 17-05-22 PORT: 868<br></p>
</div>
<div class="section" id="log">
<p id="info"></p>
</div>
<div class="section" id="back" onclick="backAgain()">
↪
</div>
</div>
<div class="flex-right">
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body>
<script>
const socket = io();
const activeUsers = [];
updateActiveUsers(); // Call it here to show active users on page load
socket.on('node-data', function(data) {
console.log(data);
// Split the data into separate parts
const [node, value] = data.split(' ');
document.getElementById('log-text').textContent = `user ${value} entered zone ${node}`;
if (node === '3' && value === '15') {
// Change the background color to red
document.body.style.backgroundColor = 'red';
document.getElementById('location-log').style.display = 'block';
} else if (node === 'node4' && value === '21') {
// Change the background color to blue
document.body.style.backgroundColor = 'blue';
} else {
// Restore the default background color
document.body.style.backgroundColor = rgb(26, 26, 26);
}
});
//testing socket message from textinput field to arduino
var messages = document.getElementById('messages');
var chatHistory = localStorage.getItem('chatHistory');
if (chatHistory) {
messages.innerHTML = chatHistory;
}
function sendMessage() {
const inputField = document.getElementById('input');
const message = inputField.value;
var item = document.createElement('li');
item.textContent = message;
item.className = 'me';
messages.appendChild(item);
inputField.value = '';
socket.emit('chat message', message);
messages.scrollTop = messages.scrollHeight;
localStorage.setItem('chatHistory', messages.innerHTML);
}
socket.on('chat message', function(msg) {
var item = document.createElement('li');
item.textContent = msg;
item.className = 'others';
messages.appendChild(item);
messages.scrollTop = messages.scrollHeight - messages.clientHeight;
});
socket.on('connect', function() {
// Add the current socket ID to the activeUsers array
activeUsers.push(socket.id);
updateActiveUsers();
});
socket.on('disconnect', function() {
// Remove the disconnected socket ID from the activeUsers array
const index = activeUsers.indexOf(socket.id);
if (index !== -1) {
activeUsers.splice(index, 1);
updateActiveUsers();
}
});
function updateActiveUsers() {
const userLog = document.getElementById('user-log');
userLog.textContent = activeUsers.join(', ');
}
</script>
<script type="text/javascript" src="js/input.js"></script>
</html>

BIN
public/handbook.pdf
View File

Binary file not shown.

BIN
public/img/bw.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 MiB

BIN
public/img/bwbit.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

BIN
public/img/card1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 MiB

BIN
public/img/hamsterz.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

BIN
public/img/logo copy.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 196 KiB

BIN
public/img/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 196 KiB

BIN
public/img/morsecode-puzzle.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.9 MiB

BIN
public/img/screen.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 MiB

BIN
public/img/screen1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 476 KiB

BIN
public/img/trash.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 7.0 KiB

201
public/index.html
Unescape Escape View File

@ -1,98 +1,44 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<title>eixogen</title> <title>digitwin dashboard</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" /> <link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<script src='socket.io/socket.io.js'></script> <script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head> </head>
<body>
<body>
<div class="profile"> <h1>~* *..* sensor dashboard ~</h1>
<p id="title"> ~* *..* welcome to eixogen ~</p> <br><br>
<!-- <button><a href="./metal/portal.php">your portal</a></button>
</div> -->
<div class="wrapper"> <div class="wrapper">
<div class="flex-container"> <div class="flex-container">
<div class="flex-left"> <!-- 16 divs -->
<div> <div>1</div>
<embed style="color: whitesmoke;" class="embed" src="https://wttr.in/Rotterdam?T0"> <div>2</div>
</div> <div>3</div>
<!-- <div class="section" id="objective"><br><br><br><br> <div>4</div>
<p>~* *..* active trails ~~</p> <div>5</div>
<button onclick="window.location.href='riddles.html';">~* *..* mechanical fireflies<br> ~~ by user [xx[[</button> <div>6</div>
</div> --> <div>7</div>
<!-- <div class="section" id="log-text"> <div>8</div>
<p>user _ entered zone _</p> <div>9</div>
</div> --> <div>10</div>
<div class="section" id="objective"><br><br><br><br> <div>11</div>
<p>~* *..* active trails ~~</p> <div>12</div>
<!-- <button onclick="window.location.href='forgetmenot.html';">~* *..* forget me not<br> ~~ by user 9</button> --> <div>13</div>
<button onclick="window.location.href='space_inbetween.html';">~* *..* the space inbetween<br> ~~ by user Rasco</button> <div>14</div>
<button onclick="window.location.href='frosty_news.html';">~* *..* frosty news<br> ~~ by user 9</button> <div>15</div>
<button onclick="window.location.href='mechanical_fireflies.html';">~* *..* mechanical fireflies<br> ~~ by user 9</button> <div>16</div>
</div>
<div class="section" id="chat-window">
<p>~* *..* live chat ~~</p>
<ul id="messages"></ul>
<span><form id="form" action="">
<input id="input" autocomplete="off"/><button onclick="sendMessage()">>>></button>
</form></span>
</div>
<div class="section" >
<p>users online: </p>
<ul id="user-log"></ul>
</div> </div>
<div class="section" id="txt">
<iframe class ="embed" src="https://eixo.codes/txx/" style="width:100%; height:30%; top:0; left:0; border-radius:6px; color: #c2c2c2"></iframe>
</div> </div>
<br><br>
<button><a href="about.html">about</a></button><button><a target=”_blank” href="handbook.pdf">handbook</a></button>
<div class="section" id="back2" onclick="backAgain2()">
↪ log
</div>
<div class="section" id="log1">
<p onclick="log1Open()">LOG 1 03:02:00 02-04-22 PORT: 9.1.13.<br></p>
</div>
<div class="section" id="log2">
<p onclick="log2Open()">LOG 2 02:42:00 13-04-22 PORT: 16.18.15.<br></p>
</div>
<div class="section" id="log3">
<p onclick="log3Open()">LOG 3 03:36:00 25-04-22 PORT: 20.5.3.<br></p>
</div>
<div class="section" id="log4">
<p onclick="log4Open()">LOG 4 03:86:00 07-05-22 PORT: 20.15.18<br></p>
</div>
<div class="section" id="log5">
<p onclick="log5Open()">LOG 5 06:86:00 17-05-22 PORT: 868<br></p>
</div>
<div class="section" id="log">
<p id="info"></p>
</div>
<div class="section" id="back" onclick="backAgain()">
↪
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body> </body>
<script> <script>
const socket = io();
const activeUsers = {}; // Use an object to store usernames and socket IDs
const messages = document.getElementById('messages');
const chatHistory = localStorage.getItem('chatHistory') || '';
let loggedIn = false;
let username = '';
socket.on('node-data', function(data) { socket.on('node-data', function(data) {
console.log(data); console.log(data);
@ -100,109 +46,8 @@
// Split the data into separate parts // Split the data into separate parts
const [node, value] = data.split(' '); const [node, value] = data.split(' ');
document.getElementById('log-text').textContent = `user ${value} entered zone ${node}`; })
if (node === '3' && value === '1') {
// Change the background color to red
document.body.style.backgroundColor = 'red';
document.getElementById('location-log').style.display = 'block';
} else if (node === '2' && value === '1') {
// Change the background color to blue
document.body.style.backgroundColor = 'blue';
} else {
// Restore the default background color
document.body.style.backgroundColor = rgb(26, 26, 26);
}
});
// Function to fetch the username from name.php
function fetchUsername() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
// Successfully fetched username
const responseText = xhr.responseText;
if (responseText.includes('Undefined variable')) {
// Set to socket ID for anonymous users
username = socket.id;
loggedIn = false;
} else {
// Use the fetched username
username = responseText.trim();
loggedIn = true;
}
} else {
// Failed to fetch username, set to socket ID
username = socket.id;
loggedIn = false;
}
// Update the active user's username
const socketId = socket.id;
activeUsers[socketId] = username;
updateActiveUsers();
}
};
xhr.open('GET', '/metal/name.php', true);
xhr.send();
}
function sendMessage() {
const inputField = document.getElementById('input');
const message = inputField.value;
const item = document.createElement('li');
if (loggedIn) {
// If logged in, send messages with the username
item.textContent = `[${username}] -> ${message}`;
socket.emit('chat message', `[${username}] -> ${message}`);
} else {
// If not logged in, send messages with socket ID
item.textContent = `[${socket.id}] -> ${message}`;
socket.emit('chat message', `[${socket.id}] -> ${message}`);
}
item.className = 'me';
messages.appendChild(item);
inputField.value = '';
messages.scrollTop = messages.scrollHeight;
localStorage.setItem('chatHistory', messages.innerHTML);
}
socket.on('chat message', function (msg) {
const item = document.createElement('li');
item.textContent = msg;
item.className = 'others';
messages.appendChild(item);
messages.scrollTop = messages.scrollHeight - messages.clientHeight;
updateActiveUsers();
});
socket.on('connect', function () {
const socketId = socket.id;
if (!loggedIn) {
// If not logged in, set the default username as socket ID
username = socketId;
}
activeUsers[socketId] = username;
updateActiveUsers();
fetchUsername();
});
socket.on('disconnect', function () {
const socketId = socket.id;
if (activeUsers[socketId]) {
delete activeUsers[socketId];
updateActiveUsers();
}
});
function updateActiveUsers() {
const userLog = document.getElementById('user-log');
userLog.innerHTML = Object.values(activeUsers).filter((value) => value !== username).join(', ');
}
fetchUsername(); // Fetch the username when the user is connected
</script> </script>
<script type="text/javascript" src="js/input.js"></script> <script type="text/javascript" src="js/input.js"></script>
</html> </html>

223
public/mechanical_fireflies.html
Unescape Escape View File

@ -1,223 +0,0 @@
<!doctype html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<!-- <script src="js/p5.js"></script>
<script src="js/p5.geolocation.js"></script> -->
<script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body> <!-- <img id="logo" src="img/logo.png"> <div class="profile"> <p id="title">Welcome to Eixogen, Sane! Take a deep breath.</p>
<button >profile</button>
</div> -->
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<div>
</div>
<div class="section">
<p style="font-size: 1.2em;">*~* **~ mechanical fireflies ~</p>
</div>
<div class="section" id="objective"><br><br><br><br>
<p>[by user 9]</p>
<p>[status: active until 12th November]</p>
<a href="https://maps.app.goo.gl/C6PJiKJdMeW5c8Ua8">[51.915909, 4.4778599]</a>
<p>[indoors]</p>
<p>[opening hours: Wed-Sun 14:00 -- 19:00]</p>
</div>
<div class="section">
<p>Enter the space. Across from you, you will see a mouse. Not a hamster, not a rat, a mouse. Touch it to reveal an alphabet, that allows to read binary sequences into numbers. These sequences are hidden in the broadcast boxes, like mechanical fireflies trying to escape. You are looking for a 4 digit code. Once you decrypted all of the fireflies, mix up the pairs, starting with the higher number.</p>
<br><br> <p><br><br> ----The correct numbers entered the code on your profile page will reveal a password that unlocks our <a href="https://868mhz.net/archive">archive</a>. Look closely into the mirror world around you to spot it.----
</p>
</div>
<br><br>
<div class="section-main">
<p>----enter the codeword into your personal page to mine ether credits----</p>
</div>
<button onclick="window.location.href='index.html';">back<br></button>
<!-- unused below -->
<div class="section" id="location-log">
<p id="log-text"></p>
</div>
<!-- <div class="section" id="nav-console">
<p>DISTANCE: <span id="distance">0</span> km</p>
<div id="tripmeter">
<p>Gateway 1:<br/>
<span id="startLat">???</span>&deg; <br><span id="startLon">???</span>&deg;
</p>
<p>Gateway 2:<br/>
<span id="startLat2">???</span>&deg; <br><span id="startLon2">???</span>&deg;
</p>
<p>
Status:<br/>
<span id="message2">detecting....</span>
</p>
<p>
Current Location:<br/>
<span id="currentLat">locating...</span>&deg; <br><span id="currentLon">locating...</span>&deg;
</p>
<p>
STATUS:
<span id="message">detecting....</span>
</p>
</div>
</div> -->
<div class="section" id="dreamlog">
<p></p>
</div>
<div class="section" id="back2" onclick="backAgain2()">
↪ log
</div>
<div class="section" id="log1">
<p onclick="log1Open()">LOG 1 03:02:00 02-04-22 PORT: 9.1.13.<br></p>
</div>
<div class="section" id="log2">
<p onclick="log2Open()">LOG 2 02:42:00 13-04-22 PORT: 16.18.15.<br></p>
</div>
<div class="section" id="log3">
<p onclick="log3Open()">LOG 3 03:36:00 25-04-22 PORT: 20.5.3.<br></p>
</div>
<div class="section" id="log4">
<p onclick="log4Open()">LOG 4 03:86:00 07-05-22 PORT: 20.15.18<br></p>
</div>
<div class="section" id="log5">
<p onclick="log5Open()">LOG 5 06:86:00 17-05-22 PORT: 868<br></p>
</div>
<div class="section" id="log">
<p id="info"></p>
</div>
<div class="section" id="back" onclick="backAgain()">
↪
</div>
</div>
<div class="flex-right">
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body>
<script>
const socket = io();
const activeUsers = [];
updateActiveUsers(); // Call it here to show active users on page load
socket.on('node-data', function(data) {
console.log(data);
// Split the data into separate parts
const [node, value] = data.split(' ');
document.getElementById('log-text').textContent = `user ${value} entered zone ${node}`;
if (node === '3' && value === '15') {
// Change the background color to red
document.body.style.backgroundColor = 'red';
document.getElementById('location-log').style.display = 'block';
} else if (node === 'node4' && value === '21') {
// Change the background color to blue
document.body.style.backgroundColor = 'blue';
} else {
// Restore the default background color
document.body.style.backgroundColor = rgb(26, 26, 26);
}
});
//testing socket message from textinput field to arduino
var messages = document.getElementById('messages');
var chatHistory = localStorage.getItem('chatHistory');
if (chatHistory) {
messages.innerHTML = chatHistory;
}
function sendMessage() {
const inputField = document.getElementById('input');
const message = inputField.value;
var item = document.createElement('li');
item.textContent = message;
item.className = 'me';
messages.appendChild(item);
inputField.value = '';
socket.emit('chat message', message);
messages.scrollTop = messages.scrollHeight;
localStorage.setItem('chatHistory', messages.innerHTML);
}
socket.on('chat message', function(msg) {
var item = document.createElement('li');
item.textContent = msg;
item.className = 'others';
messages.appendChild(item);
messages.scrollTop = messages.scrollHeight - messages.clientHeight;
});
socket.on('connect', function() {
// Add the current socket ID to the activeUsers array
activeUsers.push(socket.id);
updateActiveUsers();
});
socket.on('disconnect', function() {
// Remove the disconnected socket ID from the activeUsers array
const index = activeUsers.indexOf(socket.id);
if (index !== -1) {
activeUsers.splice(index, 1);
updateActiveUsers();
}
});
function updateActiveUsers() {
const userLog = document.getElementById('user-log');
userLog.textContent = activeUsers.join(', ');
}
</script>
<script type="text/javascript" src="js/input.js"></script>
</html>

21
public/metal/LICENSE
Unescape Escape View File

@ -1,21 +0,0 @@
MIT License
Copyright (c) 2022 David Hollingworth
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

5
public/metal/README.md
Unescape Escape View File

@ -1,5 +0,0 @@
# Signup and Login with PHP and MySQL
Source code to accompany this video: https://youtu.be/5L9UhOnuos0
[![Signup and Login with PHP and MySQL](https://img.youtube.com/vi/5L9UhOnuos0/0.jpg)](https://youtu.be/5L9UhOnuos0)

28
public/metal/forgot-password.php
Unescape Escape View File

@ -1,28 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="init">
<h1>forgot password</h1>
<form method="post" action="send-password-reset.php">
<label for="email">email</label>
<input type="email" name="email" id="email">
<button>Send</button>
</form>
</div>
</body>
</html>

140
public/metal/index.html
Unescape Escape View File

@ -1,140 +0,0 @@
<!doctype html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet">
<!-- <script src="js/p5.js"></script>
<script src="js/p5.geolocation.js"></script> -->
<script src='socket.io/socket.io.js'></script>
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<div>
<embed class ="embed" src="https://wttr.in/Rotterdam?T0">
</div>
<div class="section" >
<p>sleepwalker.mod = active</p>
</div>
</div>
<div class="section-main">
<!-- <progress id="file" max="100" value="70"> 70% </progress> -->
<!--highscore cheat code input-->
<p>>>> CACHE CODE:<br><br></p>
<span><form id="form" action="">
<input id="input" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</body>
<script>
const socket = io();
const activeUsers = [];
updateActiveUsers(); // Call it here to show active users on page load
socket.on('node-data', function(data) {
console.log(data);
// Split the data into separate parts
const [node, value] = data.split(' ');
document.getElementById('log-text').textContent = `user ${value} entered zone ${node}`;
if (node === '3' && value === '15') {
// Change the background color to red
document.body.style.backgroundColor = 'red';
document.getElementById('location-log').style.display = 'block';
} else if (node === 'node4' && value === '21') {
// Change the background color to blue
document.body.style.backgroundColor = 'blue';
} else {
// Restore the default background color
document.body.style.backgroundColor = rgb(26, 26, 26);
}
});
//testing socket message from textinput field to arduino
var messages = document.getElementById('messages');
var chatHistory = localStorage.getItem('chatHistory');
if (chatHistory) {
messages.innerHTML = chatHistory;
}
function sendMessage() {
const inputField = document.getElementById('input');
const message = inputField.value;
var item = document.createElement('li');
item.textContent = message;
item.className = 'me';
messages.appendChild(item);
inputField.value = '';
socket.emit('chat message', message);
messages.scrollTop = messages.scrollHeight;
localStorage.setItem('chatHistory', messages.innerHTML);
}
socket.on('chat message', function(msg) {
var item = document.createElement('li');
item.textContent = msg;
item.className = 'others';
messages.appendChild(item);
messages.scrollTop = messages.scrollHeight - messages.clientHeight;
});
socket.on('connect', function() {
// Add the current socket ID to the activeUsers array
activeUsers.push(socket.id);
updateActiveUsers();
});
socket.on('disconnect', function() {
// Remove the disconnected socket ID from the activeUsers array
const index = activeUsers.indexOf(socket.id);
if (index !== -1) {
activeUsers.splice(index, 1);
updateActiveUsers();
}
});
function updateActiveUsers() {
const userLog = document.getElementById('user-log');
userLog.textContent = activeUsers.join(', ');
}
</script>
<script type="text/javascript" src="js/input.js"></script>
</html>

55
public/metal/index.php
Unescape Escape View File

@ -1,55 +0,0 @@
<?php
session_start();
// remove next 3 lines when you're done, so that errors don't show up in a browser
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = require __DIR__ . "/database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="section">
<div class="init">
<?php if (isset($user)): ?>
<div class="profile"> <p id="title">welcome to eixogen, <?= htmlspecialchars($user["name"]) ?></p>
<button><a href="player/<?= htmlspecialchars($user["id"]) ?>.php">your profile</a></button>
<button><a href="logout.php">log out</a></button>
<br><br>
<p>[inbox]</p>
<p>[drdrift]: stop on a traffic light for 10 periods. what do you notice?</p><br><br><br><br>
<div id="highscore"><p>Highscore:</p><br>
<!-- player name: player score -->
</div>
<?php else: ?>
<button><a href="signup.html">sign up</a></button>
<button><a href="login.php">log in</a></button>
<?php endif; ?>
</div>
</div>
</body>
</html>

48
public/metal/js/validation.js
Unescape Escape View File

@ -1,48 +0,0 @@
const validation = new JustValidate("#signup");
validation
.addField("#name", [
{
rule: "required"
}
])
.addField("#email", [
{
rule: "required"
},
{
rule: "email"
},
{
validator: (value) => () => {
return fetch("validate-email.php?email=" + encodeURIComponent(value))
.then(function(response) {
return response.json();
})
.then(function(json) {
return json.available;
});
},
errorMessage: "email already taken"
}
])
.addField("#password", [
{
rule: "required"
},
{
rule: "password"
}
])
.addField("#password_confirmation", [
{
validator: (value, fields) => {
return value === fields["#password"].elem.value;
},
errorMessage: "Passwords should match"
}
])
.onSuccess((event) => {
document.getElementById("signup").submit();
});

66
public/metal/just-validate.production.min.js vendored
View File

File diff suppressed because one or more lines are too long

79
public/metal/login.php
Unescape Escape View File

@ -1,79 +0,0 @@
<?php
$is_invalid = false;
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$mysqli = require __DIR__ . "/database.php";
$sql = sprintf("SELECT * FROM user
WHERE email = '%s'",
$mysqli->real_escape_string($_POST["email"]));
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
echo $user;
if ($user) {
if (password_verify($_POST["password"], $user["password_hash"])) {
session_start();
session_regenerate_id();
$_SESSION["user_id"] = $user["id"];
header("Location: player/${user["id"]}.php");
exit;
}
}
$is_invalid = true;
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="init">
<?php if ($is_invalid): ?>
<em>something's off ]]</em>
<?php endif; ?>
<form method="post">
<label for="email">email</label>
<input type="email" name="email" id="email"
value="<?= htmlspecialchars($_POST["email"] ?? "") ?>">
<label for="password">Password</label>
<input type="password" name="password" id="password">
<button>Log in</button>
</form>
<a href="forgot-password.php">Forgot password?</a>
</div>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
The code of conduct
<br><br><br>
We are all on the same level: All members of 868mHz are seen as equal and on the same level, regardless of their background and position. This should be a place free from stress, pressure, and competition, allowing vulnerability, experimentation, and doubt.<br><br>
We Respect each other: Respect for all members is required. While people may not like each other, it is important to maintain a cordial and tolerant level of respect for all members.<br><br>
Celebrate Difference: Every member has fun in different ways, and with different aspects, has different skills and knowledge. All members should do their best to contribute to the enjoyment of all members and learn from each other.<br><br>
We Listen to each other: Everyone is great at what they are doing and has a message that is important. In listening to each other there's always an opportunity to learn something new from someone else.<br><br>
</div></div></div></div>
</body>
</html>

8
public/metal/logout.php
Unescape Escape View File

@ -1,8 +0,0 @@
<?php
session_start();
session_destroy();
header("Location: ../index.html");
exit;

18
public/metal/name.php
Unescape Escape View File

@ -1,18 +0,0 @@
<?php
session_start();
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<?= htmlspecialchars($user["name"]) ?>

59
public/metal/nfc.php
Unescape Escape View File

@ -1,59 +0,0 @@
<?php
$mysqlinfc = require __DIR__ . "/database.php";
//$sqlnfc = sprintf("SELECT EXISTS (SELECT * FROM user WHERE nfc = '12345')", $mysqlinfc->real_escape_string($_POST["nfc"]));
$sqlnfc = sprintf("SELECT EXISTS (SELECT * FROM nfc WHERE nfc = '12345')",$mysqlinfc->real_escape_string($_POST["6"]));
//print_r($sqlnfc);
$result = $mysqlinfc->query($sqlnfc);
// print_r($result);
$user = $result->fetch_row();
// print_r($user);
printf($user[0]);
if($user[0] > 0){
$mysqli = require __DIR__ . "/database.php";
$sql = "INSERT INTO user (name, email, password_hash, nfc)
VALUES (?, ?, ?, ?)";
$stmt = $mysqli->stmt_init();
if ( ! $stmt->prepare($sql)) {
die("SQL error: " . $mysqli->error);
}
$stmt->bind_param("ssss",
$_POST["name"],
$_POST["email"],
$password_hash,
$_POST["nfc"]);
if ($stmt->execute()) {
exit;
} else {
if ($mysqli->errno === 1062) {
die("email already taken");
} else {
die($mysqli->error . " " . $mysqli->errno);
}
}
} else {
echo "no";
}
//$row_cnt = $result->num_rows;
//print_r($row_cnt);
//if($result){
//if ($result->fetch_row()) {
// echo "yes";
// } else {
// echo "no";
//
//}
//}

74
public/metal/player/1.php
Unescape Escape View File

@ -1,74 +0,0 @@
<?php
session_start();
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<button><a href="https://eth.leverburns.blue/p/1" target="_blank">your notepad</a></button>
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Xyzzy → The Hacker</p>
<br><br><p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<p class="character-title">Group affiliation: Wanderer </p>
<div class="section">
<p class="character-text">
You're a lockpick, possessing an extraordinary ability to gain access anywhere, whether it's by picking physical locks, cracking safes, or infiltrating computer networks. Somehow, you always manage to get in. Your love for the internet sets you apart, as most of the group is focused on exploring the physical city while you navigate virtual realms. You spend so much time in front of the computer that the line between your own identity and the computer's becomes blurred. You frequently use computer commands in your everyday language and enjoy expressing yourself through code.<br><br><br>
Not too long ago, you fell in love with a server. You understand that this is a complex and unusual topic for most people, but you believe it's essential to explore modern human-computer relationships. You see yourself as an ambassador or translator between human and computer languages. One of your contributions is creating poems in code language and organising code poetry reading nights on the radio.<br><br>
You and Wire have known each other since childhood, both being part of a kids' computer club. And with the years you became part of the friend group that eventually founded 868mHz radio.<br><br>
Within the 868mHz collective, you hold the responsibility for cybersecurity and awareness. Your mission is to support everyone in navigating the internet more safely, except for [roos], whom you consider a hopeless case. You often find yourself in discussions with her, as you find her behaviour impossible to comprehend.
</p>
</div>
<p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/1?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
</body>
</html>

111
public/metal/player/10.php
Unescape Escape View File

@ -1,111 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Non-Place Tourist</p>
<p class="character-title">group affiliation: observer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/10" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">The bustling yet often overlooked train and metro stations hold a special fascination for you. You view these transport hubs as unique non-places, transition zones where countless stories and lives briefly intersect. Your observations extend to documenting gestures, people, and even the unspoken desires that fill these spaces. You are generally fascinated by non-places and are constantly searching for new ones. Your aspiration is to become a non-place tour guide one day.<br><br>
You first met 9 at the exhibition 'Reclaiming the Street' at Mama Gallery in Rotterdam. Since then, you have become friends, bound together by this shared interest. Eventually, she invited you to take part in her radio shows at 868mHz. You use radio as a means to share your insights about trains and metro stations and advocate for free access to public transportation and the reclamation of these stations as public spaces. Despite your appreciation for the vast scale of these transportation hubs, you sometimes feel small and alienated within them.<br><br>
While the majority of 868Mhz members hold critical views about Rotterdam's technological transformation into a smart city, you can't deny its convenience in everyday life. It has reduced your commute time by an average of 15 minutes due to improved mobility.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

112
public/metal/player/11.php
Unescape Escape View File

@ -1,112 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Night-Owl Oracle</p>
<p class="character-title">group affiliation: mapper</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/11" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">The night is your sanctuary, and you've embraced the life of a night owl, taking mysterious walks through the city under the starry sky. Your fascination with the stars extends to studying constellations and their historical use in navigation and divination, extracting profound meaning from these celestial bodies. You are known for your good prediction and horoscopes, even though you never properly studied astrology you can intuitively read the messages from the stars.<br><br>
Living in one of the world's most light-polluted countries poses a challenge, but it fuels your determination to discover dark pockets within the city. Your dream is to compile a darkness map of Rotterdam, revealing hidden corners where the stars can be seen.<br><br>
Your journey to 868mHz began at a creative writing workshop where you met 9. When she found out about your horoscope gift she invited you to a future reading radio show, where listeners could call in and you gave them their horoscope. Since then you have been experimenting with different formats. While sharing isn't always easy for an introvert person like you, you appreciate the like-minded community and enjoy spending time with those who share your interests.<br><br>
Although you align with the critical spirit of most 868Mhz members regarding the city's technological development, you're also biased because your parents work for Eixogen, and you feel a sense of loyalty toward them.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

108
public/metal/player/12.php
Unescape Escape View File

@ -1,108 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title"></p>
<p class="character-title"></p>
<button><a href="https://eth.leverburns.blue/p/12" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">Please email your profile number to info@eixo.codes along with your character name to receive your profile.</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

113
public/metal/player/13.php
Unescape Escape View File

@ -1,113 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Bird Watcher</p>
<p class="character-title">group affiliation: observer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/13" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">Ever since you can remember you are obsessed with birds, you can’t even say if it is the fact that they can fly that intrigues you, if it is their communication through singing or that their whole physicalities are so different from us humans. You really love to observe the birds and you are fascinated by how the birds in the city managed to adapt to the urban environment, a place that has solely human needs in the centre of its design. And to be fair, not even every human because you personally find cities really overwhelming and unpleasant to live in. You are always on the lookout for quiet places to hide from the noise and the masses.<br><br>
You know a lot of bird singing and you think you are really good at imitating them. Your talent goes so far that you sometimes implement bird sounds into your speech.
It is an unfortunate fact that the soundscape of birdsongs is becoming more and more monotonous with the loss of biodiversity. You are concerned about the future of birds and think it is important that people get more attention and appreciation for their sounds and songs.<br><br>
You heard of 868mHz through their open call. You see the potential of getting a platform for your heart matters and you join the community. Although you maintain a critical stance toward Eixogen, you do believe that, in general, having smart city technology implemented is beneficial, as it could help reduce air pollution.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

110
public/metal/player/14.php
Unescape Escape View File

@ -1,110 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Cities Ear</p>
<p class="character-title">group affiliation: collector</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/14" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">You are interested in sounds and noise and you are obsessed with capturing the various sounds that permeate the city. Your enthusiasm with building a comprehensive sound archive has led you to record an eclectic mix of noises, from the hum of traffic to the gentle rustle of leaves in the wind. However, you're often uncertain about the purpose of this vast collection, which consists of a cacophony of urban sounds.<br><br>
You stumbled upon 868mHz through an open call and hope that it can provide a platform to share and engage others with your sound archive. You're constantly on the lookout for new and unique soundscapes, which often takes you to diverse locations within the city. Yet, this exploration occasionally overwhelms your senses, leaving you in urgent need of moments of silence and tranquillity, even though your own room rarely offers respite.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

111
public/metal/player/15.php
Unescape Escape View File

@ -1,111 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Gourmet Geographer</p>
<p class="character-title">group affiliation: mapper</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/15" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">Your guilty pleasure is food; you cannot pass a food place without at least checking the menu. You find it very inspiring to see what is offered and at what prices, as well as how the same food is prepared differently. Of course, you cannot afford to eat out all the time, so your dream is to one day become a food journalist and get paid for your passion. Due to your interest in different types of food, you prefer to live in a larger city with a wide variety of offerings. You don't like to spend too much time in one neighbourhood because you enjoy comparing and exploring different areas of the city.<br><br>
What you really dislike are franchises, and you are concerned that rising rents and smart travel apps directing people to specific locations are causing smaller food places to be overlooked and disappear. When you heard about 868MHz radio through an open call, you thought it could be your chance to start your career by writing food place reviews about the city. Additionally, you believe that the radio could be a great platform to invite others to share their tips and opinions. Since then, you have become interested in experimenting with different formats on the radio.<br><br>
Despite the reservations held by most 868Mhz members regarding Rotterdam's smart city development, you find the bonuses and credits offered by the platform quite attractive and don't want to miss out.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

113
public/metal/player/16.php
Unescape Escape View File

@ -1,113 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Nose</p>
<p class="character-title">group affiliation: observer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/16" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">
You have a peculiar habit of constantly wanting to smell things. Perhaps it stems from growing up with a dog, as your parents were often busy, and your dog was your constant companion. Smelling things gives you a sense of better understanding them, and you make sense of the world through scent, relying on it for memorization. While being nosy isn't always welcomed, it has the advantage of making you exceptionally curious and well-informed.<br><br>
Having grown up in the countryside, the overwhelming array of smells but first and foremost stinkyness in the city leaves you in awe. To process this sensory overload, you journal about your daily olfactory experiences or have to discuss them with someone.<br><br>
One day, you accidentally ended up at a rave, where you were on the brink of a breakdown due to the overwhelming scent of the smoke machine and the collective sweat of the crowd. That's when Spin came to your rescue. Since then she has taken you under her wing and helped you navigate city life. She invited you to become part of 868mHz to connect with people here in the city.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

111
public/metal/player/17.php
Unescape Escape View File

@ -1,111 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Gossip Generator</p>
<p class="character-title">group affiliation: collector</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/17" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">
Your curiosity knows no bounds when it comes to local folklore, history, and gossip. You have a penchant for unravelling the tales and intricacies behind various aspects of the city, from its historical legends to the relationships between its residents. You collect them all and you love even more to share them and to be honest, also adjust and modify them at times.<br><br> You are a close friend of Spin, and she introduced you to the 868mHz community. You occasionally host local storytelling sessions on the radio, recognizing it as a powerful medium for bringing people together to share stories. You're concerned about the anonymity that often plagues city life, and you believe that fostering connections and community through storytelling is vital. Crowded and bustling places where you can meet and engage with people are essential to your sense of belonging, and you always strive to stay informed about everything, making you a great source and spreader of gossip. <br><br>While you have concerns about the recording and analysis of citizens' data in Rotterdam's recent smart city developments, you can't deny that the promise of a safer city through crime prediction is a significant improvement.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

144
public/metal/player/18.php
Unescape Escape View File

@ -1,144 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Magpie</p>
<p class="character-title">Group affiliation: Collector</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/18" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">Unlike everyone else in this group, you are neither particularly tech-savvy
nor interested in all this smart technology and security talk. One reason for
this might be your complicated and tense relationship with your father, who is
the CEO of Exogen. He strongly disapproves of your friends and believes you are
wasting your time, urging you to pursue a more sensible profession. Nonetheless,
you become defensive when people criticise Exogen or plan to vandalise
it.<br><br>You are the youngest member of the group. Despite being above-average smart,
you have one significant disadvantage—you are extremely susceptible to anything
that appears enticing, whether it’s something shiny, a tempting advertisement,
or an enticing online offer. Unfortunately, this vulnerability makes you an
easy target for frivolous purchases, accepting all kinds of cookies, and, most
notably, scammers and hackers. You get hacked at least weekly because you click
on links promising you supposed winnings, like the $500,000 from Nelson Mandela’s
cousin or aunt (he seemingly had a huge family).<br><br>
However, your attraction to shiny things in the virtual world becomes an advantage
in the real world. You possess a natural talent for finding treasures of
all kinds, almost as if you are magically drawn to them. Not every treasure is
immediately obvious in its value, and you understand that some treasures are
meant for others. Your pockets are often filled with curious items that you
carry around, each looking for its rightful owner. You have a unique ability to
sense when people need a treasure, often before they realise it themselves, you
are there to hand them what could be useful for them in the future.
You, Nine, Wire, and Spin are childhood friends who all grew up in the same
neighbourhood. From a young age, you shared a passion for fighting injustice.
It all began with a detective club, which later evolved into weed protection
activism, a graffiti gang, and eventually, a pirate radio collective. Your pirate
radio group would hack into private radio channels once a month and deliver
20-30 minutes of jokes. Unfortunately, one day, you got caught, and since
you were all minors, your parents were fined an exorbitant amount of money.
Fortunately, your father covered the fee, but this incident marked the end of
your official club activities.<br><br>A few years later, as your group of friends expanded, you came up with the idea
of resurrecting your radio activities, but this time, you’d operate from the
underground and online. You realised that radio was the perfect tool to address
your concerns about losing control over the history and future of the city. It
would provide you with a platform to speak and connect with like-minded individuals.</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

106
public/metal/player/19.php
Unescape Escape View File

@ -1,106 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<p class="character-title"></p>
<br><br>
<div class="section">
<p class="character-text"></p>
<!-- <p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/5?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe> -->
</div>
<br><br><button><a href="../../index.html">back</a></button>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

112
public/metal/player/2.php
Unescape Escape View File

@ -1,112 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="section">
<h1>Home</h1>
<?php if (isset($user)): ?>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>Hello <?= htmlspecialchars($user["id"]) ?></p>
<div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<textarea id="etherpadContent" rows="10" cols="50"></textarea>
<script>
// Function to fetch content from Etherpad
function fetchEtherpadContent() {
fetch('https://eth.leverburns.blue/p/2/export/txt')
.then(response => response.text())
.then(data => {
// Populate the textarea with the fetched content
document.getElementById('etherpadContent').value = data;
})
.catch(error => {
console.error('Error:', error);
});
}
// Call the function to fetch Etherpad content when the page loads
window.onload = function() {
fetchEtherpadContent();
};
</script>
</div>
<p><a href="../logout.php">Log out</a></p>
<?php else: ?>
<p><a href="../login.php">Log in</a> or <a href="../signup.html">sign up</a></p>
<?php endif; ?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

110
public/metal/player/20.php
Unescape Escape View File

@ -1,110 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Urban Herbalist</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<br><br>
<div class="section">
<p class="character-text"></p>
<!-- <p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/5?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe> -->
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

108
public/metal/player/21.php
Unescape Escape View File

@ -1,108 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<p class="character-title"></p>
<br><br>
<div class="section">
<p class="character-text"></p>
<!-- <p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/5?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe> -->
</div>
<br><br><button><a href="../../index.html">back</a></button>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

106
public/metal/player/22.php
Unescape Escape View File

@ -1,106 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
<p class="character-title"></p>
<br><br>
<div class="section">
<p class="character-text"></p>
<!-- <p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/5?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe> -->
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

106
public/metal/player/23.php
Unescape Escape View File

@ -1,106 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
<p class="character-title"></p>
<br><br>
<div class="section">
<p class="character-text"></p>
<!-- <p>add to your character below:</p>
<iframe name="embed_readwrite" src="https://eth.leverburns.blue/p/5?showControls=false&showChat=false&showLineNumbers=false&useMonospaceFont=true" width="100%" height="600" frameborder="0"></iframe> -->
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

120
public/metal/player/3.php
Unescape Escape View File

@ -1,120 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Wire: 53000 Volt</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/3" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">You've been technically savvy since early childhood, always curious about how things work. At the age of 5, you dismantled and reassembled a coffee machine for the first time, though it couldn't brew coffee afterward. You did manage to convert the milk frother valve into a bubble machine. Data security and privacy are paramount concerns for you, and you dislike how tech giants exploit us in our everyday communication through smartphones and apps. Consequently, you're constantly on the lookout for alternative communication tools, such as letterboxing, wire phones, or chalk marks in urban spaces.
Although you're often referred to as "Wire," you are more like the electrical voltage being delivered. <br><br>You're a bundle of energy and one of the founders and driving forces behind 868mHz. Your vision is to create a platform where a cacophony of peculiar voices and unconventional perspectives is amplified. You're also a connector, not just in the sense of wiring things together, but in connecting people with each other. Ensuring that all interested individuals feel welcome and heard within the 868mHz community is of great importance to you.
Regarding your radio contributions, you see yourself as a DJ and believe you have a knack for choosing the right music. <br><br>Unfortunately, your sense of timing is a bit off-beat, often leading to inappropriate song selections that don't quite match the mood or each other. However, due to the community's politeness and respect, no one dares to tell you, allowing you to continue believing in your special talent for music selection.
Your energy level is consistently high, sometimes causing you to act too quickly. Accidents are a common occurrence, particularly when soldering, resulting in your hands resembling a battlefield, perpetually covered in plasters and bandages. People have come to accept it as your distinctive style.
You, Nine, Spin, and (Roos) are childhood friends who all grew up in the same neighbourhood. <br><br>From a young age, you shared a passion for fighting injustice. It all began with a detective club, which later evolved into weed protection activism, a graffiti gang, and eventually, a pirate radio collective. Your pirate radio group would hack into private radio channels once a month and deliver 20-30 minutes of jokes. Unfortunately, one day, you got caught, and since you were all minors, your parents were fined an exorbitant amount of money. Fortunately, (Roos)'s father covered the fee, but this incident marked the end of your official club activities.
A few years later, as your group of friends expanded, you came up with the idea of resurrecting your radio activities, but this time, you'd operate from the underground and online. You realised that radio was the perfect tool to address your concerns about losing control over the history and future of the city. It would provide you with a platform to speak and connect with like-minded individuals.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// Function to check the input value and submit the form
function checkInputValue(event, button) {
event.preventDefault(); // Prevent the form submission
var inputValue = document.getElementById('input').value;
if (inputValue === "9292") {
// Trigger form submission
button.closest('form').submit();
}
}
$(document).ready(function () {
$('#form').submit(function (e) {
e.preventDefault(); // Prevent the form submission
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
</script>
</body>
</html>

116
public/metal/player/4.php
Unescape Escape View File

@ -1,116 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="checkInputValue(document.getElementbyId('input').value)">>>></button>
</form><br><br></span>
</div>
<p class="character-title">Spin:→ the spider</p>
<p class="character-title">Group affiliation: Collector</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/4" target="_blank">your notepad</a></button>
<br><br>
<p class="character-text">You've always had a penchant for the magical and spiritualistic. You enjoy conducting rituals and infuse a cultic flavour into whatever you're engaged with.<br><br>
Your strong need to be among humans and build communities is a driving force in your life. You view community-building as one of humanity's most potent tools. In an age marked by capitalism's rise and technological advancements, you see the danger of humans isolating themselves. You believe that isolated individuals are weak and incapable of effective resistance. Only together, as a community fueled by love and care, can we muster the strength to construct structures of solidarity, support each other, and resist exploitation. You're preoccupied with the question of how we can create a society that is caring and just for everyone. As a result, you often invent political systems and societal models, with your friends often serving as test subjects for your ideas.<br><br>
Within the 868mHz community, your caring and altruistic engagement has earned you the moniker 'the mother of the community,' although you dislike this term. You see yourself more as a spider, weaving webs of connection and drawing people into those webs.<br><br>
You, Nine, Wire, and (Roos) are childhood friends who all grew up in the same neighbourhood. From a young age, you shared a passion for fighting injustice. It all began with a detective club, which later evolved into weed protection activism, a graffiti gang, and eventually, a pirate radio collective. Your pirate radio group would hack into private radio channels once a month and deliver 20-30 minutes of jokes. Unfortunately, one day, you got caught, and since you were all minors, your parents were fined an exorbitant amount of money. Fortunately, (Roos)'s father covered the fee, but this incident marked the end of your official club activities.<br><br>
A few years later, as your group of friends expanded, you came up with the idea of resurrecting your radio activities, but this time, you'd operate from the underground and online. You realised that radio was the perfect tool to address your concerns about losing control over the history and future of the city. It would provide you with a platform to speak and connect with like-minded individuals.
</p>
<br><br><button><a href="../../index.html">back</a></button>
</div>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

112
public/metal/player/5.php
Unescape Escape View File

@ -1,112 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Architectural Psychic</p>
<p class="character-title">Group affiliation: Observer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/5" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">You possess a deep interest in architecture, particularly in the rich history and diverse styles found in Rotterdam's buildings. An intriguing belief sets you apart - you think you have a psychic ability to touch a building and read its history. However, not all your readings are accurate, which is not necessarily a problem, a good story can also be valuable and you're still learning to hone this unique skill.<br><br>
You discovered 868mHz through a friend from university who is a regular listener of 868mHz. Your friend recognized the potential for your abilities in the world of radio and encouraged you to introduce yourself to the community. Radio's history with psychics intrigued you, leading you to explore this avenue. Given the station's openness to various voices and talents, you decided to join and share your architectural readings, and in the community you have found a bunch of people similarly weird as you are.<br><br>
Despite the reservations held by most 868Mhz members regarding Rotterdam's smart city development, you find the bonuses and credits offered by the platform quite attractive and don't want to miss out.
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

101
public/metal/player/6.php
Unescape Escape View File

@ -1,101 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<p class="character-title"></p>
<p class="character-title"></p>
<button><a href="https://eth.leverburns.blue/p/6" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">Please email your profile number to info@eixo.codes along with your character name to receive your profile.</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

127
public/metal/player/7.php
Unescape Escape View File

@ -1,127 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">*//Keep_it_Locked//*</p>
<p class="character-title">Group affiliation: Collector</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/7" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">They call you the Alchemist because you possess the unique ability to transmute
concepts or ideas into code and devices. This talent comes so intuitively to
you that you often find it difficult to explain how you came to your results..
Generally, talking to people is difficult, you prefer not to speak much, as you
are a shy and introverted person—a true nerd. Nonetheless, you run a successful
underground bureau where people seek your expertise for advanced, specialised,
and often illegal cyber and digital technology problems.
You crossed paths with Nine/9 a few years ago through mutual connections. She
needed your assistance in hacking into the history of her brand-new electric
toothbrush, which was sending her toothbrushing data to her health insurance
company, leading to a dispute over dental treatment payments. Cases like these
are a breeze for you. Since then, she has become a frequent client and even
somewhat of a friend.
Although everyone sees you as a techno-nerd, deep down, you are a truly romantic
person. You express your feelings through beautiful love poems that you
write in different code languages. However, your shyness prevents you from
sharing them with the world. Instead, you often hack into websites and incorporate
your poems as code into their source code, hoping that one day your expressions
of love will be discovered, by someone or something that truly deserves
it.</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

111
public/metal/player/8.php
Unescape Escape View File

@ -1,111 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Cheshire Cat</p>
<p class="character-title">group affiliation: observer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/8" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text"> You are renowned for your talent to slip in and out of places almost unnoticed, earning you the role of a witness to numerous peculiar situations and a keeper of secret knowledge. You have a fascination for observing things not intended for the public eye, often exploring underground and visiting places where nobody recognizes you. Maintaining your anonymity is crucial, and you are a master of disguise. Your unusual passion has turned you into an expert on the city's underground, the mysterious locations, and its undiscovered nooks and crannies. Additionally, you possess a unique gift: you can communicate with cats. These conversations with felines grant you an even deeper understanding of the city's peculiar and enigmatic corners.<br><br>
You've known Nine since your teenage years, having met while volunteering at an animal shelter, which led to a strong friendship. However, in recent times, it seems that your relationship with Nine has become strained. You feel she has let you down on several occasions, as she appears to be increasingly self-focused. You suspect her recent behaviour is an attempt to seek attention, which somewhat annoys you. Like this story she told the other day where she thought there was someone cloning her on the internet, she is definitely overestimating her own importance.<br><br>
Your fascination lies in the power of radio to amplify voices and disseminate messages. You firmly believe that not only human voices but also those of animals should be heard. Consequently, you ensure there is ample animal-related content on the radio, and occasionally, you organize listening sessions for animals.<br><br>
Despite the reservations held by most 868Mhz members regarding Rotterdam's smart city development, you find the bonuses and credits offered by the platform quite attractive and don't want to miss out.<br><br>
</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

109
public/metal/player/9.php
Unescape Escape View File

@ -1,109 +0,0 @@
<?php
session_start();
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
if (isset($_SESSION["user_id"])) {
$mysqli = include __DIR__ . "/../database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<?php if (isset($user)): ?>
<br><button class="red" ><a href="../logout.php">Log out</a></button> <button class="red" ><a href="../../index.html">back</a></button>
<?php else: ?>
<p> <button><a href="../login.php">Log in</a></button> or <button><a href="../signup.html">sign up</a></p></button></p>
<?php endif; ?>
<br><br><br>
<h1>Home</h1>
<p>Hello <?= htmlspecialchars($user["name"]) ?></p>
<p>profile number: <?= htmlspecialchars($user["id"]) ?></p>
<br><button><a href="../portal.php"> . . * your portal * ~ .</a></button><br><br>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="section">
<p class="code-input">> enter codewords below to mine ether credits: </br>
</p>
<span><form id="form" action="word.php" method="post">
<input id="input" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br></span>
</div>
<p class="character-title">The Racoon</p>
<p class="character-title">group affiliation: wanderer</p>
<p class="score">ether credits: <?= htmlspecialchars($user["score"]) ?></p>
<button><a href="https://eth.leverburns.blue/p/9" target="_blank">your notepad</a></button>
<br><br>
<div class="section">
<p class="character-text">You are a passionate flaneur who revels in wandering where you’re not supposed to. If an area is not supposed to be entered or walked through, it is almost irresistible to you. People often confuse your curiosity with criminal energy, but you have no bad intentions. You wander through the city scanning it for accessibility in every imaginable layer: Your interest lies in the choreography of pedestrian areas and how they shape interactions within the city, highlighting power dynamics between walking and other modes of transportation. You constantly seek unknown and uncharted areas, driven by an insatiable desire to discover new places.<br><br>You came across 868mHz while listening to the radio during your walks. As someone that does not really fit anywhere you for the first time feel that you found a community that shares your passion for movement and exploring the city and where you have the feeling you don’t have to hide yourself and can just be as you are with all your weird habits, ticks and peculiarities.<br><br>Although you maintain a critical stance toward Eixogen, you do believe that, in general, having smart city technology implemented is beneficial, as it could help reduce air pollution.</p>
</div>
<br><br><button><a href="../../index.html">back</a></button>
<!-- <div class="score">
<label for="worde">>>> CACHE CODE:</label>
<p>>>> CACHE CODE:<br></p>
<form id="code" action="word.php" method="post"">
<input id="word" name="word" autocomplete="off" onkeyup="this.value = this.value.toUpperCase();"/><button onclick="sendMessage()">>>></button>
</form><br><br>
</div> -->
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
$('#submitButton').click(function (e) {
e.preventDefault(); // Prevent the form submission
// Check if the input value is "9292"
var inputValue = $('#input').val();
if (inputValue === "9292") {
// Make an AJAX request to /trash
$.post('/trash', function (data) {
// Handle the response if needed
console.log(data);
$('#response').text(data); // Display the response on the page
});
}
});
});
// Function to check the input value
function checkInputValue(value) {
if (value === "9292") {
$('#submitButton').click();
}
}
</script>
</body>
</html>

14
public/metal/player/etherpad_proxy.php
Unescape Escape View File

@ -1,14 +0,0 @@
<?php
$etherpadURL = 'https://eth.leverburns.blue/p/2.php';
$response = file_get_contents($etherpadURL);
if ($response !== false) {
// Set the appropriate content type header
header('Content-Type: text/plain');
echo $response;
} else {
// Handle the error
header('HTTP/1.1 500 Internal Server Error');
echo 'Failed to fetch Etherpad content';
}

78
public/metal/player/word.php
Unescape Escape View File

@ -1,78 +0,0 @@
<?php
ini_set("display_errors", "1");
ini_set("display_startup_errors", "1");
error_reporting(E_ALL);
session_start();
if (empty($_POST["word"])) {
die("almmost there ]]");
}
$mysqli = include __DIR__ . "/../database.php";
$sqlword = sprintf("SELECT EXISTS (SELECT * FROM code WHERE word = '%d' LIMIT 1)",$mysqli->real_escape_string($_POST["word"]));
$result = $mysqli->query($sqlword);
$word = $result->fetch_row();
//print_r($word);
//print_r($word[0]);
if ($word[0] > 0 ) {
$mysqliword = include __DIR__ . "/../database.php";
//$sqlid = "SELECT * FROM user WHERE id = 1";
$sqlid = "SELECT * FROM user WHERE id = '".$_SESSION['user_id']."'";
$resultid = $mysqliword->query($sqlid);
$info = $resultid->fetch_assoc();
$id = $info['id'];
//print_r($id);
$yourcolumn = $info['id'];
//print_r($yourcolumn);
$sqlcheckword = sprintf("SELECT EXISTS (SELECT * FROM check_words WHERE `".$id."` = '%d' LIMIT 1)",$mysqliword->real_escape_string($_POST["word"]));
$checkresult = $mysqliword->query($sqlcheckword);
//print_r($checkresult);
$isword = $checkresult->fetch_row();
//print_r($isword);
if ($isword[0] == 0 ) {
$remembercache = "INSERT INTO check_words (`".$id."`) VALUES (?)";
$glue = $mysqli->stmt_init();
if ( ! $glue->prepare($remembercache)) {
die("SQL error: " . $mysqli->error);
}
$glue->bind_param("s", $_POST["word"]);
$glue->execute();
$mysqliword = "UPDATE user SET score = score + 25 WHERE id = {$id}";
$stmt = $mysqli->prepare($mysqliword);
$stmt->execute();
echo "+ + ++++ ++ + 25 ether credits";
} else {
echo ".. .* you've already used this code **~... .. .";
}
} else {
echo ".. .* i can't recognize this code **~... .. .";
$cachegone = true;
}
?>

79
public/metal/portal.php
Unescape Escape View File

@ -1,79 +0,0 @@
<?php
session_start();
if (isset($_SESSION["user_id"])) {
$mysqli = require __DIR__ . "/database.php";
$sql = "SELECT * FROM user WHERE id = {$_SESSION["user_id"]}";
$result = $mysqli->query($sql);
$user = $result->fetch_assoc();
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="section">
<div class="init">
<?php if (isset($user)): ?>
<div class="profile"> <p id="title">welcome to eixogen, <?= htmlspecialchars($user["name"]) ?></p>
<button><a href="player/<?= htmlspecialchars($user["id"]) ?>.php">your profile</a></button>
<button><a href="logout.php">log out</a></button>
<br><br>
<p>[inbox]</p>
<p>[drdrift]: stop on a traffic light for 10 periods. what do you notice?</p><br><br><br><br>
<div id="highscore"><p> { {{ we've stashed some ethers }} } </p><br>
<table>
<tr>
<th>`` runner ~ ``</th>
<th>* . ether credits * *</th>
</tr>
<?php
$mysqli_score = require __DIR__ . "/database.php";
$sql_scores = "SELECT name, score FROM user ORDER BY score DESC";
$sql_score = $mysqli_score->query($sql_scores);
$ranking = 1;
if (mysqli_num_rows($sql_score)) {
while ($row = mysqli_fetch_array($sql_score)) {
echo "<tr>
<td>{$row['name']}</td>
<td>{$row['score']}</td>
<tr>";
$ranking++;
}
}
?>
<tr>
<td> <?= htmlspecialchars($row['name']) ?> </td>
<td> <?= htmlspecialchars($row['score']) ?> </td>
</tr>
</div>
<?php else: ?>
<button><a href="signup.html">sign up</a></button>
<button><a href="login.php">log in</a></button>
<?php endif; ?>
</div>
</div>
</body>
</html>

60
public/metal/process-reset-password.php
Unescape Escape View File

@ -1,60 +0,0 @@
<?php
$token = $_POST["token"];
$token_hash = hash("sha256", $token);
$mysqli = require __DIR__ . "/database.php";
$sql = "SELECT * FROM user
WHERE reset_token_hash = ?";
$stmt = $mysqli->prepare($sql);
$stmt->bind_param("s", $token_hash);
$stmt->execute();
$result = $stmt->get_result();
$user = $result->fetch_assoc();
if ($user === null) {
die("token not found");
}
if (strtotime($user["reset_token_expires_at"]) <= time()) {
die("token has expired");
}
if (strlen($_POST["password"]) < 8) {
die("Password must be at least 8 characters");
}
if ( ! preg_match("/[a-z]/i", $_POST["password"])) {
die("password must contain at least one letter");
}
if ( ! preg_match("/[0-9]/", $_POST["password"])) {
die("password must contain at least one number");
}
if ($_POST["password"] !== $_POST["password_confirmation"]) {
die("passwords must match");
}
$password_hash = password_hash($_POST["password"], PASSWORD_DEFAULT);
$sql = "UPDATE user
SET password_hash = ?,
reset_token_hash = NULL,
reset_token_expires_at = NULL
WHERE id = ?";
$stmt = $mysqli->prepare($sql);
$stmt->bind_param("ss", $password_hash, $user["id"]);
$stmt->execute();
echo " ~ * password updated . you can now enter -**";

84
public/metal/process-signup.php
Unescape Escape View File

@ -1,84 +0,0 @@
<?php
if (empty($_POST["nfc"])) {
die("hey, you forgot your nfc here ]]");
// $errnfc = "hey, you forgot your nfc here ]]";
// exit;
}
if (empty($_POST["name"])) {
die("Name is required");
}
if ( ! filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)) {
die("are you sure this is an email? ]]");
}
if (strlen($_POST["password"]) < 8) {
die("password must be at least 8 characters");
}
if ( ! preg_match("/[a-z]/i", $_POST["password"])) {
die("password must contain at least one letter");
}
if ( ! preg_match("/[0-9]/", $_POST["password"])) {
die("password must contain at least one number");
}
if ($_POST["password"] !== $_POST["password_confirmation"]) {
die("passwords must match");
}
$password_hash = password_hash($_POST["password"], PASSWORD_DEFAULT);
$mysqlinfc = require __DIR__ . "/database.php";
//$sqlnfc = "SELECT EXISTS (SELECT * FROM user WHERE nfc = '%d')";
$sqlnfc = sprintf("SELECT EXISTS (SELECT * FROM nfc WHERE nfc = '%d')",$mysqlinfc->real_escape_string($_POST["nfc"]));
//print_r($sqlnfc);
$result = $mysqlinfc->query($sqlnfc);
//print_r($result);
$user = $result->fetch_row();
print_r($user);
print_r($user[0]);
if ($user[0] > 0 ) {
$mysqli = require __DIR__ . "/database.php";
$sql = "INSERT INTO user (name, email, password_hash, nfc)
VALUES (?, ?, ?, ?)";
$stmt = $mysqli->stmt_init();
if ( ! $stmt->prepare($sql)) {
die("SQL error: " . $mysqli->error);
}
$stmt->bind_param("ssss",
$_POST["name"],
$_POST["email"],
$password_hash,
$_POST["nfc"]);
if ($stmt->execute()) {
header("Location: signup-success.html");
exit;
} else {
if ($mysqli->errno === 1062) {
die("email already taken");
} else {
die($mysqli->error . " " . $mysqli->errno);
}
}
} else {
die("token not here");
}
?>

65
public/metal/reset-password.php
Unescape Escape View File

@ -1,65 +0,0 @@
<?php
$token = $_GET["token"];
$token_hash = hash("sha256", $token);
$mysqli = require __DIR__ . "/database.php";
$sql = "SELECT * FROM user
WHERE reset_token_hash = ?";
$stmt = $mysqli->prepare($sql);
$stmt->bind_param("s", $token_hash);
$stmt->execute();
$result = $stmt->get_result();
$user = $result->fetch_assoc();
if ($user === null) {
die("token not found");
}
if (strtotime($user["reset_token_expires_at"]) <= time()) {
die("token has expired");
}
?>
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="init">
<h1>Reset Password</h1>
<form method="post" action="process-reset-password.php">
<input type="hidden" name="token" value="<?= htmlspecialchars($token) ?>">
<label for="password">New password</label>
<input type="password" id="password" name="password">
<label for="password_confirmation">Repeat password</label>
<input type="password" id="password_confirmation"
name="password_confirmation">
<button>Send</button>
</form>
</div>
</body>
</html>

24
public/metal/save_user_text.php
Unescape Escape View File

@ -1,24 +0,0 @@
<?php
session_start();
if (isset($_SESSION["user_id"])) {
// Get the user input from the POST request
$data = json_decode(file_get_contents("php://input"), true);
if (isset($data['text'])) {
// Store the user input in the session
$_SESSION['user_text'] = $data['text'];
// Send a response to indicate success
echo json_encode(['message' => 'User text saved successfully.']);
} else {
// Send an error response
http_response_code(400);
echo json_encode(['message' => 'Invalid request.']);
}
} else {
// Send an error response if the user is not logged in
http_response_code(403);
echo json_encode(['message' => 'Access denied.']);
}
?>

40
public/metal/send-password-reset.php
Unescape Escape View File

@ -1,40 +0,0 @@
<?php
$email = $_POST["email"];
$token = bin2hex(random_bytes(16));
$token_hash = hash("sha256", $token);
$expiry = date("Y-m-d H:i:s", time() + 60 * 30);
$mysqli = require __DIR__ . "/database.php";
$sql = "UPDATE user
SET reset_token_hash = ?,
reset_token_expires_at = ?
WHERE email = ?";
$stmt = $mysqli->prepare($sql);
$stmt->bind_param("sss", $token_hash, $expiry, $email);
$stmt->execute();
if ($mysqli->affected_rows) {
$subject = "~* *..* password-shifting ~";
$body = "jump to https://eixo.codes/metal/reset-password.php?token=$token and conjure up your new password ~* *.. *";
$from = 'spells';
$headers = "From: $from";
if (mail($email, $subject, $body, $headers,)) {
echo '*~```` email funnelled your way `*';
} else {
echo "* .. i couldn't send you an email . please give it one more try *` ";
}
}
echo " `` please check your inbox `*";
?>

23
public/metal/signup-success.html
Unescape Escape View File

@ -1,23 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
</head>
<body>
<div class="init">
<h1>signup</h1>
<p> * . ** ~ you are here now -- you can <a href="login.php">step in</a>.</p>
</div>
</body>
</html>

76
public/metal/signup.html
Unescape Escape View File

@ -1,76 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../style.css" rel="stylesheet">
<meta property="og:title" content="EIXOGEN" />
<meta property="og:description" content="EIXOGEN" />
<meta property="og:image" content="" />
<script src="https://unpkg.com/just-validate@latest/dist/just-validate.production.min.js" defer></script>
<script src="js/validation.js" defer></script>
</head>
<body>
<div class="wrapper">
<div class="flex-container" >
<div class="flex-left">
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
The code of conduct
<br><br><br>
We are all on the same level: All members of 868mHz are seen as equal and on the same level, regardless of their background and position. This should be a place free from stress, pressure, and competition, allowing vulnerability, experimentation, and doubt.<br><br>
We Respect each other: Respect for all members is required. While people may not like each other, it is important to maintain a cordial and tolerant level of respect for all members.<br><br>
Celebrate Difference: Every member has fun in different ways, and with different aspects, has different skills and knowledge. All members should do their best to contribute to the enjoyment of all members and learn from each other.<br><br>
We Listen to each other: Everyone is great at what they are doing and has a message that is important. In listening to each other there's always an opportunity to learn something new from someone else.<br><br>
</div></div></div></div>
<div class="init">
<h1>signup</h1>
<form action="process-signup.php" method="post" id="signup" novalidate>
<div>
<label for="nfc">user id</label>
<?php if(isset($errnfc)){echo $errnfc}; ?>
<input type="text" id="nfc" name="nfc">
<span style="display:block"><?php echo $errnfc ?></span>
</div>
<div>
<label for="name">username</label>
<input type="text" id="name" name="name">
</div>
<div>
<label for="email">email</label>
<input type="email" id="email" name="email">
</div>
<div>
<label for="password">password</label>
<input type="password" id="password" name="password">
</div>
<div>
<label for="password_confirmation">repeat password</label>
<input type="password" id="password_confirmation" name="password_confirmation">
</div>
<button>sign up</button>
</form>
</div>
</body>
</html>

15
public/metal/validate-email.php
Unescape Escape View File

@ -1,15 +0,0 @@
<?php
$mysqli = require __DIR__ . "/database.php";
$sql = sprintf("SELECT * FROM user
WHERE email = '%s'",
$mysqli->real_escape_string($_GET["email"]));
$result = $mysqli->query($sql);
$is_available = $result->num_rows === 0;
header("Content-Type: application/json");
echo json_encode(["available" => $is_available]);

14
public/metal/validate-nfc.php
Unescape Escape View File

@ -1,14 +0,0 @@
<?php
$mysqli = require __DIR__ . "/database.php";
$sql = sprintf("SELECT EXISTS (SELECT * FROM nfc WHERE nfc = '%d')",$mysqli->real_escape_string($_GET["nfc"]));
$result = $mysqli->query($sql);
$token_yes = $result->fetch_row()[0] === 1;
header("Content-Type: application/json");
echo json_encode(["tokenyes" => $token_yes]);
?>

BIN
public/myrra/2.mp3
View File

Binary file not shown.

BIN
public/myrra/6.mp3
View File

Binary file not shown.

BIN
public/myrra/7.mp3
View File

Binary file not shown.

BIN
public/myrra/8.mp3
View File

Binary file not shown.

BIN
public/myrra/F06C57C1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 54 KiB

BIN
public/myrra/audio1.mp3
View File

Binary file not shown.

BIN
public/myrra/audio2.mp3
View File

Binary file not shown.

BIN
public/myrra/audio3.mp3
View File

Binary file not shown.

BIN
public/myrra/audio4.mp3
View File

Binary file not shown.

1
public/myrra/icon-new.svg
Unescape Escape View File

@ -1 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 453.45 346.51"><path d="m26.53,26.52v53.33h26.74v26.62h26.61v26.67h53.34v-26.45h53.37v26.52h-26.46v79.97h26.42v26.64h-53.18v-26.44h-53.31v26.46h-26.71v26.69h-26.66v53.32h26.39v26.64h-26.44v-26.46H.05v-80.02h26.43v-26.72h26.59v-80.03h-26.44v-26.62H0V26.58h26.6l-.06-.06Z"/><path d="m426.83,320.14v-53.43h-26.57v-26.7h-26.73v-26.56h-53.33v26.39h-53.33v-26.52h26.47v-80.02h-26.47v-26.58h53.22v26.37h53.34v-26.48h26.72v-26.71h26.58V26.64h-26.41V.03h26.5v26.44h26.64v80.07h-26.52v26.61h-26.59v80.02h26.48v26.7h26.6v80.18c-8.92,0-17.79,0-26.67,0,0,0,.08.08.08.08Z"/><path d="m26.6,26.58V0h26.55v26.52c-8.9,0-17.76,0-26.61,0,0,0,.06.06.06.06Z"/><path d="m213.54,26.64h26.42v26.49h-26.42v-26.49Z"/><path d="m213.22,186.49h-26.41v-26.49h26.41v26.49Z"/><path d="m266.6,186.49h-26.41v-26.49h26.41v26.49Z"/><path d="m239.99,293.44v26.4h-26.5v-26.4h26.5Z"/><path d="m426.83,320.14s-.08-.08-.08-.08c0,8.78,0,17.57,0,26.45h-26.39v-26.38c.34-.06.74-.2,1.14-.2,8.03-.01,16.06-.01,24.08,0,.42,0,.83.13,1.25.2Z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

321
public/myrra/index.html
Unescape Escape View File

@ -1,321 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Agenten van Myrra</title>
<script type="text/javascript">
function toggleFullscreen() {
if (document.fullscreenElement) {
document.exitFullscreen();
document.getElementById("fullscreen-button").style.display = "none";
} else {
document.documentElement.requestFullscreen();
document.getElementById("fullscreen-button").style.display = "none";
}
}
var audio1 = new Audio('video1.mp3');
var audio2 = new Audio('video2.mp3');
var audio3 = new Audio('video3.mp3');
var audio4 = new Audio('video4.mp3');
function playAudio(index) {
switch (index) {
case 0:
audio1.play();
break;
case 1:
audio2.play();
break;
case 2:
audio3.play();
break;
case 3:
audio4.play();
break;
}
}
function pauseAudio(index) {
switch (index) {
case 0:
audio1.pause();
break;
case 1:
audio2.pause();
break;
case 2:
audio3.pause();
break;
case 3:
audio4.pause();
break;
}
}
function startVideo() {
var videoContainerDiv = document.getElementById("video-container");
document.getElementById('start-image').style.display = 'none';
videoContainerDiv.style.display = "block";
nextVideo();
}
</script>
<style>
@font-face {
font-family: 'Tifax';
src: url('tifax.ttf') format('truetype');
}
html {
margin: 0;
padding: 0;
overflow: hidden;
}
* {
margin: 0;
padding: 0;
overflow-y: hidden;
}
body {
font-family: 'Roboto Mono', monospace;
background-color: #141414;
color: #FFFFFF;
}
#video-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: black;
display: none;
}
#video {
width: 100%;
height: 100%;
object-fit: cover;
}
#fullscreen-button {
display: block;
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
background-color: transparent;
border: none;
color: #FFFFFF;
font-size: 1.2em;
cursor: pointer;
}
#fullscreen-button:hover {
color: #CCCCCC;
}
#start-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
cursor: pointer;
z-index: 10;
display: flex;
height: 100vh;
overflow: hidden;
}
#start-image img {
transition: transform 5s ease-in-out;
animation: glowing 8s ease-in-out infinite alternate;
}
@keyframes glowing {
0% {
transform: scale(0.4);
}
50% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}
#button {
display: none;
position: absolute;
top: calc(50% + 40px);
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
background-color: #bdbebb;
border: none;
color: #141414;
font-family: 'Roboto Mono', monospace;
font-size: 2em;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
#paragraph {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 80%;
font-size: 2.5em;
color: #CCCCCC;
z-index: 3;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#mission-text {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 60%;
font-size: 1.5em;
color: #CCCCCC;
z-index: 12;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
#logo {
position: absolute;
top: 20px;
left: 20px;
z-index: 5;
height: 100px;
}
.keypad {
display: none;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
padding: 20px;
border: 2px solid #00ff00;
border-radius: 10px;
font-size: 2em;
background-color: rgba(0, 0, 0, 0.8);
box-shadow: 0 0 20px #00ff00;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
.key {
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #00ff00;
font-weight: bold;
font-size: 1.5em;
border-radius: 5px;
cursor: pointer;
border: 2px solid #00ff00;
transition: background-color 0.3s ease;
}
.key:focus {
outline: none;
}
.key:active {
background-color: #00ff00;
color: #000000;
}
</style>
</head>
<body>
<p id="paragraph">Agenten van Myrra</p>
<!-- <p id="mission-text">Ga nu op zoek naar het verhaal- en actie-symbool en tik erop met je pas om contact op te nemen met Lori en je reis te beginnen!</p> -->
<div id="start-image" onclick="startVideo()">
<img src="F06C57C1.png" alt="Start Image">
</div>
<div id="video-container" style="display: none;">
<video id="video">
<source src="video1.mp4" type="video/mp4">
</video>
</div>
<button id="fullscreen-button" onclick="toggleFullscreen()">fullscreen</button>
<!--
<img src="F06C57C1.png" id='logo' style="height: 200px;"> -->
<button id="button" onclick="nextVideo()">volgende stap</button>
</script>
<audio id="audio">
<source src="" type="audio/mp3">
</audio>
<script>
var audio = document.getElementById("audio");
var videos = ["video1.mp4", "video2.mp4", "video3.mp4", "video4.mp4"];
var audios = ["video1.mp3", "video2.mp3", "video3.mp3", "video4.mp3"];
var button = document.getElementById("button");
var videoElement;
var currentVideoIndex = -1;
var paragraphs = [
"jouw agenten missie: vind het verloren bericht",
"de agenten pass",
"neem contact op",
"myrra navigeren"
];
for (var i = 0; i < videos.length; i++) {
videos[i].muted = true;
}
video.addEventListener("ended", function() {
if (currentVideoIndex < videos.length - 1) {
button.style.display = "block";
} else {
button.style.display = "none";
}
showKeypad(currentVideoIndex);
});
function nextVideo() {
if (currentVideoIndex < videos.length - 1) {
currentVideoIndex++;
video.src = videos[currentVideoIndex];
paragraph.textContent = paragraphs[currentVideoIndex];
button.style.display = "none";
video.loop = true;
video.muted = true;
video.play();
audio.src = audios[currentVideoIndex];
audio.play();
audio.addEventListener("ended", function() {
button.style.display = "block";
video.loop = false;
});
}
}
</script>
</script>
</body>
</html>

BIN
public/myrra/tifax.ttf
View File

Binary file not shown.

BIN
public/myrra/video1.mp3
View File

Binary file not shown.

BIN
public/myrra/video1.mp4
View File

Binary file not shown.

BIN
public/myrra/video2.mp3
View File

Binary file not shown.

BIN
public/myrra/video2.mp4
View File

Binary file not shown.

BIN
public/myrra/video3.mp3
View File

Binary file not shown.

BIN
public/myrra/video3.mp4
View File

Binary file not shown.

BIN
public/myrra/video4.mp3
View File

Binary file not shown.

BIN
public/myrra/video4.mp4
View File

Binary file not shown.

BIN
public/nine.pdf
View File

Binary file not shown.

125
public/radio/index.html
Unescape Escape View File

@ -1,125 +0,0 @@
<html>
<head>
<title>Radio, what's new?</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #101010;
text-align: center;
color: #ccc;
}
#container {
margin: 5vw auto;
padding: 20px;
border: 1px solid #555;
background-color: #444;
width: 90vw;
height: 90vh;
}
#unlock-input {
width: 80vw;
padding: 5px;
border: 1px solid #555;
border-radius: 4px;
font-size: 7.5em;
background-color: #333;
text-align: center;
color: #ff0400;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 7vh;
}
#unlock-input::-webkit-inner-spin-button,
#unlock-input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#unlock-input[type=number] {
-moz-appearance: textfield;
}
#unlock-button {
background-color: #9e9e9e;
color: #960dff;
border: none;
padding: 10px 20px;
margin-top: 5vh;
border-radius: 4px;
cursor: pointer;
font-size: 6.7em;
}
#unlock-button:hover {
background-color: #ccc;
}
.button-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.number-button {
width: 23vw;
height: 10vh;
background-color: #960dff;
border: 2px solid #989898;
color: #ccc;
font-size: 5em;
margin: 0.25em;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: 2px;
}
.number-button:hover {
background-color: #444;
}
</style>
</head>
<body>
<div id="container">
<h2></h2>
<input type="number" id="unlock-input" maxlength="5" pattern="\d{5}" placeholder="00000">
<div class="button-container">
<div class="number-button" onclick="appendToInput('1')">1</div>
<div class="number-button" onclick="appendToInput('2')">2</div>
<div class="number-button" onclick="appendToInput('3')">3</div>
<div class="number-button" onclick="appendToInput('4')">4</div>
<div class="number-button" onclick="appendToInput('5')">5</div>
<div class="number-button" onclick="appendToInput('6')">6</div>
<div class="number-button" onclick="appendToInput('7')">7</div>
<div class="number-button" onclick="appendToInput('8')">8</div>
<div class="number-button" onclick="appendToInput('9')">9</div>
<div class="number-button" onclick="appendToInput('0')">0</div>
</div>
<br>
<button id="unlock-button" onclick="unlockAudio()">ENTER</button>
</div>
<script>
function appendToInput(value) {
const input = document.getElementById("unlock-input");
input.value += value;
}
function unlockAudio() {
const code = document.getElementById("unlock-input").value;
if (code === "23899") {
const audio = new Audio("https://eixo.codes/016.mp3");
alert("*challenge unlocked* turn volume up >>>");
audio.play();
} else {
alert("Incorrect code. Please try again.");
}
document.getElementById("unlock-input").value = "";
}
</script>
</body>
</html>

BIN
public/rasco1.mp3
View File

Binary file not shown.

36
public/showroom-riddle/index.html
Unescape Escape View File

@ -1,36 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>eixogen</title>
<style>
body {
margin: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
img {
transform: rotate(90deg);
max-width: 100vh;
max-height: 100vw;
object-fit: contain;
}
</style>
</head>
<body>
<div class="container">
<img src="../img/screen1.jpg" alt="Rotated Image">
</div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More

Write Preview
Loading…
Cancel
Save