Browse Source

Change UI with a responsive template cloned by searx, add link to gitea wiki, change logo

master
Francesco 9 months ago
parent
commit
e5bf02f688
  1. BIN
      LOGO.png
  2. 1
      bootstrap.min.css
  3. 0
      favicon.ico
  4. BIN
      icon-big.png
  5. 123
      index.php
  6. 93
      leaflet.min.css
  7. 1
      logicodev-dark.min.css
  8. 1
      logicodev.min.css
  9. 162
      style.css

BIN
LOGO.png

Before

Width: 315  |  Height: 95  |  Size: 26 KiB

After

Width: 631  |  Height: 237  |  Size: 70 KiB

1
bootstrap.min.css
File diff suppressed because it is too large
View File

0
favicon.png → favicon.ico

Before

Width: 64  |  Height: 64  |  Size: 4.8 KiB

After

Width: 64  |  Height: 64  |  Size: 4.8 KiB

BIN
icon-big.png

After

Width: 512  |  Height: 512  |  Size: 51 KiB

123
index.php

@ -20,71 +20,76 @@ if (isset($q)) {
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta property="og:title" content="Search for Planet">
<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">
</div>
</div>
</div>
<div class="buttons">
<button type="submit" name="submit">Search</button>
</div>
</form>
</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>
<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>
</section>
</body>
</html>
</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>
</form> </div>
</div>
</div>
</div>
<div class="footer">
<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>
</body>
</html>
<?php
if(isset($_POST['submit'])) {
$q = $_POST['search_query'];
$q = $_POST['q'];
goSearch($q, $searchsite);
}
@ -97,6 +102,4 @@ function goSearch($q, $searchsite) {
header('Location: '.$query);
}
?>
?>

93
leaflet.min.css

@ -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}

1
logicodev-dark.min.css
File diff suppressed because it is too large
View File

1
logicodev.min.css
File diff suppressed because it is too large
View File

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…
Cancel
Save