master
poni 3 years ago
parent 67b54e2b6c
commit cca55951ed

@ -2,6 +2,11 @@ function fontRead(){
fontReady = true; fontReady = true;
} }
function randomNumber(min,max) {
return Math.floor(Math.random() * (max - min) + min);
};
var x = randomNumber(0,9);
@ -9,8 +14,15 @@ function fontRead(){
function preload() { function preload() {
footsteps = document.getElementById("footsteps");//walking footsteps = document.getElementById("footsteps");//walking
PNF1 = document.getElementById("PNF1"); //PNF1 = document.getElementById("PNF1");
//PNF2 = document.getElementById("PNF2");
LOBS1 = document.getElementById("LOBS1");
LOBS2= document.getElementById("LOBS2");
GARDE = document.getElementById("GARDE");
SONIC1 = document.getElementById("SONIC1 ");
SONIC2 = document.getElementById("SONIC2");
PIGEON1 = document.getElementById("PIGEON1 ");
PIGEON2 = document.getElementById("PIGEON2");
myFont = loadFont("ApfelGrotezk-Regular.ttf", fontRead); myFont = loadFont("ApfelGrotezk-Regular.ttf", fontRead);
myFont2 = loadFont("typefaces/TINY5x3-40.ttf", fontRead); myFont2 = loadFont("typefaces/TINY5x3-40.ttf", fontRead);
@ -26,10 +38,17 @@ myFont = loadFont("ApfelGrotezk-Regular.ttf", fontRead);
myFont12 = loadFont("typefaces/TINY5x3-240.ttf", fontRead); myFont12 = loadFont("typefaces/TINY5x3-240.ttf", fontRead);
myFont13 = loadFont("typefaces/TINY5x3-260.ttf", fontRead); myFont13 = loadFont("typefaces/TINY5x3-260.ttf", fontRead);
myFont14 = loadFont("typefaces/TINY5x3-280.ttf", fontRead); myFont14 = loadFont("typefaces/TINY5x3-280.ttf", fontRead);
sou = PNF1 var SOU =["LOBS1", "LOBS2", "GARDE", "SONIC1", "SONIC2", "PIGEON1", "PIGEON2"]
sou = SOU[x];
console.log(sou)
}; };
var HOTSPOT = {
names: ["Hotspot name:\nTHE SECRET GARDEN", "Hotspot name:\nSONIC THE SELLOUT", "Hotspot name:\nSONIC THE SELLOUT", "Hotspot name:\nPIGEON PLAZA", "Hotspot name:\nPIGEON PLAZA"],
coord: ["52.073237, 4.314601", "52.076413, 4.308312", "52.07863, 4.303875","52.072243, 4.311191", "52.074982, 4.311327", "52.073237, 4.314601", "52.076413, 4.308312", "52.07863, 4.303875"],
};
@ -44,6 +63,7 @@ myFont = loadFont("ApfelGrotezk-Regular.ttf", fontRead);
// Pigeon Plaza 1 // Pigeon Plaza 1
// Pigeon Plaza 2 // Pigeon Plaza 2
console.log(x)
p5.disableFriendlyErrors = true; p5.disableFriendlyErrors = true;
@ -349,8 +369,8 @@ function coordinateBallColored(){
} }
function pong() { function pong() {
let name = "Hotspot name:\nPLACE NOT FOUND"; let name = HOTSPOT.names[x];
let coord = "52.07239, 4.31139"; let coord = HOTSPOT.coord[x];
cpu(); //loop cpu function cpu(); //loop cpu function
@ -440,7 +460,7 @@ text("I Don't Know Where We're Going, But\nyou are "+e+"px away from finding a h
textLeading(width/20); textLeading(width/20);
text(name, width/2, height-100); text(name, width/2, height-100);
textSize(width/17); textSize(width/17);
text(coord , width/2, 150); text(coord , width/2, height/2);
fill(0); fill(0);
//layer1.play();//sirens //layer1.play();//sirens
} else { } else {

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAUNCHER</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="overlay">
<a href="https://hub.xpub.nl/sandbot/PrototypingTimes/LAUNCHER/louisa%20code/code/test.zip">GET YOUR BONUS FILES</a>
</div>
</body>
</html>

@ -1,58 +0,0 @@
*{
/* Prevent any object from being highlighted upon touch event*/
tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
@font-face {
font-family: "ApfelGrotezk-Regular";
src: url("../../ApfelGrotezk-Regular.ttf");
}
.display-none {
display:none;
}
.display-flex {
display:flex;
}
.display-block{
display:block;
}
body{
font-size: 1.5em;
background-color: black;
color: white;
font-family: "ApfelGrotezk-Regular";
text-align: center;
}
.overlay{
z-index: 2;
position: fixed;
}
#code-input{
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
}
#input{
visibility: hidden;
}
a{
text-decoration: none;
color: white
}
a:hover{
text-decoration: none;
color: blue;
cursor: pointer;
}

Binary file not shown.

@ -13,56 +13,56 @@
location='ZIPFILES/pprgm/'; location='ZIPFILES/pprgm/';
}//OK }//OK
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "BORDERS") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "BORDERS") {
location='ZIPFILES/BORDERS.zip'; location='ZIPFILES/BORDERS.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "LIFE") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "LIFE") {
location='ZIPFILES/LIFE.zip'; location='ZIPFILES/LIFE.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "FUTURE") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "FUTURE") {
location='ZIPFILES/FUTURE.zip'; location='ZIPFILES/FUTURE.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "DIALOGUE") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "DIALOGUE") {
location='ZIPFILES/DIALOGUE.zip'; location='ZIPFILES/DIALOGUE.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "BREATH") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "BREATH") {
location='ZIPFILES/BREATH.zip'; location='ZIPFILES/BREATH.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "CAPITALISM") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "CAPITALISM") {
location='ZIPFILES/CAPITALISM.zip'; location='ZIPFILES/CAPITALISM.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "GAMES") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "GAMES") {
location='ZIPFILES/CAPITALISM.zip'; location='ZIPFILES/CAPITALISM.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "SYNERGY") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "SYNERGY") {
location='ZIPFILES/SINERGY.zip'; location='ZIPFILES/SINERGY.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "DEATH") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "DEATH") {
location='ZIPFILES/DEATH.zip'; location='ZIPFILES/DEATH.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "VIRUS") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "VIRUS") {
location='ZIPFILES/VIRUS.zip'; location='ZIPFILES/VIRUS.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "THEWHOLE") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "THEWHOLE") {
location='ZIPFILES/THEWHOLE.zip'; location='ZIPFILES/THEWHOLE.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "CAT") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "CAT") {
location='https://hub.xpub.nl/sandbot/PrototypingTimes/sketches/Euna/'; location='https://hub.xpub.nl/sandbot/PrototypingTimes/sketches/Euna/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "APPOINTMENT") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "APPOINTMENT") {
location='ZIPFILES/appointment/'; location='ZIPFILES/APPOINTMENT.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "PRAXIS") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "PRAXIS") {
location='ZIPFILES/PRAXIS.zip'; location='ZIPFILES/PRAXIS.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "OFFLINE") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "OFFLINE") {
location='ZIPFILES/OFFLINE.zip'; location='ZIPFILES/offline.zip/';
} //OK } //OK
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "POISON") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "SAVIOR") {
location='ZIPFILES/poison/'; location='ZIPFILES/SAVIOR.zip/';
} }
if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "THISISNOTART") { if (document.querySelector ("input[type='toxt']").value.toUpperCase() === "THISISNOTART") {
location='ZIPFILES/THISISNOTART.zip'; location='ZIPFILES/thisisnotart.zip/';
} }
else { else {

@ -16,7 +16,7 @@
<title>I Don't Know Where We're Going, But..</title> <title>I Don't Know Where We're Going, But..</title>
<!--------------- INPUT CODE ----------------------------------> <!--------------- INPUT CODE ---------------------------------->
<!--
<div class="overlay"> <div class="overlay">
<button id="code-input" value="myimage" onclick="openInput()">Enter code <button id="code-input" value="myimage" onclick="openInput()">Enter code
</button> </button>
@ -24,7 +24,7 @@
<div id="input"> <div id="input">
<input type="toxt" id="fname" name="firstname" placeholder=""> <input type="toxt" id="fname" name="firstname" placeholder="">
</div> </div> -->
<!--------------- PRINT BUTTON (OPTIONAL)-----------------------------> <!--------------- PRINT BUTTON (OPTIONAL)----------------------------->

Binary file not shown.

Before

Width:  |  Height:  |  Size: 849 KiB

@ -1,48 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAUNCHER</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="GIF">
<img src="INTRO.gif" alt="whatever" id="gif"/></div>
<div class="overlay">
<button id="code-input" value="myimage" onclick="openInput()">enter codeword
</button>
</div>
<div id="input">
<input type="text" id="fname" name="firstname" placeholder="">
</div>
<script>
function openInput(){
document.getElementById("input").style.visibility = "visible";
document.getElementById("code-input").style.visibility = "hidden";
document.getElementById("fname").focus();
}
let text = document.querySelector ("input[type='text']");
function checkCode (e) {
if (e.key == "Enter") {
if (document.querySelector ("input[type='text']").value === "codeword") {
location='https://hub.xpub.nl/sandbot/PrototypingTimes/LAUNCHER/louisa%20code/code/index.html';
console.log("codeword works because of checkCode");
} else {
console.log("NO GOOD");
}
}
}
text.addEventListener("keydown", checkCode );
</script>
</body>
</html>

@ -1,99 +0,0 @@
*{
/* Prevent any object from being highlighted upon touch event*/
tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
@font-face {
font-family: "ApfelGrotezk-Regular";
src: url("../ApfelGrotezk-Regular.ttf");
}
.display-none {
display:none;
}
.display-flex {
display:flex;
}
.display-block{
display:block;
}
body{
font-size: 1.5em;
background-color: black;
color: white;
font-family: "ApfelGrotezk-Regular";
}
.overlay{
z-index: 2;
position: fixed;
}
#code-input{
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 0.8em;
}
#code-input:hover{
color: blue;
cursor: pointer;
}
#input{
visibility: hidden;
border: 0;
outline: 0;
background: transparent;
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 0.8em;
}
#fname{
border: 0;
outline: 0;
background: transparent;
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 1em;
}
img { opacity: 1;
z-index: 0;
display: block;
position: fixed;
}
#gif {
visibility: visible;
position: absolute;
height: 50%;
top: 48%;
text-align: center;
left: 50%;
transform: translate(-50%,-50%);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 849 KiB

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAUNCHER</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="overlay">
<a href="https://hub.xpub.nl/sandbot/PrototypingTimes/LAUNCHER/louisa%20code/code/test.zip">GET YOUR BONUS FILES</a>
</div>
</body>
</html>

