Skip to content

Commit e5a7fb4

Browse files
author
MrStuffmaker
committed
added some test things
1 parent 3b73b4b commit e5a7fb4

File tree

8 files changed

+71
-13
lines changed

8 files changed

+71
-13
lines changed

‎.gitignore‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
/.vscode
22
test.html
33
drugstore.html
4-
apkdata.html
4+
apkdata.html
5+
CNAME
6+
bgtest.html

‎assets/Planet60FPS.mp4‎

63.6 MB
Binary file not shown.

‎assets/PlanetEarthNoText.mp4‎

49.3 MB
Binary file not shown.

‎assets/css/indexdata.css‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.background-container {
2+
position: fixed;
3+
top: 0;
4+
left: 0;
5+
width: 100%;
6+
height: 100%;
7+
z-index: -1;
8+
}
9+
#background-image, #background-video, #final-background {
10+
position: absolute;
11+
top: 0;
12+
left: 0;
13+
width: 100%;
14+
height: 100%;
15+
object-fit: cover;
16+
transition: opacity 2s ease;
17+
}
18+
#background-video, #final-background {
19+
opacity: 0;
20+
@media (max-width: 768px) {
21+
#background-video {
22+
display: none;
23+
}
24+
#background-image {
25+
opacity: 1 !important; /* Ensure the image is always visible on mobile */
26+
}
27+
}
28+
}

‎index.html‎

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="utf-8">
55
<link rel="stylesheet" href="/css/style.css?<?php echo(time());?>">
66
<link rel="stylesheet" href="/css/inputs.scss?<?php echo(time());?>">
7+
<link rel="stylesheet" href="/assets/css/indexdata.css?<?php echo(time());?>">
78
<link rel="shortcut icon" href="/images/search.png" type="image/x-icon">
89
<title>StuffSearch</title>
910
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
@@ -71,15 +72,17 @@
7172
</style>
7273
</head>
7374
<body>
74-
<script>
75-
const bgImage = new Image();
76-
bgImage.src = '/images/background.jpg';
77-
bgImage.onload = () => {
78-
document.body.classList.add("loaded");
79-
};
80-
</script>
8175
<div id="preloader">
8276
<div class="spinner"></div>
77+
</div>
78+
<div class="background-container">
79+
<img id="background-image" src="/images/desktop.png" alt="Initial Background Image">
80+
<video id="background-video"autoplay muted>
81+
<source src="https://cdn.rizzmail.wtf/u/W6ZEpx5DrX3TGJ7.mp4" type="video/mp4">
82+
Your browser does not support the video tag.
83+
</video>
84+
<script src="/js/vidpreload.js"></script>
85+
<img id="final-background" src="/images/desktop.png" alt="Final Background Image">
8386
</div>
8487
<div class="content">
8588
<div class="nav-links-index">
@@ -249,6 +252,6 @@ <h1>
249252
<a href="/privacy" class="privacy-text" target="_blank">Privacy Policy</a>
250253
</div>
251254
</div>
252-
255+
<script>console.log('%cSite sucessfully loaded', 'color: gray; text-decoration: cursive; font-size: 20px;');</script>
253256
</body>
254257
</html>

‎js/csl.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
//Just some cool console logs on site load lol
22
window.addEventListener('load', () => {
3-
console.log('%cWhat the fuck are you doing here???', 'font-weight: bold; font-size: 40px; color: red;');
4-
console.log('%cIf you are interrested in all this visit our discord:', 'color: green; text-decoration: underline; font-size: 28px;');
5-
console.log('%chttps://discord.fish/stuffmaker', 'color: green; text-decoration: underline; font-size: 30px;');
6-
console.log('%cIf you see any errors about blocked_by_client or similar its probably because of your browser policy', 'color: green; text-decoration: cursive; font-size: 20px;');
3+
// console.log('%cWhat the fuck are you doing here???', 'font-weight: bold; font-size: 40px; color: red;');
4+
// console.log('%cIf you are interrested in all this visit our discord:', 'color: green; text-decoration: underline; font-size: 28px;');
5+
console.log('%cJoin the Discord: https://discord.fish/stuffmaker', 'color: green; text-decoration: underline; font-size: 30px;');
6+
77
});

‎js/script.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -100,3 +100,10 @@ function updateSearchAction() {
100100
}
101101

102102
//window.addEventListener("DOMContentLoaded", loadDefaultSearchEngine);
103+
104+
105+
const bgImage = new Image();
106+
bgImage.src = '/images/background.jpg';
107+
bgImage.onload = () => {
108+
document.body.classList.add("loaded");
109+
};

‎js/vidpreload.js‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
document.addEventListener('DOMContentLoaded', function() {
2+
const video = document.getElementById('background-video');
3+
const initialImage = document.getElementById('background-image');
4+
const finalImage = document.getElementById('final-background');
5+
6+
video.addEventListener('canplay', function() {
7+
video.style.opacity = '1';
8+
initialImage.style.opacity = '0';
9+
video.play();
10+
});
11+
12+
video.addEventListener('ended', function() {
13+
video.style.opacity = '0';
14+
finalImage.style.opacity = '1';
15+
});
16+
17+
video.load();
18+
});

0 commit comments

Comments
 (0)