clean up + dashboard styling
parent
b00d9f80ed
commit
17de2bd599
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 194 KiB |
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>° <br><span id="startLon">???</span>°
|
||||
</p>
|
||||
<p>Gateway 2:<br/>
|
||||
<span id="startLat2">???</span>° <br><span id="startLon2">???</span>°
|
||||
</p>
|
||||
<p>
|
||||
Status:<br/>
|
||||
<span id="message2">detecting....</span>
|
||||
</p>
|
||||
<p>
|
||||
Current Location:<br/>
|
||||
<span id="currentLat">locating...</span>° <br><span id="currentLon">locating...</span>°
|
||||
</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>
|
||||
@ -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>° <br><span id="startLon">???</span>°
|
||||
</p>
|
||||
<p>Gateway 2:<br/>
|
||||
<span id="startLat2">???</span>° <br><span id="startLon2">???</span>°
|
||||
</p>
|
||||
<p>
|
||||
Status:<br/>
|
||||
<span id="message2">detecting....</span>
|
||||
</p>
|
||||
<p>
|
||||
Current Location:<br/>
|
||||
<span id="currentLat">locating...</span>° <br><span id="currentLon">locating...</span>°
|
||||
</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>
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 476 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.0 KiB |
@ -1,208 +1,53 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>eixogen</title>
|
||||
<title>digitwin dashboard</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='socket.io/socket.io.js'></script>
|
||||
<meta property="og:title" content="EIXOGEN" />
|
||||
<meta property="og:description" content="EIXOGEN" />
|
||||
<meta property="og:image" content="" />
|
||||
<script src='socket.io/socket.io.js'></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="profile">
|
||||
<p id="title"> ~* *..* welcome to eixogen ~</p>
|
||||
<!-- <button><a href="./metal/portal.php">your portal</a></button>
|
||||
</div> -->
|
||||
<body>
|
||||
<h1>~* *..* sensor dashboard ~</h1>
|
||||
<br><br>
|
||||
<div class="wrapper">
|
||||
<div class="flex-container" >
|
||||
<div class="flex-left">
|
||||
<div>
|
||||
<embed style="color: whitesmoke;" class="embed" src="https://wttr.in/Rotterdam?T0">
|
||||
</div>
|
||||
<!-- <div class="section" id="objective"><br><br><br><br>
|
||||
<p>~* *..* active trails ~~</p>
|
||||
<button onclick="window.location.href='riddles.html';">~* *..* mechanical fireflies<br> ~~ by user [xx[[</button>
|
||||
</div> -->
|
||||
<!-- <div class="section" id="log-text">
|
||||
<p>user _ entered zone _</p>
|
||||
</div> -->
|
||||
<div class="section" id="objective"><br><br><br><br>
|
||||
<p>~* *..* active trails ~~</p>
|
||||
<!-- <button onclick="window.location.href='forgetmenot.html';">~* *..* forget me not<br> ~~ by user 9</button> -->
|
||||
<button onclick="window.location.href='space_inbetween.html';">~* *..* the space inbetween<br> ~~ by user Rasco</button>
|
||||
<button onclick="window.location.href='frosty_news.html';">~* *..* frosty news<br> ~~ by user 9</button>
|
||||
<button onclick="window.location.href='mechanical_fireflies.html';">~* *..* mechanical fireflies<br> ~~ by user 9</button>
|
||||
</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 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>
|
||||
<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 class="flex-container">
|
||||
<!-- 16 divs -->
|
||||
<div>1</div>
|
||||
<div>2</div>
|
||||
<div>3</div>
|
||||
<div>4</div>
|
||||
<div>5</div>
|
||||
<div>6</div>
|
||||
<div>7</div>
|
||||
<div>8</div>
|
||||
<div>9</div>
|
||||
<div>10</div>
|
||||
<div>11</div>
|
||||
<div>12</div>
|
||||
<div>13</div>
|
||||
<div>14</div>
|
||||
<div>15</div>
|
||||
<div>16</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 = {}; // Use an object to store usernames and socket IDs
|
||||
const messages = document.getElementById('messages');
|
||||
const chatHistory = localStorage.getItem('chatHistory') || '';
|
||||
let loggedIn = false;
|
||||
let username = '';
|
||||
|
||||
<script>
|
||||
|
||||
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 === '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 type="text/javascript" src="js/input.js"></script>
|
||||
</html>
|
||||
|
||||
@ -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>° <br><span id="startLon">???</span>°
|
||||
</p>
|
||||
<p>Gateway 2:<br/>
|
||||
<span id="startLat2">???</span>° <br><span id="startLon2">???</span>°
|
||||
</p>
|
||||
<p>
|
||||
Status:<br/>
|
||||
<span id="message2">detecting....</span>
|
||||
</p>
|
||||
<p>
|
||||
Current Location:<br/>
|
||||
<span id="currentLat">locating...</span>° <br><span id="currentLon">locating...</span>°
|
||||
</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>
|
||||
@ -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.
|
||||
@ -1,5 +0,0 @@
|
||||
# Signup and Login with PHP and MySQL
|
||||
|
||||
Source code to accompany this video: https://youtu.be/5L9UhOnuos0
|
||||
|
||||
[](https://youtu.be/5L9UhOnuos0)
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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();
|
||||
});
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -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';">×</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>
|
||||
|
||||
@ -1,8 +0,0 @@
|
||||
<?php
|
||||
|
||||
session_start();
|
||||
|
||||
session_destroy();
|
||||
|
||||
header("Location: ../index.html");
|
||||
exit;
|
||||
@ -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"]) ?>
|
||||
@ -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";
|
||||
//
|
||||
//}
|
||||
//}
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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>
|
||||
@ -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';
|
||||
}
|
||||
@ -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;
|
||||
}
|
||||
|
||||
?>
|
||||
@ -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>
|
||||
|
||||
|
||||
@ -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 -**";
|
||||
@ -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");
|
||||
}
|
||||
|
||||
?>
|
||||
@ -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>
|
||||
@ -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.']);
|
||||
}
|
||||
?>
|
||||
@ -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 `*";
|
||||
|
||||
?>
|
||||
@ -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>
|
||||
@ -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';">×</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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -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]);
|
||||
@ -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]);
|
||||
?>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
@ -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>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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>
|
||||
Binary file not shown.
@ -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
Loading…
Reference in New Issue