Change UI with a responsive template cloned by searx, add link to gitea wiki, change logo
This commit is contained in:
Francesco
parent
554a0134fb
commit
e5bf02f688
BIN
LOGO.png
BIN
LOGO.png
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 70 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
105
index.php
105
index.php
|
|
@ -20,71 +20,76 @@ if (isset($q)) {
|
|||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<head>
|
||||
<!--
|
||||
Template cloned by Searx: https://github.com/searx/searx
|
||||
-->
|
||||
<meta charset="UTF-8" />
|
||||
<meta property="og:title" content="Search for Planet">
|
||||
<meta property="og:description" content="Redirect searches to Ethical Search Engines">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://www.searchforplanet.org">
|
||||
<meta property="og:image" content="favicon.png">
|
||||
<title>Search for Planet</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="shortcut icon" href="favicon.png">
|
||||
</head>
|
||||
<body>
|
||||
<section>
|
||||
<header>
|
||||
<ul>
|
||||
<!--<li><a href="#">What is Ethical research</a></li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li><a href="#">News</a></li>-->
|
||||
<li>No Cookie</li>
|
||||
<li>No Profiling</li>
|
||||
<li>No Script</li>
|
||||
<li>No Track</li>
|
||||
</ul>
|
||||
</header>
|
||||
<div class="main">
|
||||
<form name="searchForm" class="form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
|
||||
<img src="LOGO.png">
|
||||
<div class="description">
|
||||
<p>
|
||||
Redirect searches to Ethical Search Engines
|
||||
</p>
|
||||
</div>
|
||||
<div class="searchBox">
|
||||
<input type="text" name="search_query" class="search">
|
||||
<div class="icons">
|
||||
<div>
|
||||
<img src="search-icon.png">
|
||||
<meta property="og:image" content="icon-big.png">
|
||||
|
||||
<meta name="description" content="Redirect searches to Ethical Search Engines" />
|
||||
<meta name="keywords" content="search, search engine, ethical search, ethical" />
|
||||
<meta name="referrer" content="no-referrer">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1 , maximum-scale=1.0, user-scalable=1" />
|
||||
|
||||
<title>SearchforPlanet.org</title>
|
||||
<link rel="stylesheet" href="bootstrap.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="logicodev.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="leaflet.min.css" type="text/css" />
|
||||
|
||||
<link rel="shortcut icon" href="favicon.ico" />
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="searx-navbar">
|
||||
<span class="instance pull-left"><a href="https://gitea.it/selectallfromdual/Searchforplanet.org/wiki/What-is" target="_blank">What is</a></span>
|
||||
<span class="pull-right"><a href="https://gitea.it/selectallfromdual/Searchforplanet.org/wiki/Privacy-policy" target="_blank">Privacy policy</a><a href="https://gitea.it/selectallfromdual/Searchforplanet.org/wiki/News" target="_blank">News</a></span>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="text-center col-sm-12 col-md-12">
|
||||
<h1 class="text-hide center-block" id="main-logo">
|
||||
<img class="center-block img-responsive" src="LOGO.png" alt="searx logo" />
|
||||
SearchforPlanet.org
|
||||
</h1>
|
||||
<p class="text-muted">Redirect searches to Ethical Search Engines</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="text-center col-sm-12 col-md-12">
|
||||
|
||||
<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="search_form" role="search">
|
||||
<div class="input-group col-md-8 col-md-offset-2">
|
||||
<input type="search" name="q" class="form-control input-lg autofocus" id="q" placeholder="Search here..." aria-label="Search here..." autocomplete="off" value="" accesskey="s">
|
||||
<span class="input-group-btn">
|
||||
<button type="submit" name="submit" class="btn btn-default input-lg" aria-label="Cerca"><span class="hide_if_nojs"><img src="search-icon.png"></span></button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="buttons">
|
||||
<button type="submit" name="submit">Search</button>
|
||||
|
||||
</form> </div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="row row2">
|
||||
<ul>
|
||||
<li><a href="https://gitea.it/selectallfromdual/Searchforplanet.org" target="_blank">Gitea</a></li>
|
||||
<li><a href="https://gitea.it/selectallfromdual/Searchforplanet.org/issues" target="_blank">Issues</a></li>
|
||||
<li><a href="https://liberapay.com/searchforplanet" target="_blank">Liberapay</a></li>
|
||||
<li><a href="https://www.selectallfromdual.com" target="_blank">Powered by Dummy-X</a></li>
|
||||
<li><a href="https://mastodon.uno" target="_blank">in collaboration with Mastodon Italia</a></li>
|
||||
</ul>
|
||||
<div class="container">
|
||||
<p class="text-muted">
|
||||
<small>By using this service you accept the <a href="https://gitea.it/selectallfromdual/Searchforplanet.org/wiki/Terms" target="_blank">Terms</a><br>
|
||||
<a href="https://gitea.it/selectallfromdual/Searchforplanet.org" target="_blank">source code</a> | <a href="https://gitea.it/selectallfromdual/Searchforplanet.org/issues" target="_blank">issue tracker</a> | <a href="https://liberapay.com/searchforplanet" target="_blank">support us</a> | <a href="https://gitea.it/selectallfromdual/Searchforplanet.org/wiki/Welcome-page" target="_blank">wiki</a></small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
<?php
|
||||
if(isset($_POST['submit'])) {
|
||||
$q = $_POST['search_query'];
|
||||
$q = $_POST['q'];
|
||||
goSearch($q, $searchsite);
|
||||
}
|
||||
|
||||
|
|
@ -98,5 +103,3 @@ function goSearch($q, $searchsite) {
|
|||
header('Location: '.$query);
|
||||
}
|
||||
?>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,93 @@
|
|||
.leaflet-map-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-pane,.leaflet-tile-container,.leaflet-overlay-pane,.leaflet-shadow-pane,.leaflet-marker-pane,.leaflet-popup-pane,.leaflet-overlay-pane svg,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}
|
||||
.leaflet-container{overflow:hidden;-ms-touch-action:none}
|
||||
.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}
|
||||
.leaflet-marker-icon,.leaflet-marker-shadow{display:block}
|
||||
.leaflet-container img{max-width:none !important}
|
||||
.leaflet-container img.leaflet-image-layer{max-width:15000px !important}
|
||||
.leaflet-tile{filter:inherit;visibility:hidden}
|
||||
.leaflet-tile-loaded{visibility:inherit}
|
||||
.leaflet-zoom-box{width:0;height:0}
|
||||
.leaflet-overlay-pane svg{-moz-user-select:none}
|
||||
.leaflet-tile-pane{z-index:2}
|
||||
.leaflet-objects-pane{z-index:3}
|
||||
.leaflet-overlay-pane{z-index:4}
|
||||
.leaflet-shadow-pane{z-index:5}
|
||||
.leaflet-marker-pane{z-index:6}
|
||||
.leaflet-popup-pane{z-index:7}
|
||||
.leaflet-vml-shape{width:1px;height:1px}
|
||||
.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}
|
||||
.leaflet-control{position:relative;z-index:7;pointer-events:auto}
|
||||
.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}
|
||||
.leaflet-top{top:0}
|
||||
.leaflet-right{right:0}
|
||||
.leaflet-bottom{bottom:0}
|
||||
.leaflet-left{left:0}
|
||||
.leaflet-control{float:left;clear:both}
|
||||
.leaflet-right .leaflet-control{float:right}
|
||||
.leaflet-top .leaflet-control{margin-top:10px}
|
||||
.leaflet-bottom .leaflet-control{margin-bottom:10px}
|
||||
.leaflet-left .leaflet-control{margin-left:10px}
|
||||
.leaflet-right .leaflet-control{margin-right:10px}
|
||||
.leaflet-fade-anim .leaflet-tile,.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}
|
||||
.leaflet-fade-anim .leaflet-tile-loaded,.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}
|
||||
.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0, 0, .25, 1);-moz-transition:-moz-transform .25s cubic-bezier(0, 0, .25, 1);-o-transition:-o-transform .25s cubic-bezier(0, 0, .25, 1);transition:transform .25s cubic-bezier(0, 0, .25, 1)}
|
||||
.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile,.leaflet-touching .leaflet-zoom-animated{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
|
||||
.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}
|
||||
.leaflet-clickable{cursor:pointer}
|
||||
.leaflet-container{cursor:-webkit-grab;cursor:-moz-grab}
|
||||
.leaflet-popup-pane,.leaflet-control{cursor:auto}
|
||||
.leaflet-dragging .leaflet-container,.leaflet-dragging .leaflet-clickable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing}
|
||||
.leaflet-container{background:#ddd;outline:0}
|
||||
.leaflet-container a{color:#0078a8}
|
||||
.leaflet-container a.leaflet-active{outline:2px solid #ffa500}
|
||||
.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,0.5)}
|
||||
.leaflet-container{font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}
|
||||
.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,0.65);border-radius:4px}
|
||||
.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}
|
||||
.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}
|
||||
.leaflet-bar a:hover{background-color:#f4f4f4}
|
||||
.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}
|
||||
.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}
|
||||
.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}
|
||||
.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}
|
||||
.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}
|
||||
.leaflet-control-zoom-out{font-size:20px}
|
||||
.leaflet-touch .leaflet-control-zoom-in{font-size:22px}
|
||||
.leaflet-touch .leaflet-control-zoom-out{font-size:24px}
|
||||
.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px}
|
||||
.leaflet-control-layers-toggle{background-image:url(../img/map/layers.png);width:36px;height:36px}
|
||||
.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../img/map/layers-2x.png);background-size:26px 26px}
|
||||
.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}
|
||||
.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}
|
||||
.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}
|
||||
.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}
|
||||
.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}
|
||||
.leaflet-control-layers label{display:block}
|
||||
.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}
|
||||
.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,0.7);margin:0}
|
||||
.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}
|
||||
.leaflet-control-attribution a{text-decoration:none}
|
||||
.leaflet-control-attribution a:hover{text-decoration:underline}
|
||||
.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}
|
||||
.leaflet-left .leaflet-control-scale{margin-left:5px}
|
||||
.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}
|
||||
.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;background:rgba(255,255,255,0.5)}
|
||||
.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}
|
||||
.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}
|
||||
.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}
|
||||
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,0.2);background-clip:padding-box}
|
||||
.leaflet-popup{position:absolute;text-align:center}
|
||||
.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}
|
||||
.leaflet-popup-content{margin:13px 19px;line-height:1.4}
|
||||
.leaflet-popup-content p{margin:18px 0}
|
||||
.leaflet-popup-tip-container{margin:0 auto;width:40px;height:20px;position:relative;overflow:hidden}
|
||||
.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
|
||||
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,0.4)}
|
||||
.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:bold;background:transparent}
|
||||
.leaflet-container a.leaflet-popup-close-button:hover{color:#999}
|
||||
.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
|
||||
.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}
|
||||
.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)}
|
||||
.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}
|
||||
.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}
|
||||
.leaflet-div-icon{background:#fff;border:1px solid #666}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
162
style.css
162
style.css
|
|
@ -1,162 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'arial', sans-serif;
|
||||
}
|
||||
|
||||
section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
section header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
section header ul {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section header ul li {
|
||||
list-style: none;
|
||||
margin-left: 20px;
|
||||
|
||||
}
|
||||
|
||||
section header ul li a {
|
||||
color: #111;
|
||||
text-decoration: none;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
section .main {
|
||||
width: 580px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section .main .description {
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
color: #5f6368;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
section .main .form {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section .main .form .searchBox {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
section .main .form .searchBox .search {
|
||||
width: 100%;
|
||||
padding: 13px;
|
||||
padding-left: 45px;
|
||||
padding-right: 60px;
|
||||
border-radius: 30px;
|
||||
border: 1px solid #ccc;
|
||||
outline: none;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
section .main .form .searchBox .icons {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 12px 20px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
section .main .form .buttons {
|
||||
margin-top: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
section .main .form .buttons button {
|
||||
margin: 0 5px;
|
||||
padding: 12px 20px;
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
border: 1px solid transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
section .main .form .buttons button:hover {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
section .footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: #f2f2f2;
|
||||
}
|
||||
|
||||
section .footer .row {
|
||||
padding: 15px 25px;
|
||||
border-top: 1px solid rgba(0,0,0,0.05);
|
||||
|
||||
}
|
||||
|
||||
section .footer .row {
|
||||
padding: 15px 25px;
|
||||
border-top: 1px solid rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
section .footer .row.row2 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
section .footer .row.row2 ul {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
section .footer .row.row2 ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
section .footer .row.row2 ul li a {
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
color: #5f6368;
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
section .footer .row.row2 ul:nth-child(2) li a {
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
color: #5f6368;
|
||||
margin-right: 0px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
Loading…
Reference in New Issue