new
parent
67b54e2b6c
commit
cca55951ed
@ -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.
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…
Reference in New Issue