wildebeest
/
hacklabopen
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

first

This commit is contained in:
niko 2022-06-21 12:04:51 +02:00
commit 6616ccbaf7
17 changed files with 471 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ckl.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

81
genghis.css Normal file
View File

@ -0,0 +1,81 @@
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.gen {
background-image: url("genghis.png");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@font-face {
font-family: "neon";
src: url("neon.ttf");
}
a {
text-decoration: none;
outline: none;
}
.container {
display: block;
position: fixed;
top: 7em; left: 0em;
}
.neon {
font-family: neon;
color: #FB4264;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #F40A35;
}
.flux {
font-family: neon;
color: #426DFB;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #2356FF;
}
.neon {
animation: neon 1s ease infinite;
-moz-animation: neon 1s ease infinite;
-webkit-animation: neon 1s ease infinite;
}
@keyframes neon {
0%,
100% {
text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
color: #FED128;
}
50% {
text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
color: #806914;
}
}
.flux {
animation: flux 2s linear infinite;
-moz-animation: flux 2s linear infinite;
-webkit-animation: flux 2s linear infinite;
-o-animation: flux 2s linear infinite;
}
@keyframes flux {
0%,
100% {
text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
color: #28D7FE;
}
50% {
text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
color: #146C80;
}
}

19
genghis.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="genghis.css">
<title></title>
</head>
<body>
<div class="gen"></div>
<div class="container">
<a href="">
<div class="neon">FORWARD</div>
</a>
<a href="video.html">
<div class="flux">BACK</div>
</a>
</div>
</body>
</html>

BIN
genghis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 651 KiB

75
gifs.css Normal file
View File

@ -0,0 +1,75 @@
body {
background-color: black;
}
.gifs {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 2em;
}
@font-face {
font-family: "neon";
src: url("neon.ttf");
}
a {
text-decoration: none;
outline: none;
}
.container {
display: block;
position: fixed;
top: 7em; left: 0em;
}
.neon {
font-family: neon;
color: #FB4264;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #F40A35;
}
.flux {
font-family: neon;
color: #426DFB;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #2356FF;
}
.neon {
animation: neon 1s ease infinite;
-moz-animation: neon 1s ease infinite;
-webkit-animation: neon 1s ease infinite;
}
@keyframes neon {
0%,
100% {
text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
color: #FED128;
}
50% {
text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
color: #806914;
}
}
.flux {
animation: flux 2s linear infinite;
-moz-animation: flux 2s linear infinite;
-webkit-animation: flux 2s linear infinite;
-o-animation: flux 2s linear infinite;
}
@keyframes flux {
0%,
100% {
text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
color: #28D7FE;
}
50% {
text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
color: #146C80;
}
}

44
gifs.html Normal file
View File

@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="gifs.css">
<title></title>
</head>
<body>
<div class="container">
<a href="video.html">
<div class="neon">FORWARD</div>
</a>
<a href="neon.html">
<div class="flux">BACK</div>
</a>
</div>
<div class="gifs">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="script.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
<img src="mehtest.gif" alt="">
</div>
</body>
</html>

BIN
mehtest.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

86
neon.css Normal file
View File

@ -0,0 +1,86 @@
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.ckl {
background-image: url("ckl.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@font-face {
font-family: "neon";
src: url("neon.ttf");
}
a {
text-decoration: none;
outline: none;
}
.container {
display: block;
position: fixed;
top: 7em; left: 0em;
}
.neon {
font-family: neon;
color: #FB4264;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #F40A35;
}
.flux {
font-family: neon;
color: #426DFB;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #2356FF;
}
.neon {
animation: neon 1s ease infinite;
-moz-animation: neon 1s ease infinite;
-webkit-animation: neon 1s ease infinite;
}
@keyframes neon {
0%,
100% {
text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
color: #FED128;
}
50% {
text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
color: #806914;
}
}
.flux {
animation: flux 2s linear infinite;
-moz-animation: flux 2s linear infinite;
-webkit-animation: flux 2s linear infinite;
-o-animation: flux 2s linear infinite;
}
@keyframes flux {
0%,
100% {
text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
color: #28D7FE;
}
50% {
text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
color: #146C80;
}
}
/*
https://freefrontend.com/css-glow-text-effects/
https://codepen.io/Trinca/pen/NAvpWa
*/

17
neon.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="neon.css">
<title></title>
</head>
<body>
<div class="ckl"></div>
<div class="container">
<a href="gifs.html">
<div class="neon">HACKLAB</div>
</a>
<div class="flux">OPEN</div>
</div>
</body>
</html>

BIN
neon.ttf Normal file
View File

Binary file not shown.

14
print.css Normal file
View File

@ -0,0 +1,14 @@
body {
font-family: monospace;
}
p {
font-size: 25px;
}
img {
max-width: 100%;
}
@media (max-width: 670px) {
p {
font-size: 14px;
}
}

36
print.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="print.css">
<title></title>
</head>
<body>
<h1>BOOKLET</h1>
<a href="#">a6simondon.pdf</a>
<p>
pdfnup --nup 4x1 --papersize '{148mm, <br>
420mm}' a6testbooklet.pdf 16,1,4,13 <br>
pdfnup --nup 4x1 --papersize '{148mm, <br>
420mm}' a6testbooklet.pdf 14,3,2,15 <br>
<br>
pdfnup --nup 4x1 --papersize '{148mm, <br>
420mm}' a6testbooklet.pdf 10,7,6,11 <br>
pdf180 a6testbooklet-10,7,6,11-nup.pdf <br>
<br>
pdfnup --nup 4x1 --papersize '{148mm, <br>
420mm}' a6testbooklet.pdf 12,5,8,9 <br>
pdf180 a6testbooklet-12,5,8,9-nup.pdf <br>
<br>
pdfunite a6testbooklet-16,1,4,13-nup.pdf <br>
a6testbooklet-12,5,8,9-nup-rotate180.pdf <br>
a6testbooklet-14,3,2,15-nup.pdf <br>
a6testbooklet-10,7,6,11-nup-rotate180.pdf <br>
a6tmp.pdf <br>
<br>
pdfnup --nup 1x2 a6tmp.pdf
</p>
<img src="a77.png" alt="">
<img src="a78.png" alt="">
</body>
</html>

