mirror of
https://github.com/byReqz/youtube-landingpage.git
synced 2025-11-03 23:11:30 +00:00
Add files via upload
This commit is contained in:
Nils
GitHub
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];
|
||||||
|
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user