@ -1,58 +0,0 @@
*{
/* Prevent any object from being highlighted upon touch event*/
tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
@font-face {
font-family: "ApfelGrotezk-Regular";
src: url("../../ApfelGrotezk-Regular.ttf");
}
.display-none {
display:none;
}
.display-flex {
display:flex;
}
.display-block{
display:block;
}
body{
font-size: 1.5em;
background-color: black;
color: white;
font-family: "ApfelGrotezk-Regular";
text-align: center;
}
.overlay{
z-index: 2;
position: fixed;
}
#code-input{
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
}
#input{
visibility: hidden;
}
a{
text-decoration: none;
color: white
}
a:hover{
text-decoration: none;
color: blue;
cursor: pointer;
}

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAUNCHER</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="overlay">
<a href="https://hub.xpub.nl/sandbot/PrototypingTimes/LAUNCHER/louisa%20code/code/test.zip">GET YOUR BONUS FILES</a>
</div>
</body>
</html>

@ -1,58 +0,0 @@
*{
/* Prevent any object from being highlighted upon touch event*/
tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
@font-face {
font-family: "ApfelGrotezk-Regular";
src: url("../../ApfelGrotezk-Regular.ttf");
}
.display-none {
display:none;
}
.display-flex {
display:flex;
}
.display-block{
display:block;
}
body{
font-size: 1.5em;
background-color: black;
color: white;
font-family: "ApfelGrotezk-Regular";
text-align: center;
}
.overlay{
z-index: 2;
position: fixed;
}
#code-input{
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
}
#input{
visibility: hidden;
}
a{
text-decoration: none;
color: white
}
a:hover{
text-decoration: none;
color: blue;
cursor: pointer;
}

