mirror of
https://github.com/byReqz/youtube-landingpage.git
synced 2024-12-25 00:41:47 +00:00
Add files via upload
This commit is contained in:
Nils
GitHub
parent
7922be925e
commit
36f20deb0e
3340
animate.css
vendored
Normal file
3340
animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
34
index.html
Normal file
34
index.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
|
||||
<title>byReqz.de</title>
|
||||
<meta name="description" content="Website von byReqz">
|
||||
<link rel="icon" type="image/ico" href="index.html">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="animate.css">
|
||||
<script src="title.js"></script>
|
||||
<script src="jquery.js"></script>
|
||||
<script src="marquee.js"></script>
|
||||
<script src="main.js"></script>
|
||||
<script src="randombg.js"></script>
|
||||
|
||||
<body>
|
||||
<div class="backgroundvideo1" style="position: fixed; z-index: -99; width: 100%; height: 100%">
|
||||
<iframe frameborder="0" height="100%" width="100%"
|
||||
src="https://www.youtube.com/embed/zA3eTLvmN1k?autoplay=1&controls=0&showinfo=0&autohide=1">
|
||||
</iframe>
|
||||
</div>
|
||||
<div id="center">
|
||||
<div class="animated fadeInDown">
|
||||
<pre style="font-size: 25px">byReqz</pre>
|
||||
</div>
|
||||
<div class="animated fadeIn">
|
||||
</div>
|
||||
<div class="animated fadeInUp">
|
||||
<pre><a href="https://github.com/byreqz/glitch-landingpage2">back to Github</a></pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
4
jquery.js
vendored
Normal file
4
jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
17
main.js
Normal file
17
main.js
Normal file
@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Error 404 - Page Not Found</title>
|
||||
<meta http-equiv="Refresh" content="1;url=http://www.hostinger.de/fehler_404" />
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-66279436-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
window.location = "http://www.hostinger.de/fehler_404";
|
||||
</script>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
5
marquee.js
Normal file
5
marquee.js
Normal file
File diff suppressed because one or more lines are too long
28
randombg.js
Normal file
28
randombg.js
Normal file
@ -0,0 +1,28 @@
|
||||
randomNumber = Math.floor(Math.random()*4+1);
|
||||
|
||||
window.onload = function() {
|
||||
if (randomNumber == 1) {
|
||||
document.getElementById("backgroundvideo1").style.display = "inline";
|
||||
document.getElementById("backgroundvideo2").style.display = "none";
|
||||
document.getElementById("backgroundvideo3").style.display = "none";
|
||||
document.getElementById("backgroundvideo4").style.display = "none";
|
||||
}
|
||||
if (randomNumber == 2) {
|
||||
document.getElementById("backgroundvideo1").style.display = "none";
|
||||
document.getElementById("backgroundvideo2").style.display = "inline";
|
||||
document.getElementById("backgroundvideo3").style.display = "none";
|
||||
document.getElementById("backgroundvideo4").style.display = "none";
|
||||
}
|
||||
if (randomNumber == 3) {
|
||||
document.getElementById("backgroundvideo1").style.display = "none";
|
||||
document.getElementById("backgroundvideo2").style.display = "none";
|
||||
document.getElementById("backgroundvideo3").style.display = "inline";
|
||||
document.getElementById("backgroundvideo4").style.display = "none";
|
||||
}
|
||||
if (randomNumber == 4) {
|
||||
document.getElementById("backgroundvideo1").style.display = "none";
|
||||
document.getElementById("backgroundvideo2").style.display = "none";
|
||||
document.getElementById("backgroundvideo3").style.display = "none";
|
||||
document.getElementById("backgroundvideo4").style.display = "inline";
|
||||
}
|
||||
}
|
||||
60
style.css
Normal file
60
style.css
Normal file
@ -0,0 +1,60 @@
|
||||
body {
|
||||
/* background: url(https://i.imgur.com/4003cn5.gif) no-repeat center center fixed; */
|
||||
background-color: black;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-ms-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
font-family: monospace;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
text-shadow: 1px 1px 0px rgba(8,230,255,100), -1px -1px 0px rgba(255,0,0,100);
|
||||
}
|
||||
pre {
|
||||
text-align: center;
|
||||
font-family: monospace;
|
||||
}
|
||||
p {
|
||||
text-align: center;
|
||||
font-family: monospace;
|
||||
}
|
||||
#center {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-moz-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
-o-transform: translate(-50%, -50%);
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#marquee {
|
||||
width: 400px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin-bottom: -3px;
|
||||
}
|
||||
video {
|
||||
position: fixed;
|
||||
top:50%;
|
||||
left:50%;
|
||||
min-width:100%;
|
||||
min-height:100%;
|
||||
width:auto;
|
||||
height:auto;
|
||||
z-index: -100;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
background-size: cover;
|
||||
}
|
||||
25
title.js
Normal file
25
title.js
Normal file
@ -0,0 +1,25 @@
|
||||
if(document.addEventListener){
|
||||
document.addEventListener("DOMContentLoaded", function(){
|
||||
loaded();
|
||||
});
|
||||
} else if(document.attachEvent){
|
||||
document.attachEvent("onreadystatechange", function(){
|
||||
loaded();
|
||||
});
|
||||
}
|
||||
|
||||
function loaded(){
|
||||
|
||||
setInterval(loop, 600);
|
||||
|
||||
}
|
||||
|
||||
var x = 0;
|
||||
|
||||
var titleText = [ "b", "by", "byR", "byRe", "byReq", "byReqz", "byReqz.d", "byReqz.de" ];
|
||||
|
||||
function loop(){
|
||||
|
||||
document.getElementsByTagName("title")[0].innerHTML = titleText[x++%titleText.length];
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user