byreqz/blue-searchpage
1
0
Fork 0
mirror of https://github.com/byReqz/blue-searchpage.git synced 2024-11-21 21:13:15 +00:00
Code Issues Projects Releases Wiki Activity

updated to newer version

Browse Source 
added toggable and changing backgrounds and a tooltip
This commit is contained in:
Nils 2019-08-31 02:10:04 +02:00
parent 6f2e59e818
commit b5e922930a
16 changed files with 5499 additions and 381 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2337
font-awesome.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
fonts/FontAwesome.otf Normal file
View File

Binary file not shown.

BIN
fonts/fontawesome-webfont.eot Normal file
View File

Binary file not shown.

2671
fonts/fontawesome-webfont.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 434 KiB

BIN
fonts/fontawesome-webfont.ttf Normal file
View File

Binary file not shown.

BIN
fonts/fontawesome-webfont.woff Normal file
View File

Binary file not shown.

BIN
fonts/fontawesome-webfont.woff2 Normal file
View File

Binary file not shown.

14
index.html
View File

@ -3,20 +3,32 @@
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"> <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title id="title">Start</title> <title id="title">Start</title>
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="font-awesome.css" type="text/css">
<script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="scripts/tools.js" type="text/javascript"></script> <script src="scripts/tools.js" type="text/javascript"></script>
<script src="scripts/scripts.js" type="text/javascript"></script> <script src="scripts/scripts.js" type="text/javascript"></script>
<script src="engines/base.js" type="text/javascript"></script> <script src="engines/base.js" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.js"></script> <script type="text/javascript" src="scripts/jquery.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<div id="engines"></div> <div id="engines"></div>
<div id="container"> <div id="container">
<form id="form" onsubmit="return doSearch()"> <form id="form" onsubmit="return doSearch()">
<div id="input"><input id="i" type="text" autocomplete="off" spellcheck="false" placeholder="Who the fuck is byReqz?" results="0" /></div> <a onclick="nextLanguage()" id="lang"></a> <div id="input"><input id="i" type="text" autocomplete="off" spellcheck="false" placeholder="Search anything" results="0" /></div>
<a onclick="nextLanguage()" id="lang"></a>
<ul id="sugs"></ul> <ul id="sugs"></ul>
</form> </form>
<p id="method"></p> <p id="method"></p>
</div> </div>
<button id='toggleBG' title='Choose between random bg or the default bg!' onclick="toggleBG();">Toggle Background Image</button>
<script>
toggleBG()
</script>
<div id="tutorial" align="center">
<p>Input Text to search,hover over the Logo to see all Search Engines</p>
</div>
</body> </body>

44
scripts/scripts.js
View File