Binary file not shown.

@ -1,48 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>LAUNCHER</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="GIF">
<img src="INTRO.gif" alt="whatever" id="gif"/></div>
<div class="overlay">
<button id="code-input" value="myimage" onclick="openInput()">enter codeword
</button>
</div>
<div id="input">
<input type="text" id="fname" name="firstname" placeholder="">
</div>
<script>
function openInput(){
document.getElementById("input").style.visibility = "visible";
document.getElementById("code-input").style.visibility = "hidden";
document.getElementById("fname").focus();
}
let text = document.querySelector ("input[type='text']");
function checkCode (e) {
if (e.key == "Enter") {
if (document.querySelector ("input[type='text']").value === "codeword") {
location='https://hub.xpub.nl/sandbot/PrototypingTimes/LAUNCHER/louisa%20code/code/index.html';
console.log("codeword works because of checkCode");
} else {
console.log("NO GOOD");
}
}
}
text.addEventListener("keydown", checkCode );
</script>
</body>
</html>

@ -1,99 +0,0 @@
*{
/* Prevent any object from being highlighted upon touch event*/
tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
@font-face {
font-family: "ApfelGrotezk-Regular";
src: url("../ApfelGrotezk-Regular.ttf");
}
.display-none {
display:none;
}
.display-flex {
display:flex;
}
.display-block{
display:block;
}
body{
font-size: 1.5em;
background-color: black;
color: white;
font-family: "ApfelGrotezk-Regular";
}
.overlay{
z-index: 2;
position: fixed;
}
#code-input{
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 0.8em;
}
#code-input:hover{
color: blue;
cursor: pointer;
}
#input{
visibility: hidden;
border: 0;
outline: 0;
background: transparent;
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 0.8em;
}
#fname{
border: 0;
outline: 0;
background: transparent;
left: 1em;
bottom: 1em;
border: none;
position: fixed;
background: transparent;
color: white;
font-family: "ApfelGrotezk-Regular";
font-size: 1em;
}
img { opacity: 1;
z-index: 0;
display: block;
position: fixed;
}
#gif {
visibility: visible;
position: absolute;
height: 50%;
top: 48%;
text-align: center;
left: 50%;
transform: translate(-50%,-50%);
}

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.

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.

