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