mirror of
https://github.com/IdleEndeavor/gamesearch.git
synced 2025-04-29 22:24:33 +02:00
Complete Rave Search UI ReWrite
UI is more intuitive and minimal. All CSS and Javascript clutter has been removed. Website is now 65% faster.
This commit is contained in:
IdleEndeavor
parent
966fb5379c
commit
c8c58b123c
597
css/index.css
597
css/index.css
@ -1,7 +1,6 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Poiret+One|Varela+Round);
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
|
||||
html, body {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #121212;
|
||||
@ -9,198 +8,193 @@ html, body {
|
||||
font-family: Roboto;
|
||||
}
|
||||
|
||||
.maindiv {
|
||||
.container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Search Bar and Logo Container Div */
|
||||
.maindiv {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
top: 25%;
|
||||
width: 50%;
|
||||
}
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.maindiv img {
|
||||
max-width: 50%;
|
||||
}
|
||||
.maindiv img {
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.searchlogo {
|
||||
.searchlogo {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* Search Engine Switcher */
|
||||
.engine-swticher {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
flex-direction: column;
|
||||
font-family: roboto;
|
||||
margin: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.engine-swticher a {
|
||||
padding: 5px;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Games Found Counter */
|
||||
.games-found {
|
||||
display: flex;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
flex-direction: column;
|
||||
font-family: roboto;
|
||||
margin: 10px;
|
||||
width: fit-content;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.games-found a {
|
||||
padding: 5px;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Terms of Use, Privacy Policy and GitHub Link */
|
||||
.terms {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
font-family: roboto;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.terms a {
|
||||
padding: 5px;
|
||||
font-size: 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Search Box */
|
||||
.searchbox {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.search {
|
||||
text-align: centre;
|
||||
padding-top: 150px;
|
||||
width: 60%;
|
||||
margin: 0 auto 0 auto;
|
||||
animation: slidein 0.3s ease;
|
||||
}
|
||||
|
||||
.search img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
height: auto;
|
||||
margin-bottom: -30px;
|
||||
animation: slidein 0.3s ease;
|
||||
}
|
||||
|
||||
/* search button */
|
||||
.gsc-search-button .gsc-search-button-v2 {
|
||||
border-radius: 50%;
|
||||
border-color: #F63F4D;
|
||||
background-color: #F63F4D;
|
||||
font-family: 'Roboto';
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
margin: auto;
|
||||
padding:10px !important;
|
||||
box-shadow: 0 0 10px black;
|
||||
}
|
||||
|
||||
/* search input box */
|
||||
.gsc-input-box input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
|
||||
border-radius: 20px !important;
|
||||
border-radius: 20px !important; /* rounded corner */
|
||||
border-color: #F63F4D !important;
|
||||
border-width: 5px !important;
|
||||
background-color: #121212 !important;
|
||||
background-color: #121212 !important; /* inner background colour */
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
input.gsc-input {
|
||||
margin: auto 10px auto 10px !important;
|
||||
border-radius: 0px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* searchbox outer shadow */
|
||||
.gsc-input-box {
|
||||
box-shadow: 0 0 10px black;
|
||||
}
|
||||
|
||||
button.gsc-search-button {
|
||||
padding:10px !important;
|
||||
background-color: #F63F4D;
|
||||
box-shadow: 0 0 10px black;
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.gsc-result-info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gs-webResult {
|
||||
padding: 1.5em;
|
||||
}
|
||||
|
||||
.gsc-thumbnail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gsc-cursor-page {
|
||||
font-size: 1.5em;
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
|
||||
.gs-snippet {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gs-title a {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.gcsc-more-maybe-branding-root {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gsc-orderby {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gsc-snippet-metadata {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* resets colour of white box behind searchbox */
|
||||
.gsc-control-cse {
|
||||
background-color: transparent !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
/* gets rid of 'x results in x seconds' text */
|
||||
.gsc-result-info {
|
||||
display: none;
|
||||
}
|
||||
/* gets rid of images gathered from indexed results */
|
||||
.gsc-thumbnail {
|
||||
display: none;
|
||||
}
|
||||
/* results pagination design */
|
||||
.gsc-cursor-page {
|
||||
font-size: 1.5em;
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
/* gets rid of description gathered from indexed results */
|
||||
.gs-snippet {
|
||||
display: none;
|
||||
}
|
||||
/* 'search on google for x' text remover */
|
||||
.gcsc-more-maybe-branding-root {
|
||||
display: none;
|
||||
}
|
||||
/* sort-by option remover */
|
||||
.gsc-orderby {
|
||||
display: none;
|
||||
}
|
||||
/* 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;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* styles URL under result titles */
|
||||
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
|
||||
color: green !important;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* colouring of search result background and border */
|
||||
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
|
||||
background-color: #121212 !important;
|
||||
border-color: #F63F4D !important;
|
||||
}
|
||||
|
||||
.gsc-webResult.gsc-result {
|
||||
border: none !important;
|
||||
border-bottom: 5px solid #F63F4D !important;
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
|
||||
/* colouring of upper border on search results */
|
||||
.gsc-above-wrapper-area {
|
||||
border-bottom: black !important;
|
||||
}
|
||||
|
||||
.gsc-cursor-box .gs-bidi-start-align {
|
||||
background-color: black !important;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.gsc-results .gsc-cursor-box {
|
||||
margin: 15px !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.gs-spelling .gs-spelling-original {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* styles pagination switcher */
|
||||
.gsc-results .gsc-cursor-box .gsc-cursor-page {
|
||||
border-color: #F63F4D !important;
|
||||
border-radius: 50% !important;
|
||||
background-color: transparent !important;
|
||||
color: #F63F4D !important;
|
||||
color: white !important;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/* styles active page pagination switcher */
|
||||
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
|
||||
border-color: #F63F4D !important;
|
||||
background-color: #F63F4D !important;
|
||||
color: white !important;
|
||||
border: 5px solid #F63F4D !important;
|
||||
border-radius: 20px !important;
|
||||
color: #F63F4D !important;
|
||||
border-bottom: 2px solid #F63F4D !important;
|
||||
border-radius: 0px !important;
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
|
||||
/* adds padding above pagination switcher */
|
||||
.gsc-results .gsc-cursor-box {
|
||||
margin: 20px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.gsc-results .gsc-cursor {
|
||||
color: #F63F4D !important;
|
||||
fill: #F63F4D !important;
|
||||
}
|
||||
/* makes pagination switcher background transparent */
|
||||
.gsc-results {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.gsc-adBlock {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* colours search phrase clear button */
|
||||
.gsst_a .gscb_a {
|
||||
color: #F63F4D !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gsc-results .gsc-cursor {
|
||||
fill: white !important;
|
||||
}
|
||||
|
||||
/* styles sizing and colouring of autocomplete suggestions */
|
||||
.gsc-completion-container {
|
||||
background: #121212 !important;
|
||||
color: white !important;
|
||||
@ -208,207 +202,62 @@ html, body {
|
||||
border-radius: 10px !important;
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
/* styles autocomplete suggestion when hovered */
|
||||
.gssb_a:hover {
|
||||
background: #F63F4D !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* removes border-line below filters switcher and removes border on mobile view */
|
||||
.gsc-refinementsArea {
|
||||
background-color: none !important;
|
||||
border: none !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
/* changes colour of scrollable gradient in mobile view */
|
||||
.gsc-refinementsGradient {
|
||||
background: linear-gradient(to left,#F63F4D,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;
|
||||
}
|
||||
|
||||
/* styles active filter tabs */
|
||||
.gsc-tabHeader.gsc-tabhActive, .gsc-refinementHeader.gsc-refinementhActive {
|
||||
color: #F63F4D !important;
|
||||
border-color: #F63F4D !important;
|
||||
background-color: #121212 !important;
|
||||
}
|
||||
|
||||
/* styles tags on search results */
|
||||
.gsc-control-cse .gsc-table-result {
|
||||
font-family: Roboto !important;
|
||||
background: white !important;
|
||||
border-radius: 5px !important;
|
||||
margin: auto !important;
|
||||
border-radius: 3px !important;
|
||||
margin: 5px auto !important;
|
||||
padding: 0 5px !important;
|
||||
width: fit-content !important;
|
||||
float: left !important;
|
||||
margin-left: 5px !important;
|
||||
margin-left: 3px !important;
|
||||
}
|
||||
|
||||
/* colours url on search results */
|
||||
.gs-webResult div.gs-visibleUrl {
|
||||
color: lightgreen !important;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.gsc-results .gsc-cursor-box .gsc-cursor-page {
|
||||
border-color: #F63F4D !important;
|
||||
border-radius: 25px !important;
|
||||
background-color: #F63F4D !important;
|
||||
color: white !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
.gsc-results .gsc-cursor-box {
|
||||
border: none !important;
|
||||
border-radius: 20px !important;
|
||||
}
|
||||
|
||||
.gsc-cursor-next-page {
|
||||
color: white !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
/* removes find more on Google text in mobile view */
|
||||
.gcsc-find-more-on-google-root {
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* No Javascript Warning */
|
||||
#noscript-warning {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
padding: 5px 0;
|
||||
color: white;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
/* Slideout Sidebar */
|
||||
.toggle {
|
||||
text-decoration: none;
|
||||
font-size: 2em;
|
||||
color: white;
|
||||
-webkit-transition: all 0.15s ease-out 0;
|
||||
-moz-transition: all 0.15s ease-out 0;
|
||||
transition: all 0.45s ease-out 0;
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
animation: slidein 0.3s ease-in;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: -190px;
|
||||
-webkit-transition: all 0.15s ease-out 0;
|
||||
-moz-transition: all 0.15s ease-out 0;
|
||||
transition: all 0.15s ease-out 0;
|
||||
width: 8rem;
|
||||
padding: 1.5em;
|
||||
background: black;
|
||||
box-shadow: 0 0 10px black;
|
||||
animation: slidein 0.3s ease-in;
|
||||
}
|
||||
|
||||
.sidebar img {
|
||||
width: 80px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.sidebar ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sidebar li a {
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
margin: 0;
|
||||
margin-bottom: 16px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
line-height: 200%;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.sidebar h4 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#foundcounter {
|
||||
margin: 0 0 50px 0;
|
||||
padding: 0;
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
#foundcounterno {
|
||||
margin: 0 0 70px 0;
|
||||
padding: 0;
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.sidebar a:hover {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
#slide:checked + .container .sidebar {
|
||||
left: 0px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#slide:checked + .container .toggle {
|
||||
left: 200px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
|
||||
#slide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.attribute-title {
|
||||
color: white;
|
||||
font-family: 'Roboto';
|
||||
}
|
||||
|
||||
.at-tjin-title {
|
||||
/* removes ads from the search results */
|
||||
.gsc-adBlock {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.at-resp-share-element {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.at-tjin-element .at-tjin-btn {
|
||||
transition: unset !important;
|
||||
}
|
||||
|
||||
/* FAB Wheel */
|
||||
.adminActions {
|
||||
.adminActions {
|
||||
position: fixed;
|
||||
bottom: 35px; right: 35px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.adminButton {
|
||||
@ -490,173 +339,33 @@ html, body {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Share Buttons */
|
||||
.share {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.share-button {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.share-button img {
|
||||
width: 50px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Preloader */
|
||||
.preloader_bg{
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
background: #121212;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.preloader{
|
||||
border: 0 soild transparent;
|
||||
border-radius: 50%;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
top: calc(50vh - 75px);
|
||||
left: calc(50vw - 75px);
|
||||
}
|
||||
|
||||
.preloader:before, .preloader:after{
|
||||
content: '';
|
||||
border: 1em solid #F63F4D;
|
||||
border-radius: 50%;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
animation: loader 2s linear infinite;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.preloader:before{
|
||||
animation-delay: .5s;
|
||||
}
|
||||
|
||||
@keyframes loader{
|
||||
0%{
|
||||
transform: scale(0);
|
||||
opacity: 0;
|
||||
}
|
||||
50%{
|
||||
opacity: 1;
|
||||
}
|
||||
100%{
|
||||
transform: scale(1);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Engine Switcher */
|
||||
.nav {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav__link {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
flex-basis: 150px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.nav__link:hover {
|
||||
color: #F63F4D;
|
||||
}
|
||||
|
||||
.nav__link--active {
|
||||
color: #F63F4D;
|
||||
}
|
||||
|
||||
.nav__icon {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@media (max-width: 1000px) {
|
||||
.maindiv {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
top: 25%;
|
||||
width: 100%;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.maindiv img {
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.nav {
|
||||
top: unset;
|
||||
bottom: 0px;
|
||||
.terms {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sharemobile {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 15px;
|
||||
.engine-swticher {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.share-button-mobile {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
flex-basis: 10px;
|
||||
}
|
||||
|
||||
.share-button-mobile img {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
margin: 0 10px 0 10px;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.share {
|
||||
visibility: hidden;
|
||||
.games-found {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.adminActions {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.sharemobile {
|
||||
visibility: hidden;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 81 KiB |
BIN
img/ravesearch.png
Normal file
BIN
img/ravesearch.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
145
index.html
145
index.html
@ -1,82 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<title>Rave Game Search Engine</title>
|
||||
|
||||
<!-- Favicon Import -->
|
||||
<link rel="icon" type="text/css" href="img/favicon.png">
|
||||
<link id="favicon" rel="shortcut icon" href="img/favicon.png">
|
||||
|
||||
<!-- CSS Import -->
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
<!-- Share/Embed Content -->
|
||||
<meta property="og:url" content="http://ravesgamesearch.pages.dev" />
|
||||
<meta property="og:type" content="search-page" />
|
||||
<meta property="og:title" content="Rave Game Search Engine" />
|
||||
<meta property="og:description" content="Find the safest free download links to your favorite games" />
|
||||
<meta property="og:image" content="https://ravegamesearch.pages.dev/img/favicon.png" />
|
||||
<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">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="twitter:title" content="Rave Game Search">
|
||||
<meta property="og:title" content="Rave Game Search">
|
||||
<meta property="twitter:card" content="summary">
|
||||
<meta property="twitter:description" content="Find the safest free download links to your favorite Video Games">
|
||||
<meta property="og:description" content="Find the safest free download links to your favorite Video Games">
|
||||
<meta property="twitter:image" content="https://ravegamesearch.pages.dev/img/ravesearch.png">
|
||||
<meta property="og:image" content="https://ravegamesearch.pages.dev/img/ravesearch.png">
|
||||
<meta property="description" content="Find the safest free download links to your favorite Video Games">
|
||||
<link href="img/favicon.png" rel="shortcut icon">
|
||||
</head>
|
||||
|
||||
<!-- No Javascript Warning -->
|
||||
<noscript>
|
||||
<div id="noscript-warning">Rave Game Search uses Javascript to provide its search results. Kindly enable Javascript on your browser and reload the page to restore usability.</div>
|
||||
</noscript>
|
||||
<div class="sharemobile">
|
||||
<div class="share-button-mobile">
|
||||
<a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fravegamesearch.pages.dev&text=Rave%20Game%20Search:%20http%3A%2F%2Fravegamesearch.pages.dev" target="_blank" title="Tweet"><img alt="Tweet" src="img/social-icons/Twitter.png" /></a>
|
||||
<a href="http://www.tumblr.com/share?v=3&u=http%3A%2F%2Fravegamesearch.pages.dev"e=Rave%20Game%20Search&s=" target="_blank" title="Post to Tumblr"><img alt="Post to Tumblr" src="img/social-icons/Tumblr.png" /></a>
|
||||
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fravegamesearch.pages.dev&media=https://ravegamesearch.pages.dev/img/ravesearch-homepage-pic.png&description=An%20adaptation%20of%20the%20r%2Fpiracy%20Megathread.%20Rave%20Game%20Search%20helps%20you%20find%20free%20and%20safe%20download%20links%20to%20your%20favourite%20video%20games%20in%20a%20fast%20and%20easy%20to%20use%20UI." target="_blank" title="Pin it"><img alt="Pin it" src="img/social-icons/Pinterest.png" /></a>
|
||||
<a href="http://www.reddit.com/submit?url=http%3A%2F%2Fravegamesearch.pages.dev&title=Rave%20Game%20Search" target="_blank" title="Submit to Reddit"><img alt="Submit to Reddit" src="img/social-icons/Reddit.png" /></a>
|
||||
<a href="mailto:?subject=Rave%20Game%20Search&body=An%20adaptation%20of%20the%20r%2Fpiracy%20Megathread.%20Rave%20Game%20Search%20helps%20you%20find%20free%20and%20safe%20download%20links%20to%20your%20favourite%20video%20games%20in%20a%20fast%20and%20easy%20to%20use%20UI.:%20http%3A%2F%2Fravegamesearch.pages.dev" target="_blank" title="Send email"><img alt="Send email" src="img/social-icons/Email.png" /></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader_bg">
|
||||
<div class="preloader"></div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script>
|
||||
setTimeout(function(){
|
||||
$('.preloader_bg').fadeToggle();
|
||||
}, 1500);
|
||||
</script>
|
||||
|
||||
<!-- Slideout Menu -->
|
||||
<input type="checkbox" id="slide" name="" value=""/>
|
||||
<div class="container">
|
||||
<label for="slide" class="toggle">☰</label>
|
||||
<nav class="sidebar">
|
||||
<ul>
|
||||
<img src="img/favicon.png" onclick="location.href='index.html';">
|
||||
<h5 id="foundcounterno" class="count">0</h5>
|
||||
<h5 id="foundcounter">Games Found</h5>
|
||||
<h4>Copyright <script type="text/javascript">document.write(new Date().getFullYear());</script><br>IdleEndeavor</h4>
|
||||
</ul>
|
||||
</nav>
|
||||
<!-- Engine Switcher -->
|
||||
<div class="engine-swticher">
|
||||
<a href="https://ravegamesearch.pages.dev">> Game Search</a>
|
||||
<a href="https://ravebooksearch.com">Book Search</a>
|
||||
<a href="https://ravesoftwaresearch.pages.dev">Software Search</a>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function updateCounter() {
|
||||
fetch('https://api.countapi.xyz/update/ravegamesearch/ravesearch/?amount=1')
|
||||
.then(res => res.json())
|
||||
.then(data => counterElement.innerHTML = data.value)
|
||||
}
|
||||
|
||||
updateCounter()
|
||||
|
||||
counterElement = document.getElementsByClassName('count')[0];
|
||||
</script>
|
||||
|
||||
<!-- Search Box -->
|
||||
<!-- Search Box -->
|
||||
<div class="maindiv">
|
||||
<div class="searchlogo">
|
||||
<img class="searchlogo" src="img/search-logo.png" onclick="location.href='index.html';">
|
||||
@ -99,18 +50,32 @@
|
||||
}
|
||||
</script>
|
||||
<gcse:search class="searchbox"></gcse:search>
|
||||
<div class="share">
|
||||
<div class="share-button">
|
||||
<a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fravegamesearch.pages.dev&text=Rave%20Game%20Search:%20http%3A%2F%2Fravegamesearch.pages.dev" target="_blank" title="Tweet"><img alt="Tweet" src="img/social-icons/Twitter.png" /></a>
|
||||
<a href="http://www.tumblr.com/share?v=3&u=http%3A%2F%2Fravegamesearch.pages.dev"e=Rave%20Game%20Search&s=" target="_blank" title="Post to Tumblr"><img alt="Post to Tumblr" src="img/social-icons/Tumblr.png" /></a>
|
||||
<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fravegamesearch.pages.dev&media=https://ravegamesearch.pages.dev/img/ravesearch-homepage-pic.png&description=An%20adaptation%20of%20the%20r%2Fpiracy%20Megathread.%20Rave%20Game%20Search%20helps%20you%20find%20free%20and%20safe%20download%20links%20to%20your%20favourite%20video%20games%20in%20a%20fast%20and%20easy%20to%20use%20UI." target="_blank" title="Pin it"><img alt="Pin it" src="img/social-icons/Pinterest.png" /></a>
|
||||
<a href="http://www.reddit.com/submit?url=http%3A%2F%2Fravegamesearch.pages.dev&title=Rave%20Game%20Search" target="_blank" title="Submit to Reddit"><img alt="Submit to Reddit" src="img/social-icons/Reddit.png" /></a>
|
||||
<a href="mailto:?subject=Rave%20Game%20Search&body=An%20adaptation%20of%20the%20r%2Fpiracy%20Megathread.%20Rave%20Game%20Search%20helps%20you%20find%20free%20and%20safe%20download%20links%20to%20your%20favourite%20video%20games%20in%20a%20fast%20and%20easy%20to%20use%20UI.:%20http%3A%2F%2Fravegamesearch.pages.dev" target="_blank" title="Send email"><img alt="Send email" src="img/social-icons/Email.png" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Games Found Counter -->
|
||||
<div class="games-found">
|
||||
<a class="count">0</a>
|
||||
<a>Games Found</a>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
function updateCounter() {
|
||||
fetch('https://api.countapi.xyz/update/ravegamesearch/ravesearch/?amount=1')
|
||||
.then(res => res.json())
|
||||
.then(data => counterElement.innerHTML = data.value)
|
||||
}
|
||||
|
||||
updateCounter()
|
||||
|
||||
counterElement = document.getElementsByClassName('count')[0];
|
||||
</script>
|
||||
<!-- Terms of Use, Privacy Policy and GitHub Link -->
|
||||
<div class="terms">
|
||||
<a href="https://github.com/IdleEndeavor/gamesearch">GitHub |</a>
|
||||
<a href="https://github.com/IdleEndeavor/gamesearch#privacy-policy">Privacy Policy |</a>
|
||||
<a href="https://github.com/IdleEndeavor/gamesearch#terms-of-use">Terms of Use</a>
|
||||
</div>
|
||||
|
||||
<!-- FAB Wheel -->
|
||||
<!-- FAB Wheel -->
|
||||
<div class="adminActions">
|
||||
<input type="checkbox" name="adminToggle" class="adminToggle" />
|
||||
<a class="adminButton" href="#!"><i class="material-icons">lightbulb</i></a>
|
||||
@ -120,23 +85,5 @@
|
||||
<a href="https://github.com/IdleEndeavor/gamesearch#privacy-policy" title="Privacy"><i class="material-icons">security</i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Engine Switcher -->
|
||||
<nav class="nav">
|
||||
<a href="https://ravegamesearch.pages.dev" class="nav__link nav__link--active">
|
||||
<i class="material-icons nav__icon">videogame_asset</i>
|
||||
<span class="nav__text">Game Search</span>
|
||||
</a>
|
||||
<a href="https://ravebooksearch.com" class="nav__link">
|
||||
<i class="material-icons nav__icon">library_books</i>
|
||||
<span class="nav__text">Book Search</span>
|
||||
</a>
|
||||
<a href="https://ravesoftwaresearch.pages.dev" class="nav__link">
|
||||
<i class="material-icons nav__icon">wysiwyg</i>
|
||||
<span class="nav__text">Software Search</span>
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user