BIN
script.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
simondon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

78
video.css Normal file
View File

@ -0,0 +1,78 @@
video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translate(-50%, -50%);
}
@font-face {
font-family: "neon";
src: url("neon.ttf");
}
a {
text-decoration: none;
outline: none;
}
.container {
display: block;
position: fixed;
top: 7em; left: 0em;
}
.neon {
font-family: neon;
color: #FB4264;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #F40A35;
}
.flux {
font-family: neon;
color: #426DFB;
font-size: 4vw;
line-height: 4vw;
text-shadow: 0 0 3vw #2356FF;
}
.neon {
animation: neon 1s ease infinite;
-moz-animation: neon 1s ease infinite;
-webkit-animation: neon 1s ease infinite;
}
@keyframes neon {
0%,
100% {
text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
color: #FED128;
}
50% {
text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
color: #806914;
}
}
.flux {
animation: flux 2s linear infinite;
-moz-animation: flux 2s linear infinite;
-webkit-animation: flux 2s linear infinite;
-o-animation: flux 2s linear infinite;
}
@keyframes flux {
0%,
100% {
text-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
color: #28D7FE;
}
50% {
text-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
color: #146C80;
}
}

21
video.html Normal file
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="video.css">
<title></title>
</head>
<body>
<div class="container">
<a href="genghis.html">
<div class="neon">FORWARD</div>
</a>
<a href="gifs.html">
<div class="flux">BACK</div>
</a>
</div>
<video autoplay muted loop id="myVideo">
<source src="video.mp4" type="video/mp4">
</video>
</body>
</html>

BIN
video.mp4 Normal file
View File

Binary file not shown.