Updated Looks

This commit is contained in:
TheEmeraldStarr 2020-10-01 20:11:59 -07:00
parent 14b1292028
commit 61c1b7f6a0
2 changed files with 31 additions and 64 deletions

View file

@ -26,7 +26,7 @@
<div> <div>
<div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);"> <div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
<nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;"> <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
<div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="#">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button> <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1"> <div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Surf Freely</a></li> <li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Surf Freely</a></li>
@ -117,7 +117,7 @@
</ul> </ul>
</div> </div>
<!-- GitHub --> <!-- GitHub -->
<div class="col item social"> <div class="col item social" style="margin: 2%;">
<a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic"> <a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
<ion-icon name="logo-github"></ion-icon> <ion-icon name="logo-github"></ion-icon>
</a> </a>
@ -129,6 +129,7 @@
</div> </div>
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script> <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
</body> </body>

View file

@ -11,32 +11,34 @@
:D"> :D">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/i.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/img/i.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat+Alternates"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat+Alternates">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css"> <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Customizable-Background--Overlay.css"> <link rel="stylesheet" href="assets/css/Customizable-Background--Overlay.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css"> <link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/Header-Dark.css"> <link rel="stylesheet" href="assets/css/Header-Dark.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head> </head>
<body> <body>
<!-- Important: Use <wbr> to mess with keywords. --> <!--New-->
<div> <div>
<div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);"> <div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
<nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search"> <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
<div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/index.html">Ho<wbr>ly Unblock<wbr>er</a> <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Holy Unblocker</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1"> <div class="collapse navbar-collapse" id="navcol-1">
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html">Su<wbr>rf Fre<wbr>ely</a></li> <li class="nav-item" role="presentation"><a class="nav-link active" href="/z.html" style="font-family: 'Montserrat Alternates', sans-serif;">Surf Freely</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="g.html">G<wbr>ames</a></li> <li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">Games</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html">YouTube</a></li> <li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouTube</a></li>
<!-- More Menu --> <li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">Discord</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">More</a> <li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;color: rgb(255,255,255);font-family: 'Montserrat Alternates', sans-serif;">More</a>
<div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;"><a class="dropdown-item" role="presentation" href="/k.html" style="color: rgb(255,255,255);">Krunker</a><a class="dropdown-item" role="presentation" href="/c.html" style="color: rgb(255,255,255);">Credits</a></div> <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;padding: 17%;padding-top: 10%;padding-bottom: 10%;"><a class="dropdown-item text-left text-white-50" role="presentation" href="/k.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Krunker</a><a class="dropdown-item text-left text-white-50"
role="presentation" href="/info.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Docs</a><a class="dropdown-item text-white-50" role="presentation" href="/c.html" style="color: rgb(255,255,255);padding: 0%;font-family: Lato, sans-serif;">Credits</a></div>
</li> </li>
<!-- Settings Menu --> <li id="csel" class="nav-item dropdown"><a class="dropdown-toggle nav-link text-white" data-toggle="dropdown" aria-expanded="false" href="#" style="opacity: 0.80;font-family: 'Montserrat Alternates', sans-serif;">Options</a>
<li id="csel" class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Settings</a> <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;">
<div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);font-family: 'Titillium Web', sans-serif;">
<style> <style>
.csel input[type="submit"] { .csel input[type="submit"] {
cursor: pointer; cursor: pointer;
@ -59,7 +61,6 @@
</div> </div>
</div> </div>
</nav> </nav>
<!-- Particles.js background -->
<div id="particles-js" style="height: 500px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;"> <div id="particles-js" style="height: 500px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;">
<div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(1,1,,0.63);"> <div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(1,1,,0.63);">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script> <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
@ -70,55 +71,16 @@
}); });
</script> </script>
<div class="d-flex align-items-center order-12" style="height:200px;"> <div class="d-flex align-items-center order-12" style="height:200px;">
<div class="container text-center justify-content-center align-items-center button" style="color: rgb(255,255,255);filter: blur(0px);"> <div class="container text-center border rounded justify-content-center align-items-center button" style="color: rgb(255,255,255);filter: blur(0px);opacity: 0.95;">
<!-- Button Group-->
<form id="unblocker-form" action="b" method="get"> <form id="unblocker-form" action="b" method="get">
<p style="font-size: 46px;">Sur<wbr>f F<wbr>reely</p> <p style="font-size: 46px;">Surf Freely</p>
<p style="font-family: 'Montserrat Alternates', sans-serif;">Choose which proxy you would like to use. Below is some information.</p> <p style="font-family: 'Montserrat Alternates', sans-serif;">Choose which proxy you would like to use. Below is some information.</p>
<p style="font-size: 20px;font-family: 'Montserrat Alternates', sans-serif;">More Information:<br></p> <p class="text-primary" style="font-size: 20px;font-family: Lato, sans-serif;">More Information:<br></p>
<p>All<wbr>oy:<br>Works on Disc<wbr>ord (QR Code Only), Youtube (Might need to reload), etc.<br>Many sites work with this. Explore!<br>Nod<wbr>e:<br>Flexible but use Al<wbr>loy since its better.</p> <p class="text-light" style="font-family: Lato, sans-serif;">Alloy: YouTube (Full), CoolMathGames, etc.<br><br>Node: Secondary proxy compared to Alloy, PM and PD.<br><br>PM Proxy: Discord, Youtube (limited), etc.<br><br>PyDodge (TBA): Alternative proxy.<br><br><strong>Many sites work with this. Explore!</strong><br><br></p>
<div class="btn-group" role="group" style="background-color: #030303;"><a class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="/a.html">Alloy Proxy</a><a id="node" class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="//b.html">No<wbr>de Unb<wbr>loc<wbr>ker</a> <div class="btn-group" role="group" style="background-color: #030303;margin: 2%;padding: 1px;"><a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/a.html">Alloy Proxy</a>
<a id="pm" class="btn btn-primary" role="button" style="background-color: rgb(24,26,28);" href="/p.html">PM Pr<wbr>o<wbr>xy</a> <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">Node Unblocker</a>
<!-- Adapted NU Button --> <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">PM Proxy</a>
<script> <a class="btn btn-primary text-info border rounded-0 border-primary" role="button" data-bs-hover-animate="pulse" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" href="/bold.html">PyDodge Proxy</a>
//Leads to external NU
function $(id) {
return document.getElementById(id);
}
$('node').onclick = function() {
var url = $('node').value;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
window.location.href = "https://a." + domain;
return false;
};
window.onload = function() {
$('node').focus();
checkError();
}
</script>
<!-- Adapted PM Button -->
<script>
//Leads to external PM
function $(id) {
return document.getElementById(id);
}
$('pm').onclick = function() {
var url = $('pm').value;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
window.location.href = "https://p." + domain;
return false;
};
window.onload = function() {
$('pm').focus();
checkError();
}
</script>
</div> </div>
</form> </form>
</div> </div>
@ -127,13 +89,16 @@
</div> </div>
</div> </div>
</div> </div>
<!--Old-->
<div class="footer-dark" style="background-color: rgb(0,0,0);"> <div class="footer-dark" style="background-color: rgb(0,0,0);">
<footer> <footer>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-6 item text"> <div class="col-md-6 item text">
<h3><a href="/">Ho<wbr>ly Unb<wbr>loc<wbr>ker</a></h3> <h3><a href="/">Ho<wbr>ly Unb<wbr>loc<wbr>ker</a></h3>
<p>Made by Stu<wbr>dents, For Stu<wbr>dents.&nbsp;</p> <p>Made by Students, For Students.&nbsp;</p>
</div> </div>
<div class="col-sm-6 col-md-3 item"> <div class="col-sm-6 col-md-3 item">
<h3>Services</h3> <h3>Services</h3>
@ -152,7 +117,7 @@
</ul> </ul>
</div> </div>
<!-- GitHub --> <!-- GitHub -->
<div class="col item social"> <div class="col item social" style="margin: 2%;">
<a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic"> <a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
<ion-icon name="logo-github"></ion-icon> <ion-icon name="logo-github"></ion-icon>
</a> </a>
@ -164,6 +129,7 @@
</div> </div>
<script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script> <script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script> <script src="https://unpkg.com/ionicons@5.1.2/dist/ionicons.js"></script>
</body> </body>