Mirrors/gamesearch
1
0
Fork 0
mirror of https://github.com/IdleEndeavor/gamesearch.git synced 2025-04-29 14:14:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

3.5.0

Browse Source 
Redesign of Mobile UI

Ported Engine switcher over to mobile
Re-added link to Github page
Made the search bar and search logo more responsive and prominent
Updated ReadMe
This commit is contained in:
IdleEndeavor 2024-07-13 22:02:17 +01:00
parent 740b0b7cf5
commit c8280bebf7
5 changed files with 100 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

3
README.md
View File

@ -3,13 +3,14 @@ Rave Game Seach Engine assists users in discovering free Video Game downloads.
We only use sources deemed safe by the wider Video Game piracy communities on the r/piracy and r/PiratedGames megathreads.
![Screenshot of Rave Game Search Engine Homepage](img/ravesearch.png)
![Screenshot of Rave Game Search Engine Mobile Homepage](img/ravesearch-mobile.png)
# Features
- Assists in the finding of free Video Game download links
- Only indexes links confirmed to be virus-free.
- Supports direct searches via browser address bars
- Uses Google search indexing to provide results quickly
- Simple UI for easy use
- Simple and responsive UI for easy use
# Setting-up Direct URL Search
1. Visit the Search Engine settings on your browser

130
css/index.css
View File

