-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtoolsold.html
58 lines (58 loc) · 14 KB
/
toolsold.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html id="wrapper" lang="en">
<head>
<meta charset="utf-8">
<meta name="flattr:id" content="2e3k5l">
<meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport">
<link rel="stylesheet" href="https://cdn.statically.io/gh/saxobroko/Saxo_Brokoapp/9fb84c5c/w3.css" type="text/css">
<title>Saxo_Broko - Tools</title>
<style>html{background-color:#737373;}.br{position:absolute; bottom:2%; right:2%;}.sec1,.sec2,.sec3,.sec4{margin-left:120px}.nobar{overflow:hidden}.html{font: Lucida Sans Unicode, Lucida Grande, sans-serif, Comic Sans MS, Helvetica, Arial, sans-serif ;}.w3-sidebar{width:120px; background:#222}::-webkit-scrollbar{width:27px}::-webkit-scrollbar-track{background-color:#595959}::-webkit-scrollbar-thumb{background-color:#2b2b2b}::-webkit-scrollbar-corner{background-color:#000}.avatar{z-index:0; position:relative}.topMenu{z-index:20}.sbx-google{display:inline-block; width:35%; height:41px; white-space:nowrap; box-sizing:border-box; font-size:14px}.sbx-google__wrapper{width:100%; height:100%}.sbx-google__input{display:inline-block; -webkit-transition:box-shadow .4s ease,background .4s ease; transition:box-shadow .4s ease,background .4s ease; border:0; border-radius:4px; box-shadow:inset 0 0 0 1px #ccc; background:#fff; padding:0; padding-right:77px; padding-left:11px; width:100%; height:100%; vertical-align:middle; white-space:normal; font-size:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none}.sbx-google__input::-webkit-search-cancel-button,.sbx-google__input::-webkit-search-decoration,.sbx-google__input::-webkit-search-results-button,.sbx-google__input::-webkit-search-results-decoration{display:none}.sbx-google__input:hover{box-shadow:inset 0 0 0 1px #b3b3b3}.sbx-google__input:active,.sbx-google__input:focus{outline:0; box-shadow:inset 0 0 0 1px #3e82f7; background:#fff}.sbx-google__input::-webkit-input-placeholder{color:#aaa}.sbx-google__input::-moz-placeholder{color:#aaa}.sbx-google__input:-ms-input-placeholder{color:#aaa}.sbx-google__input::placeholder{color:#aaa}.sbx-google__submit{position:absolute; top:0; right:0; left:inherit; margin:0; border:0; border-radius:0 3px 3px 0; background-color:#787878; padding:0; width:49px; height:100%; vertical-align:middle; text-align:center; font-size:inherit; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition: transform 0.3s;}.sbx-google__submit svg:hover, .sbx-google__reset:hover{transform: scale(1.2);}.sbx-google__submit::before{display:inline-block; margin-right:-4px; height:100%; vertical-align:middle; content:''}.sbx-google__submit:active,.sbx-google__submit:hover{cursor:pointer}.sbx-google__submit:focus{outline:0}.sbx-google__submit svg{width:21px; height:21px; vertical-align:middle; fill:#fff}.sbx-google__reset{display:none; position:absolute; top:10px; right:56px; margin:0; border:0; background:0 0; cursor:pointer; padding:0; font-size:inherit; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; fill:rgba(0,0,0,.5);transition: transform 0.3s;}.sbx-google__reset:focus{outline:0}.sbx-google__reset svg{display:block; margin:4px; width:13px; height:13px}.sbx-google__input:valid~.sbx-google__reset{display:block;}.searchicon{position:absolute; right:20px; top:0; bottom:0; content:''; width:25px;}.trashicon{position:absolute; right:55px; top:0; bottom:0; content:''; width:25px;}.sbx-google__input:focus,.sbx-google__input:hover{box-shadow:0 0 5px #fff}.searchplace{position:absolute; top:2%; right:2%; z-index:3}.glow{text-shadow:#000 0 0 10px,#000 0 0 10px,#000 0 0 10px,#000 0 0 10px,#000 0 0 10px,#000 0 0 10px}body{background-color:#373737}.bgimg,.bgimg2,.bgimg3{min-height:100%; max-height:100%}.bgimg2,.bgimg3{z-index:2; position:relative}.bgimg,.bgimg3{background-color:#000; background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%23909090' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")}.myName{font-size:5vw}.side{position:absolute}.hide{display:none}.bob-square{position:absolute; bottom:2%; right:2%}body{font-family:Lato,sans-serif; transition:background-color .5s}.sidenav1{height:100%; width:0; position:fixed; z-index:1; top:0; left:0; background-color:#111; overflow-x:hidden; transition:.5s; padding-top:60px}.sidenav1 a{padding:8px 8px 8px 32px; text-decoration:none; font-size:25px; color:#818181; display:block; transition:.3s}.sidenav1 a:hover{color:#f1f1f1}.sidenav1 .closebtn{position:absolute; top:0; right:25px; font-size:36px; margin-left:50px}#main{transition:margin-left .5s; padding:16px}@media screen and (max-height:450px){.sidenav1{padding-top:15px}.sidenav1 a{font-size:18px}}.Menu69{position:absolute; top:1%; left:4%}.avatar1{z-index:1; position:absolute}.pace{-webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;}.pace-inactive{display: none;}.pace .pace-progress{background: #c0c0c0; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px;}.sec2{background-color: #434343; background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23040404' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");}.sec3{background-color: #434343; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23040404' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.sec6{background-color: #434343; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23040404' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.sec1{margin-left: 120px;}.sec1,.sec2, .sec3, .sec4, .sec6{background-attachment: fixed; min-height: 100%; background-position: center; width:100%; height: 100vh; float:right; text-align:center; margin: 0 auto;}.sec6{background-attachment: fixed; min-height: 10px; background-position: center; width:100%; height: 3vh; float:right; text-align:center; margin: 0 auto;}a{text-decoration:none;}.icon{display:inline-block; stroke-width:0; width:70px; stroke:currentColor; fill:currentColor}#dark{display:none;}#light{display:inline-block;}.w3-bar-item{height:15%}a{scroll-behavior: smooth;}</style>
<style>header{padding-left:120px;}#img {display: none;}span:hover ~ #img,#aimg{position:fixed;display: block;bottom: -100px;left: 25%;}span{display:inline-block;}header a {white-space: nowrap}
</style>
<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"PW1xv1O7kI20L7", domain:"saxobroko.com",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://certify-js.alexametrics.com/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://certify.alexametrics.com/atrk.gif?account=PW1xv1O7kI20L7" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript -->
</head>
<div class="sec1 bgimg w3-text-white w3-center">
<style>.w3-bar-item{height:13.25%; padding:100px; padding-top:30px;}#currentpage{background:#000}a{font-size:12px}.mobile-container{max-width: 480px; margin: auto; background-color: #555; height: 500px; color: white; border-radius: 10px;}.topnav{overflow: hidden; background-color: #333; position: sticky;}.topnav a{float: left; color: white; padding: 14px 16px; text-decoration: none; font-size: 17px;}.topnav a:hover{background-color: #ddd; color: black;}.btn33{transition: transform 0.3s;}.btn33:hover{transform: scale(1.2);}</style>
<nav style="z-index: 10; padding-top: 30px;" class="w3-hide-small w3-text-white w3-sidebar nobar side w3-bar-block w3-small w3-center">
<img style="width:100%;" draggable="false" src="./images/avatar.png" alt="Saxo_Broko cartoon style face">
<a target="_self" class="w3-bar-item btn33 w3-button w3-hover-black" href="./index.html#" aria-label="Home">
<svg style="width:40px; filter: invert(100%);" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 28"><path d="M22 15.5v7.5c0 0.547-0.453 1-1 1h-6v-6h-4v6h-6c-0.547 0-1-0.453-1-1v-7.5c0-0.031 0.016-0.063 0.016-0.094l8.984-7.406 8.984 7.406c0.016 0.031 0.016 0.063 0.016 0.094zM25.484 14.422l-0.969 1.156c-0.078 0.094-0.203 0.156-0.328 0.172h-0.047c-0.125 0-0.234-0.031-0.328-0.109l-10.813-9.016-10.813 9.016c-0.109 0.078-0.234 0.125-0.375 0.109-0.125-0.016-0.25-0.078-0.328-0.172l-0.969-1.156c-0.172-0.203-0.141-0.531 0.063-0.703l11.234-9.359c0.656-0.547 1.719-0.547 2.375 0l3.813 3.187v-3.047c0-0.281 0.219-0.5 0.5-0.5h3c0.281 0 0.5 0.219 0.5 0.5v6.375l3.422 2.844c0.203 0.172 0.234 0.5 0.063 0.703z"></path></svg>
<p>HOME</p>
</a>
<br>
<a target="_self" class="w3-bar-item btn33 w3-button w3-hover-black" href="./games.html#" aria-label="Games">
<svg style="width:40px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M480 96H160C71.6 96 0 167.6 0 256s71.6 160 160 160c44.8 0 85.2-18.4 114.2-48h91.5c29 29.6 69.5 48 114.2 48 88.4 0 160-71.6 160-160S568.4 96 480 96zM256 276c0 6.6-5.4 12-12 12h-52v52c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-52H76c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h52v-52c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h52c6.6 0 12 5.4 12 12v40zm184 68c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-80c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z"></path></svg>
<p>GAMES</p>
</a>
<br>
<a target="_self" class="w3-bar-item btn33 w3-button w3-hover-black" href="./tools.html#" aria-label="Tools">
<svg style="width:40px" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="tools" class="svg-inline--fa fa-tools fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z"></path></svg>
<p>TOOLS</p>
</a>
</nav>
<div class="sticky1 w3-hide-large w3-hide-medium topnav">
<a href="./index.html#">Home</a>
<a href="./games/index#">Games</a>
<a id="currentpage" href="./tools.html#">Tools</a>
</div>
<div class="" id="main">
<header class="w3-center w3-display-middle" style="width:100%;height:50%;" id="tools">
<a href="./tools/percent/index"><span class="w3-button w3-gray">Percentage Calculator</span><img width="700px" height="300px" id="img" src="./images/percent.webp"></a>
<a href="./docs"><span class="w3-button w3-gray">Doc</span><img width="700px" height="300px" id="img" src="./images/doc.webp"></a>
<a href="https://pro.saxobroko.com"><span class="w3-button w3-gray">Proxy</span><div width="700px" height="300px" id="img" style="padding-left: 350px;padding-right:350px; padding-top:150px;padding-bottom: 150px;background-color: #343434"><h1>Proxy</h1></div></a>
<a href="./tools/logofind/index"><span class="w3-button w3-gray">Logo Finder</span><img width="700px" height="300px" id="img" src="./images/logofind.png"></a>
<a href="./tools/camera/index"><span class="w3-button w3-gray">Camera</span><img width="700px" height="300px" id="img" src="./images/camera.webp"></a>
<a href="./tools/ginger"><span class="w3-button w3-gray">Ginger Chrome</span><img width="700px" height="300px" id="img" src="/images/ginger.png"></a>
<a href="./tools/color"><span class="w3-button w3-gray">Colours</span><img width="700px" height="300px" id="img" src="./images/colours.gif"></a>
<a href="./tools/piglatin/index"><span class="w3-button w3-gray">Pig Latin</span><img width="700px" height="300px" id="img" src="./images/piglatin.png"></a>
<a href="./tools/mazegen" target="_blank" ><span class="w3-button w3-gray">Maze Generator</span><img width="700px" height="300px" id="img" src="./images/mazegen.webp"></a>
<a href="#"><span class="w3-hide w3-button w3-gray">no</span><img style="z-index: -1;display: block;bottom: -100px;left: 25%;" height="300px" id="aimg" src="./images/tools.webp"></a>
</header>
<script data-cfasync="false" src="./js/jquery.min.js"></script>
</html>