mirror of
https://github.com/byReqz/blue-searchpage.git
synced 2024-11-23 22:04:56 +00:00
replaced Google with DuckDuckGo and beautified some code
This commit is contained in:
parent
69876e43ef
commit
0a12bc1da5
@ -1,4 +1,5 @@
|
||||
# blue-searchpage
|
||||
another old project ive found in some folder <br>
|
||||
pretty sure i havent made all of it, if the original creator wants this removed, please message me <br>
|
||||
duckduckgo search uses my custom settings, they can be changed by removing the attributes from the link in engines/base.js <br>
|
||||
you can see it live here https://byreqz.github.io/blue-searchpage
|
||||
|
@ -1,16 +1,16 @@
|
||||
var apiUrl = "http://go.infinise.com/api/2.5/";
|
||||
|
||||
|
||||
/* GOOGLE
|
||||
/* DUCKDUCKGO
|
||||
----------------------------------------------------- */
|
||||
|
||||
eng.google = {
|
||||
pageTitle: "Google",
|
||||
logo: "google.png",
|
||||
pageTitle: "DuckDuckGo",
|
||||
logo: "duckduckgo.png",
|
||||
places: {
|
||||
'Web' : ["http://www.google.com/search?q=%query%&hl=en", apiUrl+"?eng=google×tamp=%time%&q=%query%"],
|
||||
'Images' : ["http://images.google.com/images?q=%query%&hl=en", apiUrl+"?eng=google×tamp=%time%&q=%query%"],
|
||||
'Maps' : ["http://maps.google.com/maps?q=%query%", false]
|
||||
'Web' : ["https://duckduckgo.com/?q=%query%&kp=-2&kae=t&kam=osm&kay=b&kau=-1&kap=-1&kaq=-1&kak=-1&kax=-1"],
|
||||
'Images' : ["https://duckduckgo.com/?q=%query%&kp=-2&kae=t&kam=osm&kay=b&kau=-1&kap=-1&kaq=-1&kak=-1&kax=-1&iax=images&ia=images"],
|
||||
'Maps' : ["https://duckduckgo.com/?q=%query%&kp=-2&kae=t&kam=osm&kay=b&kau=-1&kap=-1&kaq=-1&kak=-1&kax=-1&iaxm=maps", false]
|
||||
}
|
||||
};
|
||||
|
||||
|
BIN
engines/duckduckgo.png
Normal file
BIN
engines/duckduckgo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 154 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.8 KiB |
23
index.html
23
index.html
@ -1 +1,22 @@
|
||||
<head><link href='https://fonts.googleapis.com/css?family=Roboto:100&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext' rel='stylesheet' type='text/css'><meta http-equiv="Content-type" content="text/html;charset=UTF-8"><title id="title">Start</title><link rel="stylesheet" href="style.css" type="text/css"><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/scripts.js" type="text/javascript"></script> <script src="engines/base.js" type="text/javascript"></script> <script type="text/javascript" src="scripts/jquery.js"></script> </head><body><div id="engines"></div><div id="container"><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><ul id="sugs"></ul></form><p id="method"></p></div></body>
|
||||
<head>
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:100&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic,latin-ext' rel='stylesheet' type='text/css'>
|
||||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
|
||||
<title id="title">Start</title>
|
||||
<link rel="stylesheet" href="style.css" type="text/css">
|
||||
<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/scripts.js" type="text/javascript"></script>
|
||||
<script src="engines/base.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="scripts/jquery.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="engines"></div>
|
||||
<div id="container">
|
||||
<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>
|
||||
<ul id="sugs"></ul>
|
||||
</form>
|
||||
<p id="method"></p>
|
||||
</div>
|
||||
</body>
|
||||
|
3624
scripts/jquery-1.4.2.min.js
vendored
3624
scripts/jquery-1.4.2.min.js
vendored
File diff suppressed because it is too large
Load Diff
3201
scripts/jquery.js
vendored
3201
scripts/jquery.js
vendored
File diff suppressed because one or more lines are too long
@ -1,4 +1,3 @@
|
||||
|
||||
var eng = {},
|
||||
current = {},
|
||||
fadeDur = 200,
|
||||
@ -13,16 +12,19 @@ var eng = {},
|
||||
idxHeight = 0;
|
||||
|
||||
|
||||
$(function()
|
||||
{
|
||||
$(function() {
|
||||
// Create Engine Index
|
||||
|
||||
indexCreate();
|
||||
|
||||
// Behavior
|
||||
|
||||
$("#i").keyup(function(ev) { fetchSuggestions(ev.which); });
|
||||
$(document).click(function(ev) { closeSugBox(ev.srcElement) });
|
||||
$("#i").keyup(function(ev) {
|
||||
fetchSuggestions(ev.which);
|
||||
});
|
||||
$(document).click(function(ev) {
|
||||
closeSugBox(ev.srcElement)
|
||||
});
|
||||
|
||||
$("#toggleInfo").click(function() {
|
||||
$("#infoBox").toggle(400);
|
||||
@ -33,8 +35,7 @@ $(function()
|
||||
build(firstProp(eng), false);
|
||||
});
|
||||
|
||||
function doSearch()
|
||||
{
|
||||
function doSearch() {
|
||||
var url = eng[current.engine].places[current.place][0];
|
||||
url = url.replace("%query%", encodeURIComponent($("#i").val()));
|
||||
if (typeof eng[current.engine].languages == "object")
|
||||
@ -48,16 +49,14 @@ function doSearch()
|
||||
/* ENGINE INDEX
|
||||
----------------------------------------------------- */
|
||||
|
||||
function indexCreate()
|
||||
{
|
||||
function indexCreate() {
|
||||
var row = 0,
|
||||
i = 0, // Reset every row
|
||||
j = 0, // Total
|
||||
offset = 0,
|
||||
cols = Math.floor(idxWidth / idxLogoSmall[0]);
|
||||
|
||||
for (e in eng)
|
||||
{
|
||||
for (e in eng) {
|
||||
// If the offset hasn't been set yet
|
||||
// And the number of engines left to draw is <= items in the final row
|
||||
if (
|
||||
@ -70,17 +69,23 @@ function indexCreate()
|
||||
|
||||
$("#engines").prepend("<a id='" + e + "_logo' ref='" + e + "'><img src='engines/" + eng[e].logo + "'></a>");
|
||||
|
||||
if (i == cols) { i=0; row++; };
|
||||
if (i == cols) {
|
||||
i = 0;
|
||||
row++;
|
||||
};
|
||||
eng[e].idxPos = [
|
||||
(idxLogoSmall[0] + idxMargin) * i - idxWidth / 2 + offset,
|
||||
(idxLogoSmall[1] + idxMargin) * row
|
||||
];
|
||||
i++; j++;
|
||||
i++;
|
||||
j++;
|
||||
}
|
||||
idxHeight = (row + 1) * (idxLogoSmall[1] + idxMargin) - idxMargin;
|
||||
idxHeight = Math.max(idxHeight, idxLogoFull[1]);
|
||||
|
||||
$("#engines a").click(function(){ build($(this).attr("ref"), true); })
|
||||
$("#engines a").click(function() {
|
||||
build($(this).attr("ref"), true);
|
||||
})
|
||||
|
||||
$("#engines a").css({
|
||||
"left": "50%",
|
||||
@ -88,15 +93,18 @@ function indexCreate()
|
||||
"marginLeft": -idxLogoFull[0] / 2 + "px"
|
||||
});
|
||||
|
||||
$("#engines").mouseenter(function(){ indexOpen(); });
|
||||
$("#engines").mouseleave(function(){ indexClose(); });
|
||||
$("#engines").mouseenter(function() {
|
||||
indexOpen();
|
||||
});
|
||||
$("#engines").mouseleave(function() {
|
||||
indexClose();
|
||||
});
|
||||
}
|
||||
|
||||
var idxState = false,
|
||||
idxClear = undefined;
|
||||
|
||||
function indexOpen()
|
||||
{
|
||||
function indexOpen() {
|
||||
idxState = true;
|
||||
clearTimeout(idxClear);
|
||||
|
||||
@ -104,8 +112,7 @@ function indexOpen()
|
||||
"height": idxHeight
|
||||
});
|
||||
|
||||
for (e in eng)
|
||||
{
|
||||
for (e in eng) {
|
||||
var op = $("#" + e + "_logo").hasClass("active");
|
||||
$("#" + e + "_logo").stop().queue("fx", []).animate({
|
||||
"marginLeft": eng[e].idxPos[0] + "px",
|
||||
@ -117,16 +124,14 @@ function indexOpen()
|
||||
}
|
||||
}
|
||||
|
||||
function indexClose()
|
||||
{
|
||||
function indexClose() {
|
||||
idxState = false;
|
||||
|
||||
$("#engines").css({
|
||||
"height": idxLogoFull[1]
|
||||
});
|
||||
|
||||
$("#engines a").each(function()
|
||||
{
|
||||
$("#engines a").each(function() {
|
||||
var op = $(this).hasClass("active");
|
||||
$(this).stop().queue("fx", []).animate({
|
||||
"marginLeft": -idxLogoFull[0] / 2 + "px",
|
||||
@ -138,7 +143,9 @@ function indexClose()
|
||||
});
|
||||
|
||||
// Because jQuery doesn't like me
|
||||
idxClear = setTimeout(function(){ $("#engines a:not(.active)").css("opacity",0) }, fadeDur);
|
||||
idxClear = setTimeout(function() {
|
||||
$("#engines a:not(.active)").css("opacity", 0)
|
||||
}, fadeDur);
|
||||
}
|
||||
|
||||
|
||||
@ -146,8 +153,7 @@ function indexClose()
|
||||
/* GENERATING THE SEARCH ENGINE PAGE
|
||||
----------------------------------------------------- */
|
||||
|
||||
function build(e, animate)
|
||||
{
|
||||
function build(e, animate) {
|
||||
var methodFade = (animate) ? fadeDur : 0;
|
||||
|
||||
current.engine = e; // Just the engine's ID for reference
|
||||
@ -155,12 +161,18 @@ function build(e, animate)
|
||||
|
||||
$("#title").html(titlePrefix + e.pageTitle);
|
||||
|
||||
$("#method").stop().queue("fx",[]).animate({"opacity": 0}, methodFade);
|
||||
$("#method").stop().queue("fx", []).animate({
|
||||
"opacity": 0
|
||||
}, methodFade);
|
||||
|
||||
op = (idxState) ? idxFadedOpacity : 0;
|
||||
$("#engines a").stop().queue("fx", []).removeClass("active");
|
||||
$("#"+current.engine+"_logo").addClass("active").animate({"opacity": 1}, fadeDur);
|
||||
$("#engines a:not(.active)").animate({"opacity": op}, fadeDur);
|
||||
$("#" + current.engine + "_logo").addClass("active").animate({
|
||||
"opacity": 1
|
||||
}, fadeDur);
|
||||
$("#engines a:not(.active)").animate({
|
||||
"opacity": op
|
||||
}, fadeDur);
|
||||
|
||||
if (typeof e.languages == "object") setLang(firstProp(e.languages));
|
||||
else $("#lang").fadeOut(fadeDur);
|
||||
@ -170,39 +182,35 @@ function build(e, animate)
|
||||
$("#i").attr("autosave", "com.infinise.go." + current.engine);
|
||||
$("#input input").focus();
|
||||
|
||||
setTimeout(function()
|
||||
{
|
||||
setTimeout(function() {
|
||||
$("#method").html("");
|
||||
for (place in e.places) $("#method").append("<a onclick='setPlace(this)'>" + place + "</a>");
|
||||
|
||||
setPlace("#method a:first");
|
||||
|
||||
$("#method").animate({"opacity": 1}, fadeDur);
|
||||
$("#method").animate({
|
||||
"opacity": 1
|
||||
}, fadeDur);
|
||||
}, methodFade);
|
||||
}
|
||||
|
||||
function setPlace(place)
|
||||
{
|
||||
function setPlace(place) {
|
||||
current.place = $(place).html();
|
||||
|
||||
$("#method a").removeClass("active");
|
||||
$(place).addClass("active");
|
||||
$("#input input").focus();
|
||||
|
||||
if (eng[current.engine].places[current.place][1] !== false)
|
||||
{
|
||||
if (eng[current.engine].places[current.place][1] !== false) {
|
||||
fetchSuggestions();
|
||||
$("#i").attr("autocomplete", "off");
|
||||
}
|
||||
else
|
||||
{
|
||||
} else {
|
||||
closeSugBox(false);
|
||||
$("#i").attr("autocomplete", "on");
|
||||
}
|
||||
}
|
||||
|
||||
function setLang(language)
|
||||
{
|
||||
function setLang(language) {
|
||||
current.language = language;
|
||||
|
||||
$("#lang").fadeIn(fadeDur).html(language);
|
||||
@ -216,42 +224,59 @@ function setLang(language)
|
||||
var isCtrl = false;
|
||||
var isCmd = false;
|
||||
|
||||
$(document).keyup(function(e)
|
||||
{
|
||||
$(document).keyup(function(e) {
|
||||
if (e.which == 17) isCtrl = false;
|
||||
if (e.which == 91) isCmd = false;
|
||||
}
|
||||
).keydown(function(e)
|
||||
{
|
||||
}).keydown(function(e) {
|
||||
if (e.which == 17) isCtrl = true;
|
||||
if (e.which == 91) isCmd = true;
|
||||
|
||||
if (e.which == 49 && isCtrl == true) { /* Key "1" */ nextEngine(); return false; }
|
||||
if (e.which == 50 && isCtrl == true) { /* Key "2" */ nextPlace(); return false; }
|
||||
if (e.which == 51 && isCtrl == true) { /* Key "3" */ nextLanguage(); return false; }
|
||||
if (e.which == 49 && isCtrl == true) {
|
||||
/* Key "1" */
|
||||
nextEngine();
|
||||
return false;
|
||||
}
|
||||
if (e.which == 50 && isCtrl == true) {
|
||||
/* Key "2" */
|
||||
nextPlace();
|
||||
return false;
|
||||
}
|
||||
if (e.which == 51 && isCtrl == true) {
|
||||
/* Key "3" */
|
||||
nextLanguage();
|
||||
return false;
|
||||
}
|
||||
|
||||
if (e.which == 38) { /* Arrow Up */ prevSugResult(); }
|
||||
if (e.which == 40) { /* Arrow Down */ nextSugResult(); }
|
||||
if (e.which == 27) { /* ESC */ closeSugBox(false); }
|
||||
if (e.which == 13) { /* Enter */ applySugResult(); }
|
||||
if (e.which == 38) {
|
||||
/* Arrow Up */
|
||||
prevSugResult();
|
||||
}
|
||||
if (e.which == 40) {
|
||||
/* Arrow Down */
|
||||
nextSugResult();
|
||||
}
|
||||
if (e.which == 27) {
|
||||
/* ESC */
|
||||
closeSugBox(false);
|
||||
}
|
||||
if (e.which == 13) {
|
||||
/* Enter */
|
||||
applySugResult();
|
||||
}
|
||||
});
|
||||
|
||||
function nextEngine()
|
||||
{
|
||||
function nextEngine() {
|
||||
build(findNext(eng, current.engine), true);
|
||||
}
|
||||
|
||||
function nextPlace()
|
||||
{
|
||||
function nextPlace() {
|
||||
var nextPlace = findNext(eng[current.engine].places, current.place);
|
||||
$("#method a").each(function()
|
||||
{
|
||||
$("#method a").each(function() {
|
||||
if ($(this).html() == nextPlace) setPlace($(this));
|
||||
})
|
||||
}
|
||||
|
||||
function nextLanguage()
|
||||
{
|
||||
function nextLanguage() {
|
||||
setLang(findNext(eng[current.engine].languages, current.language));
|
||||
}
|
||||
|
||||
@ -259,12 +284,9 @@ function nextLanguage()
|
||||
/* SUGGESTIONS
|
||||
----------------------------------------------------- */
|
||||
|
||||
function fetchSuggestions(key)
|
||||
{
|
||||
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 )
|
||||
{
|
||||
function fetchSuggestions(key) {
|
||||
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) {
|
||||
current.suggestionsTimestamp = new Date().getTime();
|
||||
|
||||
var url = eng[current.engine].places[current.place][1];
|
||||
@ -273,20 +295,18 @@ function fetchSuggestions(key)
|
||||
if (typeof eng[current.engine].languages == "object")
|
||||
url = url.replace("%lang%", eng[current.engine].languages[current.language]);
|
||||
|
||||
$.getJSON(url, function(data) { buildSuggestions(data); })
|
||||
}
|
||||
else closeSugBox(false);
|
||||
$.getJSON(url, function(data) {
|
||||
buildSuggestions(data);
|
||||
})
|
||||
} else closeSugBox(false);
|
||||
}
|
||||
}
|
||||
|
||||
function buildSuggestions(list)
|
||||
{
|
||||
if (list.empty)
|
||||
{
|
||||
function buildSuggestions(list) {
|
||||
if (list.empty) {
|
||||
if (console) console.log("(1) Suggestions for '" + list.query + "' empty.");
|
||||
closeSugBox(false);
|
||||
}
|
||||
else if (
|
||||
} else if (
|
||||
list.engine == current.engine &&
|
||||
list.timestamp == current.suggestionsTimestamp &&
|
||||
list.query == $("#i").val()
|
||||
@ -294,31 +314,26 @@ function buildSuggestions(list)
|
||||
if (console) console.log("(2) Suggestions for '" + list.query + "' accepted.");
|
||||
|
||||
$("#sugs").html("");
|
||||
for (sug in list.results)
|
||||
{
|
||||
for (sug in list.results) {
|
||||
sug = list.results[sug];
|
||||
$("#sugs").append("<li><a href='" + sug[1] + "'>" + sug[0] + "</a></li>");
|
||||
}
|
||||
|
||||
$("#sugs").css({"display": "block"});
|
||||
$("#sugs li").mousemove(function()
|
||||
{
|
||||
$("#sugs").css({
|
||||
"display": "block"
|
||||
});
|
||||
$("#sugs li").mousemove(function() {
|
||||
$("#sugs .active").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
}
|
||||
).click(function()
|
||||
{
|
||||
}).click(function() {
|
||||
applySugResult();
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
} else {
|
||||
if (console) console.log("(3) Suggestions for '" + list.query + "' discarded.");
|
||||
}
|
||||
}
|
||||
|
||||
function prevSugResult()
|
||||
{
|
||||
function prevSugResult() {
|
||||
if ($("#sugs").css("display") == "none") return;
|
||||
if ($("#sugs .active").length == 0) {
|
||||
$("#sugs li:last-child").addClass("active");
|
||||
@ -328,8 +343,7 @@ function prevSugResult()
|
||||
backupQuery();
|
||||
}
|
||||
|
||||
function nextSugResult()
|
||||
{
|
||||
function nextSugResult() {
|
||||
if ($("#sugs").css("display") == "none") return;
|
||||
if ($("#sugs .active").length == 0) {
|
||||
$("#sugs li:first-child").addClass("active");
|
||||
@ -341,8 +355,7 @@ function nextSugResult()
|
||||
|
||||
var originalQuery = false;
|
||||
|
||||
function backupQuery()
|
||||
{
|
||||
function backupQuery() {
|
||||
if ($("#sugs .active").length > 0) {
|
||||
if (!originalQuery) originalQuery = $("#i").val();
|
||||
$("#i").val($("#sugs .active a").html());
|
||||
@ -352,23 +365,16 @@ function backupQuery()
|
||||
}
|
||||
}
|
||||
|
||||
function closeSugBox(src)
|
||||
{
|
||||
function closeSugBox(src) {
|
||||
if (src == false || src == undefined || (src.id != "i" && src.id != "sugs"))
|
||||
$("#sugs").html("").css({"display": "none"});
|
||||
$("#sugs").html("").css({
|
||||
"display": "none"
|
||||
});
|
||||
}
|
||||
|
||||
function applySugResult()
|
||||
{
|
||||
function applySugResult() {
|
||||
if ($("#sugs .active").length > 0) {
|
||||
$("#i").val($("#sugs .active a").html());
|
||||
closeSugBox(false);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user