Create html.txt

skeleton code
This commit is contained in:
cichy45 2023-06-03 22:37:18 +02:00 committed by GitHub
parent 9855ca660e
commit 74a082a284
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

92
search/html.txt Normal file
View file

@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
.search-bar {
margin-bottom: 20px;
}
.link {
margin-bottom: 10px;
}
.loading-screen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 1s ease;
z-index: 1000;
}
.loading-screen.hidden {
opacity: 0;
visibility: hidden;
}
.loading-spinner {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid blue;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div id="loading-screen" class="loading-screen">
<div class="loading-spinner"></div>
</div>
<input type="text" id="search-bar" class="search-bar" placeholder="Search for a link...">
<button onclick="window.location.href='web.html'">Load Movies WebRip links</button>
<button onclick="window.location.href='bluray.html'">Load Movies BluRay links</button>
<button onclick="window.location.href='showsrarbg.html'">Load RARBG shows links</button>
<button onclick="window.location.href='showsother.html'">Load other shows links</button>
<div id="link-list">
</div>
<script>
window.addEventListener('load', function() {
const loadingScreen = document.getElementById('loading-screen');
loadingScreen.classList.add('hidden');
});
const searchBar = document.getElementById('search-bar');
const linkList = document.getElementById('link-list');
const links = Array.from(linkList.getElementsByClassName('link'));
searchBar.addEventListener('input', function() {
var searchValue = searchBar.value.toLowerCase().replace(/\*/g, '.*');
var regex = new RegExp(searchValue);
for (var i = 0; i < links.length; i++) {
var currentLink = links[i];
var linkText = currentLink.textContent.toLowerCase();
if (linkText.match(regex)) {
currentLink.style.display = '';
} else {
currentLink.style.display = 'none';
}
}
}
);
</script>
</body>
</html>