mirror of
https://github.com/IdleEndeavor/gamesearch.git
synced 2025-04-29 14:14:31 +02:00
dea683022f
Updated engine switcher on desktop Minor tweaks to search bar and results Updated classes and ids for easier editing and reference in the future Updated and simplified meta-tags
171 lines
7.8 KiB
HTML
171 lines
7.8 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>Rave Game Search</title>
|
|
|
|
<link rel="stylesheet" href="css/index.css">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link href="img/favicon.png" rel="shortcut icon">
|
|
|
|
<meta name="title" content="Rave Game Search"/>
|
|
<meta name="description" content="Find the safest free download links to your favourite Video Games"/>
|
|
<meta name="theme-color" content="#F63F4D">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:url" content="https://ravegamesearch.pages.dev/"/>
|
|
<meta property="og:title" content="Rave Game Search"/>
|
|
<meta property="og:description" content="Find the safest free download links to your favourite Video Games"/>
|
|
<meta property="og:image" content="https://ravegamesearch.pages.dev/img/ravesearch.png"/>
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary_large_image"/>
|
|
<meta property="twitter:url" content="https://ravegamesearch.pages.dev/"/>
|
|
<meta property="twitter:title" content="Rave Game Search"/>
|
|
<meta property="twitter:description" content="Find the safest free download links to your favourite Video Games"/>
|
|
<meta property="twitter:image" content="https://ravegamesearch.pages.dev/img/ravesearch.png"/>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
|
|
<!-- Desktop Engine Switcher -->
|
|
<div class="engine-swticher">
|
|
<a href="https://ravegamesearch.pages.dev" id="primary">Game Search</a>
|
|
<a href="https://ravebooksearch.com">Book Search</a>
|
|
<a href="https://ravesoftwaresearch.pages.dev">Software Search</a>
|
|
</div>
|
|
|
|
<!-- Mobile engine switcher -->
|
|
<div class="m-engine-switcher">
|
|
<a href="https://ravegamesearch.pages.dev" id="m-primary" class="toggle-btn">Games</a>
|
|
<a href="https://ravebooksearch.com" class="toggle-btn">Books</a>
|
|
<a href="https://ravesoftwaresearch.pages.dev" class="toggle-btn">Software</a>
|
|
</div>
|
|
|
|
<!-- Notification Centre -->
|
|
<div class="notification-zone">
|
|
<!-- First Item: Donation message and button-->
|
|
<div class="item">
|
|
<div id="donate-button-container">
|
|
<a class="tips">If you think this website has helped you, please consider donating...</a>
|
|
<div id="donate-button"></div>
|
|
<!-- Script for Donation button, provided by PayPal -->
|
|
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
|
|
<script>
|
|
PayPal.Donation.Button({
|
|
env:'production',
|
|
hosted_button_id:'XMFZ3K79YGDFG',
|
|
image: {
|
|
src:'https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif',
|
|
alt:'Donate with PayPal button',
|
|
title:'PayPal - The safer, easier way to pay online!',
|
|
}
|
|
}).render('#donate-button');
|
|
</script>
|
|
</div>
|
|
<span class="close-btn">X</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>It is recommended to use an AdBlocker such as uBlock Origin when visiting download pages.</span>
|
|
<span class="close-btn">X</span>
|
|
</div>
|
|
<div class="item">
|
|
<span>If the search result is a website homepage, it indicates that the website hosts the game, and you may need to search within the site to locate the download page.</span>
|
|
<span class="close-btn">X</span>
|
|
</div>
|
|
</div>
|
|
<!-- Notification Centre javascript, controls cross-refresh hiding of items -->
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
// Retrieve hidden items from localStorage
|
|
let hiddenItems = JSON.parse(localStorage.getItem("hiddenItems")) || [];
|
|
|
|
// Get all items
|
|
const items = document.querySelectorAll(".notification-zone .item");
|
|
|
|
// Loop through items and add 'hidden' class if in hiddenItems array
|
|
items.forEach(item => {
|
|
if (hiddenItems.includes(item.textContent.trim())) {
|
|
item.classList.add("hidden");
|
|
}
|
|
});
|
|
|
|
// Add click event listener to close buttons
|
|
const closeButtons = document.querySelectorAll(".notification-zone .close-btn");
|
|
closeButtons.forEach(button => {
|
|
button.addEventListener("click", function() {
|
|
const item = this.parentNode;
|
|
item.classList.add("hidden");
|
|
|
|
// Add item text to hiddenItems array
|
|
const itemName = item.textContent.trim();
|
|
if (!hiddenItems.includes(itemName)) {
|
|
hiddenItems.push(itemName);
|
|
}
|
|
|
|
// Save updated hiddenItems array to localStorage
|
|
localStorage.setItem("hiddenItems", JSON.stringify(hiddenItems));
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!-- Search Box, logo banner and advertisement-->
|
|
<div class="maindiv">
|
|
<div class="searchlogo">
|
|
<img id="searchlogo" class="searchlogo" src="img/search-logo.png" onclick="location.href='index.html';">
|
|
<!-- Script to cycle between banner images with a fade effect in between -->
|
|
<script>
|
|
var images = ['img/search-logo.png', 'img/search-logo-2.png'];
|
|
var index = 0;
|
|
var logo = document.getElementById("searchlogo");
|
|
|
|
function changeImage() {
|
|
logo.style.opacity = 0; // Start fade out
|
|
setTimeout(function() {
|
|
index = (index + 1) % images.length; // Loop back to the first image
|
|
logo.src = images[index];
|
|
logo.style.opacity = 1; // Fade back in
|
|
}, 1000); // Match this timeout with the CSS transition duration
|
|
}
|
|
|
|
setInterval(changeImage, 6000); // Changes image every 6 seconds
|
|
</script>
|
|
</div>
|
|
<!-- Search engine code, partially provided by Google -->
|
|
<script>
|
|
(function() {
|
|
var cx = "001315572920893299880:p3yigpygfny";
|
|
var gcse = document.createElement("script");
|
|
gcse.type = "text/javascript";
|
|
gcse.async = true;
|
|
gcse.src = "https://cse.google.com/cse.js?cx=" + cx;
|
|
var s = document.getElementsByTagName("script")[0];
|
|
s.parentNode.insertBefore(gcse, s);
|
|
})();
|
|
window.onload = function()
|
|
{
|
|
var searchBox = document.getElementById("gsc-i-id1");
|
|
searchBox.placeholder="Search for your favourite Games";
|
|
searchBox.title="Rave Game Search Engine";
|
|
}
|
|
</script>
|
|
<gcse:search class="searchbox"></gcse:search>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Left Corner Box, formerly Games Found Counter -->
|
|
<div class="corner-box">
|
|
<img src="">
|
|
</div>
|
|
|
|
<!-- Terms of Use, Privacy Policy and GitHub Link -->
|
|
<div class="terms">
|
|
<a href="https://github.com/IdleEndeavor/gamesearch">GitHub</a>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |