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 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;">
<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">
<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>
@ -117,7 +117,7 @@
</ul>
</div>
<!-- GitHub -->
<div class="col item social">
<div class="col item social" style="margin: 2%;">
<a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
<ion-icon name="logo-github"></ion-icon>
</a>
@ -129,6 +129,7 @@
</div>
<script src="assets/js/jquery.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>
</body>

View file

@ -11,32 +11,34 @@
:D">
<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="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=Titillium+Web:400,600,700">
<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/Footer-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>
<body>
<!-- Important: Use <wbr> to mess with keywords. -->
<!--New-->
<div>
<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">
<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>
<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="collapse navbar-collapse" id="navcol-1">
<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" href="g.html">G<wbr>ames</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/yt.html">YouTube</a></li>
<!-- More Menu -->
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">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>
<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" style="font-family: 'Montserrat Alternates', sans-serif;">Games</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>
<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="#" 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;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>
<!-- Settings Menu -->
<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);font-family: 'Titillium Web', sans-serif;">
<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>
<div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;">
<style>
.csel input[type="submit"] {
cursor: pointer;
@ -59,7 +61,6 @@
</div>
</div>
</nav>
<!-- Particles.js background -->
<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);">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
@ -70,55 +71,16 @@
});
</script>
<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);">
<!-- Button Group-->
<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;">
<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-size: 20px;font-family: 'Montserrat Alternates', 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>
<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>
<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>
<!-- Adapted NU Button -->
<script>
//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>
<p class="text-primary" style="font-size: 20px;font-family: Lato, sans-serif;">More Information:<br></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;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 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>
<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>
<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>
</div>
</form>
</div>
@ -127,13 +89,16 @@
</div>
</div>
</div>
<!--Old-->
<div class="footer-dark" style="background-color: rgb(0,0,0);">
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 item text">
<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 class="col-sm-6 col-md-3 item">
<h3>Services</h3>
@ -152,7 +117,7 @@
</ul>
</div>
<!-- GitHub -->
<div class="col item social">
<div class="col item social" style="margin: 2%;">
<a href="https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic">
<ion-icon name="logo-github"></ion-icon>
</a>
@ -164,6 +129,7 @@
</div>
<script src="assets/js/jquery.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>
</body>