Updated visuals and expanded website.
This commit is contained in:
@@ -104,7 +104,7 @@
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.noUi-connect {
|
||||
background: #26A69A;
|
||||
background: #a6a6a6;
|
||||
-webkit-transition: background 450ms;
|
||||
transition: background 450ms;
|
||||
}
|
||||
@@ -308,7 +308,7 @@
|
||||
height: 15px;
|
||||
border-radius: 50%;
|
||||
box-shadow: none;
|
||||
background-color: #26A69A;
|
||||
background-color: #a6a6a6;
|
||||
border: none;
|
||||
left: -5px;
|
||||
top: -6px;
|
||||
@@ -337,7 +337,7 @@
|
||||
width: 30px;
|
||||
top: -17px;
|
||||
left: -2px;
|
||||
background-color: #26A69A;
|
||||
background-color: #a6a6a6;
|
||||
border-radius: 50%;
|
||||
transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
|
||||
transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
@@ -376,7 +376,7 @@
|
||||
width: 30px;
|
||||
top: -17px;
|
||||
left: -2px;
|
||||
background-color: #26A69A;
|
||||
background-color: #a6a6a6;
|
||||
border-radius: 50%;
|
||||
transition: border-radius .25s cubic-bezier(0.215, 0.610, 0.355, 1.000),
|
||||
transform .25s cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
||||
|
||||
@@ -22,6 +22,11 @@
|
||||
transform: scale(1) rotate(-45deg) translate(0px, 4px);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
@@ -110,3 +115,96 @@ td {
|
||||
.wider-container {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.redcjvt {
|
||||
background-color: #e12a26;
|
||||
}
|
||||
|
||||
.blackcjvt {
|
||||
background-color: #161616;
|
||||
}
|
||||
|
||||
input:focus {
|
||||
border-bottom: 1px solid #212121 !important;
|
||||
box-shadow: 0 1px 0 0 #212121 !important;
|
||||
}
|
||||
|
||||
label.active {
|
||||
color: #212121 !important;
|
||||
}
|
||||
|
||||
.backgroundcolorcjvt {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
background: #393939;
|
||||
}
|
||||
.btn:hover {
|
||||
background: #212121;
|
||||
}
|
||||
|
||||
.btn.btn-round {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.btn, .btn-large, .btn-small {
|
||||
display: inline-block;
|
||||
line-height: 3rem;
|
||||
padding: 0 1.5rem;
|
||||
background-color: #161616;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
margin-top: 1.5rem;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition: background 0.3s ease-out;
|
||||
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.insidebutton {
|
||||
color: #161616;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
line-height: 2.5rem;
|
||||
padding: 0 1rem;
|
||||
border-radius: 2px;
|
||||
border: solid 1px #161616;
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
margin-right: 1rem;
|
||||
transition: opacity 0.3s ease-out;
|
||||
cursor: pointer;
|
||||
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.insidebutton:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.switch label .lever {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
.switch label input[type=checkbox]:checked+.lever {
|
||||
background-color: #a6a6a6;
|
||||
}
|
||||
.switch label input[type=checkbox]:checked+.lever:after {
|
||||
background-color: #737373;
|
||||
}
|
||||
|
||||
input.valid[type=text]:not(.browser-default) {
|
||||
border-bottom: 1px solid #9e9e9e;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type=text]:not(.browser-default).validate + label {
|
||||
color: #9e9e9e !important;
|
||||
}
|
||||
|
||||
[type="checkbox"].filled-in:checked + span:not(.lever):after {
|
||||
border: 2px solid #212121;
|
||||
background-color: #212121;
|
||||
}
|
||||
|
||||
22
static/favicon/favicon.svg
Normal file
22
static/favicon/favicon.svg
Normal file
@@ -0,0 +1,22 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 196 196" style="enable-background:new 0 0 196 196;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#E12A26;}
|
||||
.st1{fill:#FFFFFF;}
|
||||
</style>
|
||||
<rect class="st0" width="196" height="196"/>
|
||||
<g id="XMLID_57_">
|
||||
<path id="XMLID_63_" class="st1" d="M60,104.1c0,9.6-0.5,13.9-3.4,16.9c-2.4,2.4-4.8,3.3-10.1,3.3H28c-5.3,0-7.8-0.8-10.1-3.3
|
||||
c-3.3-3.4-4.9-8.6-4.9-22s1.5-18.6,4.9-22.1c2.3-2.4,4.8-3.3,10.1-3.3h18.4c5.3,0,7.8,0.8,10.1,3.3c2.8,2.9,3.5,7.1,3.4,16.2H43.4
|
||||
c-0.2-3.8-0.3-4.7-0.6-5.2c-0.5-0.6-1.3-0.8-3.2-0.8h-4.4c-1.9,0-2.6,0.1-3.2,0.8c-0.5,0.6-0.9,2.2-0.9,11s0.4,10.4,0.9,11
|
||||
c0.5,0.7,1.3,0.8,3.2,0.8h4.4c1.9,0,2.6-0.2,3.2-0.8c0.5-0.5,0.5-1.5,0.6-5.9H60z"/>
|
||||
<path id="XMLID_61_" class="st1" d="M69.9,73.7h17.9v51.2c0,7-1.1,9.7-3.3,11.8c-1.9,1.9-4.7,3.3-10.8,3.3c-4.2,0-7.2-0.5-11.3-1.4
|
||||
v-12.9h3.2c2.3,0,3.2-0.2,3.6-0.6c0.5-0.5,0.7-1.4,0.7-3.4V73.7z"/>
|
||||
<path id="XMLID_59_" class="st1" d="M133,120.3c-1.1,3.4-2.6,4.2-6.1,4.2h-12.1c-3.4,0-5-0.7-6.1-4.2L93.4,73.7h19.2l8.2,32.5h1
|
||||
l8.1-32.5h18.4L133,120.3z"/>
|
||||
<path id="XMLID_58_" class="st1" d="M184,87.1V73.7h-12.1V61h-13l-5.4,16.3v9.8v24.2c0,6.3,0.9,8.7,2.5,10.3
|
||||
c1.7,1.7,4.4,3.2,10.5,3.2c5.1,0,10-0.6,13-1.4l4.3-1v-11.8h-7.7c-2.3,0-3.2-0.2-3.6-0.6c-0.5-0.5-0.7-1.4-0.7-3.4V87.1H184z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -93,19 +93,26 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
}
|
||||
|
||||
}*/
|
||||
|
||||
var urlParams = new URLSearchParams(window.location.search);
|
||||
var lang='en'
|
||||
if (urlParams.has('lang')) {
|
||||
lang=urlParams.get('lang');
|
||||
}
|
||||
|
||||
var perfEntries = performance.getEntriesByType("navigation");
|
||||
for (var i = 0; i < perfEntries.length; i++) {
|
||||
if (perfEntries[i].type === 'back_forward') {
|
||||
window.location.href = '/'
|
||||
window.location.href = '/?lang='+lang;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
var urlParams = new URLSearchParams(window.location.search);
|
||||
|
||||
if (urlParams.has('reload')) {
|
||||
// if (Object.keys(localStorage).length > 1) {
|
||||
localStorage.clear();
|
||||
window.location.href = '/'
|
||||
window.location.href = '/?lang='+lang;
|
||||
// }
|
||||
|
||||
}
|
||||
@@ -162,5 +169,22 @@ document.addEventListener("DOMContentLoaded", function(event) {
|
||||
storeValuesToLocalstorage();
|
||||
return true;
|
||||
});
|
||||
$("#switch-language").click(function(e) {
|
||||
var spans = $(".noUi-tooltip").find('span');
|
||||
var tree_size_min = spans[0].innerText;
|
||||
var tree_size_max = spans[1].innerText;
|
||||
console.log('amm');
|
||||
$("<input />").attr("type", "hidden")
|
||||
.attr("name", "tree_size_min")
|
||||
.attr("value", tree_size_min)
|
||||
.appendTo("#submit-form");
|
||||
$("<input />").attr("type", "hidden")
|
||||
.attr("name", "tree_size_max")
|
||||
.attr("value", tree_size_max)
|
||||
.appendTo("#submit-form");
|
||||
|
||||
storeValuesToLocalstorage();
|
||||
return true;
|
||||
});
|
||||
})(jQuery); // end of jQuery name space
|
||||
|
||||
|
||||
Reference in New Issue
Block a user