@ -6,10 +6,18 @@
font-style: normal;
}
:root {
--bg-color: #121212;
--text-color: #ffffff;
--primary-color: #F63F4D;
--secondary-color: #f63f4e78;
}
body {
margin: 0;
padding: 0;
background-color: #121212;
background-color: var(--bg-color);
height: 100%;
font-family: Roboto;
}
@ -36,7 +44,7 @@ body {
}
.tips {
color: white;
color: var(--text-color);
}
/* Fade animation for banner images */
@ -60,7 +68,7 @@ body {
.engine-swticher a {
padding: 5px;
font-size: 20px;
color: white;
color: var(--text-color);
text-decoration: none;
}
@ -78,7 +86,7 @@ body {
.engine-swticher-2 .item {
position: relative;
color: white; /* Text color */
color: var(--text-color); /* Text color */
padding: 10px;
margin-bottom: 10px; /* Space between items */
border: 5px solid white; /* White border */
@ -98,11 +106,11 @@ body {
top: 5px;
right: 5px;
cursor: pointer;
color: white;
color: var(--text-color);
}
/* .engine-swticher-2 .item:hover {
background-color: #F63F4D; /* Darker background on hover
background-color: var(--primary-color); /* Darker background on hover
color: #000000;
} */
@ -126,7 +134,7 @@ body {
padding: 5px;
font-size: 16px;
width: 20%;
color: white;
color: var(--text-color);
text-decoration: none;
}
@ -143,7 +151,7 @@ body {
.terms a {
padding: 5px;
font-size: 16px;
color: white;
color: var(--text-color);
text-decoration: none;
}
@ -151,8 +159,8 @@ body {
/* search button */
.gsc-search-button .gsc-search-button-v2 {
border-radius: 50%;
border-color: #F63F4D;
background-color: #F63F4D;
border-color: var(--primary-color);
background-color: var(--primary-color);
height: 45px;
width: 45px;
margin: auto;
@ -162,10 +170,10 @@ body {
/* search input box */
.gsc-input-box input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-radius: 20px !important; /* rounded corner */
border-color: #F63F4D !important;
border-color: var(--primary-color) !important;
border-width: 5px !important;
background-color: #121212 !important; /* inner background colour */
color: white;
background-color: var(--bg-color) !important; /* inner background colour */
color: var(--text-color);
font-family: 'Roboto';
font-size: 20px;
}
@ -206,7 +214,7 @@ body {
}
/* colours result titles white (including visited results) */
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: white !important;
color: var(--text-color) !important;
font-size: 20px;
}
/* styles URL under result titles */
@ -216,8 +224,8 @@ body {
}
/* colouring of search result background and border */
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
background-color: #121212 !important;
border-color: #F63F4D !important;
background-color: var(--bg-color) !important;
border-color: var(--primary-color) !important;
border: none !important;
padding-bottom: 5px !important;
}
@ -227,24 +235,24 @@ body {
}
/* Styles pagination switcher */
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #F63F4D !important;
border-color: var(--primary-color) !important;
border-radius: 50% !important;
background-color: transparent !important;
color: white !important;
color: var(--text-color) !important;
padding: 5px 10px !important;
margin: 5px;
}
/* Styles active page pagination switcher */
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #F63F4D !important;
color: #F63F4D !important;
border-bottom: 2px solid #F63F4D !important;
border-color: var(--primary-color) !important;
color: var(--primary-color) !important;
border-bottom: 2px solid var(--primary-color) !important;
padding: 5px 10px !important;
}
.gsc-results .gsc-cursor {
color: #F63F4D !important;
fill: #F63F4D !important;
color: var(--primary-color) !important;
fill: var(--primary-color) !important;
}
/* makes pagination switcher background transparent */
.gsc-results {
@ -252,20 +260,20 @@ body {
}
/* colours search phrase clear button */
.gsst_a .gscb_a {
color: #F63F4D !important;
color: var(--primary-color) !important;
cursor: pointer;
}
/* styles sizing and colouring of autocomplete suggestions */
.gsc-completion-container {
color: white !important;
border-color: #F63F4D !important;
color: var(--text-color) !important;
border-color: var(--primary-color) !important;
border-radius: 10px !important;
padding: 10px !important;
}
/* styles autocomplete suggestion when hovered */
.gssb_a:hover {
background: #F63F4D !important;
color: white !important;
background: var(--primary-color) !important;
color: var(--text-color) !important;
}
/* removes border-line below filters switcher and removes border on mobile view */
.gsc-refinementsArea {
@ -275,19 +283,19 @@ body {
}
/* changes colour of scrollable gradient in mobile view */
.gsc-refinementsGradient {
background: linear-gradient(to left,#F63F4D,rgba(255,255,255,0)) !important;
background: linear-gradient(to left,var(--primary-color),rgba(255,255,255,0)) !important;
}
/* styles inactive filter tabs */
.gsc-tabHeader.gsc-tabhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
color: white !important;
border-color: #121212 !important;
background-color: #121212 !important;
color: var(--text-color) !important;
border-color: var(--bg-color) !important;
background-color: var(--bg-color) !important;
}
/* styles active filter tabs */
.gsc-tabHeader.gsc-tabhActive, .gsc-refinementHeader.gsc-refinementhActive {
color: #F63F4D !important;
border-color: #F63F4D !important;
background-color: #121212 !important;
color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
background-color: var(--bg-color) !important;
}
/* styles tags on search results */
.gsc-control-cse .gsc-table-result {
@ -313,6 +321,40 @@ body {
display: none !important;
}
.toggle-container {
display: none; /* Initially hide the toggle container */
position: fixed;
justify-content: center;
top: 15px;
left: 50%;
transform: translateX(-50%);
border-radius: 50px;
z-index: 1000;
width: 80%;
padding: 0 10px;
}
.toggle-btn {
display: inline-block;
padding: 10px 20px;
color: var(--text-color);
text-decoration: none;
border-radius: 20px;
border-width: 5px;
transition: background-color 0.3s ease;
text-align: center;
box-sizing: border-box;
}
#primary {
background-color: var(--primary-color);
color: var(--text-color);
}
.toggle-btn:hover {
background-color: var(--secondary-color);
}
/* Screen-size dependant options */
@media (max-width: 1000px) {
.maindiv {
@ -320,21 +362,21 @@ body {
position: relative;
text-align: left;
top: 25%;
width: 80%;
width: 90%;
}
.maindiv img {
max-width: 75%;
}
.terms {
display: none;
max-width: 90%;
}
.engine-swticher {
display: none;
}
.toggle-container {
display: flex;
}
.engine-switcher-2 {
display: none;
}
@ -343,6 +385,12 @@ body {
display: none;
}
/* search input box */
.gsc-input-box input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-radius: 50px !important; /* rounded corner */
margin-right: 5px !important;
}
.games-found {
display: none;
}

BIN
img/ravesearch-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

8
index.html
View File

@ -22,6 +22,7 @@
</head>
<body>
<div class="container">
<!-- Engine Switcher -->
<div class="engine-swticher">
<a href="https://ravegamesearch.pages.dev">> Game Search</a>
@ -29,6 +30,12 @@
<a href="https://ravesoftwaresearch.pages.dev">Software Search</a>
</div>
<div class="toggle-container">
<a href="https://ravegamesearch.pages.dev" id="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="engine-swticher-2">
<!-- First Item: Donation message and button-->
@ -96,6 +103,7 @@
});
});
</script>
<!-- Search Box, logo banner and advertisement-->
<div class="maindiv">
<div class="searchlogo">