mirror of
https://github.com/2004content/rarbg.git
synced 2025-03-08 10:09:51 +00:00
Create html.txt
skeleton code
This commit is contained in:
parent
9855ca660e
commit
74a082a284
92
search/html.txt
Normal file
92
search/html.txt
Normal 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>
|
Loading…
Reference in a new issue