@ -1,3 +1,24 @@
var org = true;
/*'http://www.planwallpaper.com/static/images/hexagon-prisms-28449-2560x1440_QnLmOkL-min.jpg', 'http://www.planwallpaper.com/static/images/6999064-indian-beach-wallpaper_XEK3Udy-min.jpg', 'http://www.planwallpaper.com/static/images/Seamless-Polygon-Backgrounds-Vol2-full-min.jpg', 'http://www.planwallpaper.com/static/images/colorful-triangles-background-min.jpg', 'http://www.planwallpaper.com/static/images/ZhGEqAP-min.jpg', 'http://www.planwallpaper.com/static/images/Live-Wallpaper-1.jpeg', 'http://www.planwallpaper.com/static/images/Wallpaper-HD-10-min.jpg', 'http://www.planwallpaper.com/static/images/butterfly-wallpaper.jpeg', 'http://www.planwallpaper.com/static/images/blue-abstract-glass-balls-min.jpg', 'http://www.planwallpaper.com/static/images/555837-min.jpg', 'http://www.planwallpaper.com/static/images/HD-Wallpapers1.jpeg', 'http://www.planwallpaper.com/static/images/Technology-Wallpaper-14-min.jpg', 'http://www.planwallpaper.com/static/images/11-sea-beach-sand-wallpaper_sf9i1b6-min.jpg', 'http://www.planwallpaper.com/static/images/kartandtinki1_photo-wallpapers_02-min.jpg', 'http://www.planwallpaper.com/static/images/black_hd_wallpaper_black_hd_wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/6944150-abstract-colors-wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/wallpaper-11628192-min.jpg', 'http://www.planwallpaper.com/static/images/wallpapers-7020-7277-hd-wallpapers-min.jpg', 'http://www.planwallpaper.com/static/images/i-should-buy-a-boat-min.jpg', 'http://www.planwallpaper.com/static/images/2022725-wallpaper_625864_Iz6NK8G-min.jpg', 'http://www.planwallpaper.com/static/images/79438-blue-world-map-min.jpg', 'http://www.planwallpaper.com/static/images/303836-min.jpg', 'http://www.planwallpaper.com/static/images/abstract_wallpaper_xVBXbWX-min.jpg', 'http://www.planwallpaper.com/static/images/general-night-golden-gate-bridge-hd-wallpapers-golden-gate-bridge-wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/black-and-blue-cubes-wallpaper1-min.jpg', 'http://www.planwallpaper.com/static/images/city_of_love-wallpaper-5120x3200-min.jpg', 'http://www.planwallpaper.com/static/images/b807c2282ab0a491bd5c5c1051c6d312_k4PiHxO-min.jpg', */
var images = ['wallpaper/6.jpg','wallpaper/5.jpg','wallpaper/4.jpg','wallpaper/3.jpg','wallpaper/2.jpg','wallpaper/1.jpg'];
function toggleBG() {
if (org) {
document.body.style.backgroundImage = "url('" + images[Math.round(Math.random() * (images.length - 1))] + "')";
document.body.style.backgroundSize = "100% 100%";
org = false;
} else {
org = true;
document.body.style.backgroundSize = "";
document.body.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC')";
console.log(document.body.style.backgroundImage);
}
return false;
}
var eng = {}, var eng = {},
current = {}, current = {},
fadeDur = 200, fadeDur = 200,
@ -231,36 +252,29 @@ $(document).keyup(function(e) {
if (e.which == 17) isCtrl = true; if (e.which == 17) isCtrl = true;
if (e.which == 91) isCmd = true; if (e.which == 91) isCmd = true;
if (e.which == 49 && isCtrl == true) { if (e.which == 49 && isCtrl == true) { /* Key "1" */
/* Key "1" */
nextEngine(); nextEngine();
return false; return false;
} }
if (e.which == 50 && isCtrl == true) { if (e.which == 50 && isCtrl == true) { /* Key "2" */
/* Key "2" */
nextPlace(); nextPlace();
return false; return false;
} }
if (e.which == 51 && isCtrl == true) { if (e.which == 51 && isCtrl == true) { /* Key "3" */
/* Key "3" */
nextLanguage(); nextLanguage();
return false; return false;
} }
if (e.which == 38) { if (e.which == 38) { /* Arrow Up */
/* Arrow Up */
prevSugResult(); prevSugResult();
} }
if (e.which == 40) { if (e.which == 40) { /* Arrow Down */
/* Arrow Down */
nextSugResult(); nextSugResult();
} }
if (e.which == 27) { if (e.which == 27) { /* ESC */
/* ESC */
closeSugBox(false); closeSugBox(false);
} }
if (e.which == 13) { if (e.which == 13) { /* Enter */
/* Enter */
applySugResult(); applySugResult();
} }
}); });
@ -284,7 +298,7 @@ function nextLanguage() {
/* SUGGESTIONS /* SUGGESTIONS
----------------------------------------------------- */ ----------------------------------------------------- */
function fetchSuggestions(key) { function fetchSuggestions(key)  {
if (key == undefined || (!inArray(key, new Array(13, 16, 20, 27, 37, 38, 39, 40)) && !isCtrl && !isCmd)) { if (key == undefined || (!inArray(key, new Array(13, 16, 20, 27, 37, 38, 39, 40)) && !isCtrl && !isCmd)) {
if ($("#i").val() != "" && eng[current.engine].places[current.place][1] !== false) { if ($("#i").val() != "" && eng[current.engine].places[current.place][1] !== false) {
current.suggestionsTimestamp = new Date().getTime(); current.suggestionsTimestamp = new Date().getTime();

118
style.css
View File

@ -5,28 +5,58 @@
} }
@-webkit-keyframes slide { @-webkit-keyframes slide {
0% {-webkit-transform: translateY(80px); opacity: 0;} 0% {
100% {-webkit-transform: translateY(0px); opacity: 1;} -webkit-transform: translateY(80px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0px);
opacity: 1;
}
} }
@-moz-keyframes slide { @-moz-keyframes slide {
0% {-moz-transform: translateY(80px); opacity: 0;} 0% {
100% {-moz-transform: translateY(0px); opacity: 1;} -moz-transform: translateY(80px);
opacity: 0;
}
100% {
-moz-transform: translateY(0px);
opacity: 1;
}
} }
@-ms-keyframes slide { @-ms-keyframes slide {
0% {-ms-transform: translateY(80px); opacity: 0;} 0% {
100% {-ms-transform: translateY(0px); opacity: 1;} -ms-transform: translateY(80px);
opacity: 0;
}
100% {
-ms-transform: translateY(0px);
opacity: 1;
}
} }
@-o-keyframes slide { @-o-keyframes slide {
0% {-o-transform: translateY(80px); opacity: 0;} 0% {
100% {-o-transform: translateY(0px); opacity: 1;} -o-transform: translateY(80px);
opacity: 0;
}
100% {
-o-transform: translateY(0px);
opacity: 1;
}
} }
@keyframes slide { @keyframes slide {
0% {transform: translateY(80px); opacity: 0;} 0% {
100% {transform: translateY(0px); opacity: 1;} transform: translateY(80px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
} }
placeholder { placeholder {
@ -37,11 +67,13 @@ placeholder {
color: rgba(142, 219, 242, 0.5); color: rgba(142, 219, 242, 0.5);
} }
:-moz-placeholder { /* Firefox 18- */ :-moz-placeholder {
/* Firefox 18- */
color: rgba(142, 219, 242, 0.5); color: rgba(142, 219, 242, 0.5);
} }
::-moz-placeholder { /* Firefox 19+ */ ::-moz-placeholder {
/* Firefox 19+ */
color: rgba(142, 219, 242, 0.5); color: rgba(142, 219, 242, 0.5);
} }
@ -56,6 +88,12 @@ body {
background-color: #020F12; background-color: #020F12;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC'); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC');
} }
#tutorial {
font-family: 'Roboto', sans-serif;
color: #8EDBF2;
top: 20px;
font-size: 16px;
}
#container { #container {
position: absolute; position: absolute;
@ -100,7 +138,6 @@ body {
} }
/* SEARCH BOX /* SEARCH BOX
----------------------------------------------------- */ ----------------------------------------------------- */
@ -109,7 +146,7 @@ body {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
font-weight: 100; font-weight: 100;
text-align: center; text-align: center;
background: #020E12; background: rgba(10, 10, 10, 0.3);
width: 100%; width: 100%;
outline: 0; outline: 0;
color: #8EDBF2; color: #8EDBF2;
@ -121,8 +158,7 @@ body {
right: 49px; right: 49px;
top: 39px; top: 39px;
font-size: 13px; font-size: 13px;
font-weight: bold; +padding: 3px 5px;
padding: 3px 5px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
color: #b7c2cf; color: #b7c2cf;
@ -143,6 +179,55 @@ body {
} }
/* BG BUTTON
----------------------------------------------------- */
#toggleBG {
font-family: 'Roboto', sans-serif;
position: absolute;
right: 50px;
bottom: 50px;
width: 300px;
height: 100px;
color: #8EDBF2;
background: none;
border: none;
transition-duration: 0.3s;
font-size: 15px;
}
#toggleBG:hover {
cursor: pointer;
font-size: 20px;
}
#toggleBG:focus {
outline: 0;
}
/* Donator Button
----------------------------------------------------- */
#Donatormode {
font-family: 'Roboto', sans-serif;
position: absolute;
left: 50px;
bottom: 50px;
width: 300px;
height: 100px;
color: #8EDBF2;
background: none;
border: none;
transition-duration: 0.3s;
font-size: 15px;
}
#Donatormode:hover {
cursor: pointer;
font-size: 20px;
}
#Donatormode:focus {
outline: 0;
}
/* SEARCH SUGGESTIONS /* SEARCH SUGGESTIONS
----------------------------------------------------- */ ----------------------------------------------------- */
@ -179,4 +264,3 @@ body {
#sugs li a:active { #sugs li a:active {
background: #939fad; background: #939fad;
} }

BIN
wallpaper/1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 KiB

BIN
wallpaper/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 401 KiB

BIN
wallpaper/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 395 KiB

BIN
wallpaper/4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 157 KiB

BIN
wallpaper/5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 279 KiB

BIN
wallpaper/6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 KiB