Binary file not shown.

@ -1,12 +0,0 @@
#textcontainer{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: pink;
font-size: 72px;
text-align: center;
color: red;
}

@ -1,58 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Generated with distribusi https://git.vvvvvvaria.org/varia/distribusi -->
<meta name="generator" content="distribusi" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
.image{max-width: 100%;}
.pdf object{width:640px;height: 640px;}
.dir::before{content:"📁 ";font-size:18px;}
.filename{display:block;font-family:mono;}
.unkown-file::before{content:"📄 ";font-size:18px;}
div{max-width: 640px;display:inline-block;vertical-align:top;margin:1em;padding:1em;}
video {width:640px;max-height:640px;}
@media screen {
@font-face {
font-family: wfdtf;
src: url(Fonts/wftfs-Regular.otf)
}
@font-face {
font-family: EBGaramond;
src: url(Fonts/EBGaramond-Italic.ttf)
}
body {
background-image: none;
min-height: 500px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: black;
margin: 5mm;
color: white;
font-family: monospace;
font-size: 10pt;
text-justify: inter-word;
columns: 3;
}
}
</style>
</head>
<body>
<div id="CURSEUR" class="png"><figure><img class="image" src="CURSEUR.png"><figcaption>CURSEUR.png</figcaption></figure></div>
<div id="HELP" class="png"><figure><img class="image" src="HELP.png"><figcaption>HELP.png</figcaption></figure></div>
<div id="PRINT" class="png"><figure><img class="image" src="PRINT.png"><figcaption>PRINT.png</figcaption></figure></div>
<div id="REFRESH" class="png"><figure><img class="image" src="REFRESH.png"><figcaption>REFRESH.png</figcaption></figure></div>
<a href="../">../</a>
</body>
</html>
Loading…
Cancel
Save