This commit is contained in:
TheEmeraldStarr 2020-10-27 13:23:51 -07:00
commit ea756fcbb4
21 changed files with 1336 additions and 432 deletions

2
.gitignore vendored
View file

@ -1 +1,3 @@
node_modules
.gitpod.yml

View file

@ -28,7 +28,7 @@ Either use the button above to deploy to Heroku or do the below:
`npm start`
The default place for the proxy when its started is `http://localhost:8080` but you can change it if needed in config.json
The default place for the proxy when its started is `http://localhost:8081` but you can change it if needed in config.json
This website has been hosted locally on Alloy Proxy. More more information go to the Alloy Proxy repo below.

View file

@ -1,5 +1,5 @@
{
"port": "8080",
"prefix": "/home/",
"port": "8081",
"prefix": "/fetch/",
"ssl": false
}

View file

@ -1,5 +1,7 @@
div.gallery {
border: 1px solid #ccc;
margin-top: 5px;
margin-bottom: 5px;
}
div.gallery:hover {
@ -8,11 +10,11 @@ div.gallery:hover {
div.gallery img {
width: 100%;
height: auto;
height: 60%;
}
div.desc {
padding: 15px;
padding: 10px;
text-align: center;
height: 150px;
}

154
public/assets/css/hp.css Normal file
View file

@ -0,0 +1,154 @@
@media only screen and (max-width: 100%) {
body {
min-height: 100%;
min-width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
}
.hd-base {
background-color: rgb(0, 0, 0);
background-image: url("assets/img/black.jpg");
}
.dp-base {
height: 100px;
}
.dp-menu {
background-color: rgb(33, 30, 30);
padding: 17%;
padding-top: 10%;
padding-bottom: 10%;
}
.dp-menu-brand {
font-family: 'Montserrat Alternates', sans-serif;
font-size: 21px;
margin: 10px;
font-style: normal;
font-weight: bold;
}
.dp-menu-more {
opacity: 0.80;
color: #fff;
font-family: 'Montserrat Alternates', sans-serif;
}
.dp-more {
background-color: rgb(33, 30, 30);
font-family: 'Titillium Web', sans-serif;
padding: 17%;
padding-top: 10%;
padding-bottom: 10%;
}
.dp-more-items {
color: white;
padding: 0;
font-family: Lato, sans-serif;
}
.dp-menu-options {
opacity: 0.80;
font-family: 'Montserrat Alternates', sans-serif;
}
.tb-cloakp1 {
font-size: 20px;
font-family: 'Montserrat Alternates', sans-serif;
}
.tb-cloakp2 {
font-size: 14px;
font-family: 'Montserrat Alternates', sans-serif;
}
.tb-input {
width: 100%;
height: 40px;
font-family: 'Montserrat Alternates', sans-serif;
}
.tb-btn {
width: 100%;
padding: 8px;
margin: 0px;
height: 90%;
font-family: 'Montserrat Alternates', sans-serif;
font-size: 16px;
}
.ft-bg {
background-color: rgb(0, 0, 0);
}
.ft-g {
margin: 2%;
}
.particlesbg {
position: absolute;
display: block;
min-height: 100%;
min-width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
color: #fff;
background-color: white;
}
.in-bg {
height: 500px;
font-family: 'Montserrat Alternates', sans-serif;
font-weight: bold;
}
.in-flex {
height: inherit;
min-height: initial;
width: 100%;
position: absolute;
left: 0;
}
.in-splash {
height: 200px;
}
.in-center {
color: rgb(255, 255, 255);
}
.in-splash-text {
color: rgb(242, 245, 248);
font-size: 35px;
font-weight: normal;
font-family: 'Montserrat Alternates', sans-serif;
margin: 7px;
padding: 34px;
width: 559px;
}
.in-btn-color {
color: #00bc8c;
}
.d-popupbg {
border: 3px solid #ffffff;
background-color: #000000;
font-family: 'Montserrat Alternates', sans-serif;
color: #FFFFFF;
padding: 1%;
margin: 1%;
}

View file

@ -10,6 +10,32 @@
}
}
/*IFrame CSS*/
section {
width: 100%;
height: 238px;
border: none;
overflow: hidden;
}
/*Styles CSS*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.hd-base {
background-color: rgb(0, 0, 0);
background-image: url("assets/img/black.jpg");
@ -151,4 +177,591 @@
color: #FFFFFF;
padding: 1%;
margin: 1%;
}
/*Navigation CSS */
.navigation-clean {
background: #fff;
padding-top: .75rem;
padding-bottom: .75rem;
color: #333;
border-radius: 0;
box-shadow: none;
border: none;
margin-bottom: 0;
}
@media (min-width:768px) {
.navigation-clean {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.navigation-clean .navbar-brand {
font-weight: bold;
color: inherit;
}
.navigation-clean .navbar-brand:hover {
color: #222;
}
.navigation-clean.navbar-dark .navbar-brand:hover {
color: #f0f0f0;
}
.navigation-clean .navbar-brand img {
height: 100%;
display: inline-block;
margin-right: 10px;
width: auto;
}
.navigation-clean .navbar-toggler {
border-color: #ddd;
}
.navigation-clean .navbar-toggler:hover,
.navigation-clean .navbar-toggler:focus {
background: none;
}
.navigation-clean.navbar-dark .navbar-toggler {
border-color: #555;
}
.navigation-clean .navbar-toggler {
color: #888;
}
.navigation-clean.navbar-dark .navbar-toggler {
color: #eee;
}
.navigation-clean .navbar-collapse,
.navigation-clean .form-inline {
border-top-color: #ddd;
}
.navigation-clean.navbar-dark .navbar-collapse,
.navigation-clean.navbar-dark .form-inline {
border-top-color: #333;
}
.navigation-clean .navbar-nav>.active>a,
.navigation-clean .navbar-nav>.show>a {
background: none;
box-shadow: none;
}
.navigation-clean.navbar-light .navbar-nav .nav-link.active,
.navigation-clean.navbar-light .navbar-nav .nav-link.active:focus,
.navigation-clean.navbar-light .navbar-nav .nav-link.active:hover {
color: #8f8f8f;
box-shadow: none;
background: none;
pointer-events: none;
}
.navigation-clean.navbar .navbar-nav .nav-link {
padding-left: 18px;
padding-right: 18px;
}
.navigation-clean.navbar-light .navbar-nav .nav-link {
color: #465765;
}
.navigation-clean.navbar-light .navbar-nav .nav-link:focus,
.navigation-clean.navbar-light .navbar-nav .nav-link:hover {
color: #37434d !important;
background-color: transparent;
}
.navigation-clean .navbar-nav>li>.dropdown-menu {
margin-top: -5px;
box-shadow: none;
background-color: #fff;
border-radius: 2px;
}
@media (min-width:768px) {
.navigation-clean .navbar-nav .show .dropdown-menu {
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
}
@media (max-width:767px) {
.navigation-clean .navbar-nav .show .dropdown-menu .dropdown-item {
color: #37434d;
padding-top: .8rem;
padding-bottom: .8rem;
line-height: 1;
}
}
.navigation-clean .dropdown-menu .dropdown-item:focus,
.navigation-clean .dropdown-menu .dropdown-item {
line-height: 2;
color: #37434d;
}
.navigation-clean .dropdown-menu .dropdown-item:focus,
.navigation-clean .dropdown-menu .dropdown-item:hover {
background: #eee;
color: inherit;
}
.navigation-clean.navbar-dark {
background-color: #1f2021;
color: #fff;
}
.navigation-clean.navbar-dark .navbar-nav a.active,
.navigation-clean.navbar-dark .navbar-nav a.active:focus,
.navigation-clean.navbar-dark .navbar-nav a.active:hover {
color: #8f8f8f;
box-shadow: none;
background: none;
pointer-events: none;
}
.navigation-clean.navbar-dark .navbar-nav .nav-link {
color: #dfe8ee;
}
.navigation-clean.navbar-dark .navbar-nav .nav-link:focus,
.navigation-clean.navbar-dark .navbar-nav .nav-link:hover {
color: #fff;
background-color: transparent;
}
.navigation-clean.navbar-dark .navbar-nav>li>.dropdown-menu {
background-color: #1f2021;
}
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus,
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item {
color: #f2f5f8;
}
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:focus,
.navigation-clean.navbar-dark .dropdown-menu .dropdown-item:hover {
background: #363739;
}
@media (max-width:767px) {
.navigation-clean.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
color: #fff;
}
}
/* Header CSS */
.header-dark {
background: url(mountain_bg.jpg) #444;
background-size: cover;
padding-bottom: 80px;
}
@media (min-width:768px) {
.header-dark {
padding-bottom: 120px;
}
}
.header-dark .navbar {
background: transparent;
color: #fff;
border-radius: 0;
box-shadow: none;
border: none;
}
@media (min-width:768px) {
.header-dark .navbar {
padding-top: .75rem;
padding-bottom: .75rem;
}
}
.header-dark .navbar .navbar-brand {
font-weight: bold;
color: inherit;
}
.header-dark .navbar .navbar-brand:hover {
color: #f0f0f0;
}
.header-dark .navbar .navbar-collapse span {
margin-top: 5px;
}
.header-dark .navbar .navbar-collapse span .login {
color: #d9d9d9;
margin-right: .5rem;
text-decoration: none;
}
.header-dark .navbar .navbar-collapse span .login:hover {
color: #fff;
}
.header-dark .navbar .navbar-toggler {
border-color: #747474;
}
.header-dark .navbar .navbar-toggler:hover,
.header-dark .navbar-toggler:focus {
background: none;
}
.header-dark .navbar .navbar-toggler {
color: #eee;
}
.header-dark .navbar .navbar-collapse,
.header-dark .navbar .form-inline {
border-color: #636363;
}
@media (min-width: 992px) {
.header-dark .navbar.navbar .navbar-nav .nav-link {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
}
.header-dark .navbar.navbar-dark .navbar-nav .nav-link {
color: #d9d9d9;
}
.header-dark .navbar.navbar-dark .navbar-nav .nav-link:focus,
.header-dark .navbar.navbar-dark .navbar-nav .nav-link:hover {
color: #fcfeff !important;
background-color: transparent;
}
.header-dark .navbar .navbar-nav>li>.dropdown-menu {
margin-top: -5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
background-color: #fff;
border-radius: 2px;
}
.header-dark .navbar .dropdown-menu .dropdown-item:focus,
.header-dark .navbar .dropdown-menu .dropdown-item {
line-height: 2;
height: 100%;
width: 100%;
font-size: 14px;
color: #37434d;
}
.header-dark .navbar .dropdown-menu .dropdown-item:focus,
.header-dark .navbar .dropdown-menu .drodown-item:hover {
background: #ebeff1;
}
.header-dark .navbar .action-button,
.header-dark .navbar .action-button:active {
background: #208f8f;
border-radius: 20px;
font-size: inherit;
color: #fff;
box-shadow: none;
border: none;
text-shadow: none;
padding: .5rem .8rem;
transition: background-color 0.25s;
}
.header-dark .navbar .action-button:hover {
background: #269d9d;
}
.header-dark .navbar .form-inline label {
color: #ccc;
}
.header-dark .navbar .form-inline .search-field {
display: inline-block;
width: 80%;
background: none;
border: none;
border-bottom: 1px solid transparent;
border-radius: 0;
color: #ccc;
box-shadow: none;
color: inherit;
transition: border-bottom-color 0.3s;
}
.header-dark .navbar .form-inline .search-field:focus {
border-bottom: 1px solid #ccc;
}
.header-dark .hero {
margin-top: 60px;
}
@media (min-width:768px) {
.header-dark .hero {
margin-top: 20px;
}
}
.header-dark .hero h1 {
color: #fff;
font-family: 'Bitter', serif;
font-size: 40px;
margin-top: 20px;
margin-bottom: 80px;
}
@media (min-width:768px) {
.header-dark .hero h1 {
margin-bottom: 50px;
line-height: 1.5;
}
}
.header-dark .hero .embed-responsive iframe {
background-color: #666;
}
/* Footer CSS*/
.footer-dark {
padding: 50px 0;
color: #f0f9ff;
background-color: #282d32;
}
.footer-dark h3 {
margin-top: 0;
margin-bottom: 12px;
font-weight: bold;
font-size: 16px;
}
.footer-dark ul {
padding: 0;
list-style: none;
line-height: 1.6;
font-size: 14px;
margin-bottom: 0;
}
.footer-dark ul a {
color: inherit;
text-decoration: none;
opacity: 0.6;
}
.footer-dark ul a:hover {
opacity: 0.8;
}
@media (max-width:767px) {
.footer-dark .item:not(.social) {
text-align: center;
padding-bottom: 20px;
}
}
.footer-dark .item.text {
margin-bottom: 36px;
}
@media (max-width:767px) {
.footer-dark .item.text {
margin-bottom: 0;
}
}
.footer-dark .item.text p {
opacity: 0.6;
margin-bottom: 0;
}
.footer-dark .item.social {
text-align: center;
}
@media (max-width:991px) {
.footer-dark .item.social {
text-align: center;
margin-top: 20px;
}
}
.footer-dark .item.social>a {
font-size: 20px;
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
text-align: center;
border-radius: 50%;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
margin: 0 8px;
color: #fff;
opacity: 0.75;
}
.footer-dark .item.social>a:hover {
opacity: 0.9;
}
.footer-dark .copyright {
text-align: center;
padding-top: 24px;
opacity: 0.3;
font-size: 13px;
margin-bottom: 0;
}
/* Games CSS */
.gembed {
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
}
.fbody {
background-color: black;
color: rgb(0, 0, 0);
font-family: sans-serif;
}
.glink {
display: block;
text-decoration: none;
color: white;
font: 18px;
border: 1px solid #007053;
margin-top: -1px;
background-color: #000000;
padding: 12px;
transition: 0.2s ease;
}
.glink:hover {
background-color: rgb(0, 0, 0);
text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
}
#gsearchbar {
outline: none;
width: 98%;
top: 12px;
font-size: 16px;
border: 1px solid #007053;
padding: 12px;
margin-bottom: 12px;
transition: 0.2s ease;
background: #1c2228;
}
#gsearchbar:focus {
background-color: rgb(29, 27, 27);
box-shadow: inset 0 0 5px 1px rgba(0, 0, 0, 0.4);
}
.container {
padding: 20px;
}
.box {
margin: auto;
background-color: wblack;
padding: 10px 10px 15px 10px;
width: 100%;
height: 540px;
}
#glist {
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
height: 100%;
padding: 0;
text-align: center;
}
#glist h2 {
display: block;
text-decoration: none;
color: white;
font: 18px;
border: 1px solid #060606;
margin: -1px 0 0 0;
background-color: #060606;
padding: 12px;
font-weight: bold;
user-select: none;
}
div.gallery {
border: 1px solid #ccc;
margin-top: 5px;
margin-bottom: 5px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: 60%;
}
div.desc {
padding: 10px;
text-align: center;
height: 150px;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 24.99999%;
display: flex;
}
@media only screen and (max-width: 700px) {
.responsive {
width: 49.99999%;
margin: 6px 0;
display: flex;
}
}
@media only screen and (max-width: 500px) {
.responsive {
width: 100%;
display: flex;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

View file

@ -1,13 +1,13 @@
window.onload = function() {
// similar behavior as an HTTP redirect
var yt = `https://youtube.com`;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(yt);
window.location.replace("https://" + domain + "/home/utils/?url=" + origin);
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
}
// Cookie Auth
// similar behavior as an HTTP redirect
var yt = `https://youtube.com`;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(yt);
window.location.replace("https://" + domain + "/fetch/utils/?url=" + origin);
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
}
// Cookie Auth
var host = location.hostname.split('.');
var auth = location.hostname;
if (host.length == 3) {

View file

@ -1,13 +1,13 @@
window.onload = function() {
// similar behavior as an HTTP redirect
var yt = `https://m.youtube.com`;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(yt);
window.location.replace("https://" + domain + "/home/utils/?url=" + origin);
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
}
// Cookie Auth
// similar behavior as an HTTP redirect
var yt = `https://m.youtube.com`;
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(yt);
window.location.replace("https://" + domain + "/fetch/utils/?url=" + origin);
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
}
// Cookie Auth
var host = location.hostname.split('.');
var auth = location.hostname;
if (host.length == 3) {

View file

@ -13,7 +13,7 @@ $('al').onclick = function() {
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(url)
window.location.href = "https://" + domain + "/home/utils/?url=" + origin;
window.location.href = "https://" + domain + "/fetch/utils/?url=" + origin;
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
return false;
};

View file

@ -3,7 +3,7 @@ window.onload = function() {
var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(url)
window.location.href = "https://" + domain + "/home/utils/?url=" + origin;
window.location.href = "https://" + domain + "/fetch/utils/?url=" + origin;
document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
return false;
};

View file

@ -7,421 +7,105 @@
<!-- Important: Use &#8203; to mess with keywords. -->
<title>H&#8203;oly Unb&#8203;loc&#8203;ke&#8203;r</title>
<meta name="description" content="G&#8203;et p&#8203;ast in&#8203;te&#8203;r&#8203;net ce&#8203;n&#8203;s&#8203;or&#8203;sh&#8203;ip tod&#8203;a&#8203;y!
: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/Button-Change-Text-on-Hover.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="/assets/css/styles.css">
<!--Game CSS-->
<link rel="stylesheet" href="/assets/css/games.css">
<link rel="stylesheet" href="/assets/css/gembed.css">
<link rel="application/javascript" href="/assets/js/games.js">
<!--Icons-->
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
</head>
<!--Games Old CSS -->
<body>
<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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</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;">Su&#8203;rf Fre&#8203;ely</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">Ga&#8203;mes</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/y.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouTu&#8203;be</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">D&#8203;isc&#8203;ord</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/n.html" style="font-family: 'Montserrat Alternates', sans-serif;">Cha&#8203;tbox</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;">Kru&#8203;nk&#8203;er</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;">Cre&#8203;dits</a></div>
</li>
<!--Options 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>
<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;
}
</style>
<p style="font-size: 20px; font-family: 'Montserrat Alternates', sans-serif;">Tab Cloak</p>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Title.</p>
<form id="titleform"><input class="bg-dark border rounded-0 border shadow-lg" type="text" placeholder="Tab Title" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
</form>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p>
<form id="iconform"><input class="bg-dark border rounded-0 border shadow-lg" type="url" placeholder="Icon URL" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
<a href="/i.html">How To Find Icon URL</a>
</form>
<form id="toolsform">
<a class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" href="/x.html" type="button" value="Bookmarklets" class="tb-btn">Bookmarklets</a>
</form>
<script src="assets/js/header.js"></script>
</div>
</li>
</ul>
<!--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" 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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</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;">Su&#8203;rf Fre&#8203;ely</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">Ga&#8203;mes</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/y.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouTu&#8203;be</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">D&#8203;isc&#8203;ord</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/n.html" style="font-family: 'Montserrat Alternates', sans-serif;">Cha&#8203;tbox</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;">Kru&#8203;nk&#8203;er</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;">Cre&#8203;dits</a></div>
</li>
<!--Options 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>
<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;
}
</style>
<p style="font-size: 20px; font-family: 'Montserrat Alternates', sans-serif;">Tab Cloak</p>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Title.</p>
<form id="titleform"><input class="bg-dark border rounded-0 border shadow-lg" type="text" placeholder="Tab Title" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
</form>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p>
<form id="iconform"><input class="bg-dark border rounded-0 border shadow-lg" type="url" placeholder="Icon URL" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
<a href="/i.html">How To Find Icon URL</a>
</form>
<form id="toolsform">
<a class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" href="/x.html" type="button" value="Bookmarklets" class="tb-btn">Bookmarklets</a>
</form>
<script src="assets/js/header.js"></script>
</div>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Particles.js background -->
<div id="particles-js" style="height: 500px;">
<div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js "></script>
<script>
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'particles.json', function() {
console.log('particlesjs loaded.......');
});
</script>
<!-- G Embed -->
<div class="container">
<div class="box">
<div id="glist">
<script>
function gsearch() {
var a, b, c, i;
for (a = document.getElementById("gsearchbar").value, b = document.getElementById("gallery").getElementsByTagName("a"), i = 0; i < b.length; i++)(c = b[i]).textContent.toUpperCase().indexOf(a.toUpperCase()) > -1 ? c.style.display = "block" : c.style.display = "none";
}
</script>
<!-- Important: Use <wbr> to mess with keywords. -->
<input type="text" id="gsearchbar" autocomplete="off" onkeyup="gsearch()" placeholder="Search Games" />
<!--GPage-->
<div>
<h2>Ho&#8203;ly Un&#8203;bl&#8203;oc&#8203;ker Ga&#8203;mes</h2>
<h4>The list of ga&#8203;mes you can play on here!</h4>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/vibeOS/index.html">
<img src="/assets/img/flash.png" alt="vi&#8203;beOS" width="600" height="400">
</a>
<div class="desc">vib&#8203;eOS is a Jav&#8203;aScript based Desk&#8203;top Envior&#8203;nment that runs in your brow&#8203;ser.</div>
</div>
</nav>
<!--Body-->
<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>
<script>
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'particles.json', function() {
console.log('particlesjs loaded.......');
});
</script>
<!-- YT Surf-->
<div class="d-flex align-items-center order-12" style="height:200px;">
<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 class="hb-form-padding" id="unblocker-form" action="b" method="get">
<p style="font-size: 46px;">GTo&#8203;ols Directory</p>
<p style="font-family: 'Montserrat Alternates', sans-serif;">Choose where you would like to go. Below is some information.</p>
<p class="text-info" style="font-size: 20px;font-family: Lato, sans-serif;">Information:<br></p>
<p class="text-default" style="font-family: Lato, sans-serif;">Here you can find cool stuff like emula&#8203;tors and gam&#8203;es!</p>
<p class="text-default" style="font-family: Lato, sans-serif;">Emulators Featured: GB, GBA, NES, SNES (N64 soon)</p>
<p class="text-default" style="font-family: Lato, sans-serif;">Tools Featured: Javascript Ter&#8203;minals, Virt&#8203;ual Mach&#8203;ines and more.</p>
<p class="text-default" style="font-family: Lato, sans-serif;">Games Featured: Self explanatory. Flash will soon be unsupported.</p>
<p class="text-default" style="font-family: Lato, sans-serif;">Most of the games here should hopefully be updated.<br>--<br></p>
<div class="btn-group" role="group" style="background-color: #030303;margin: 2%;padding: 1px;">
<a class="btn btn-sm btn-primary in-btn-color 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="/h.html">Em&#8203;ulat&#8203;ors</a>
<a class="btn btn-sm btn-primary in-btn-color 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="/h.html">To&#8203;ols</a>
<a class="btn btn-sm btn-primary in-btn-color 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="/h.html">H&#8203;TM&#8203;L5 Ga&#8203;mes</a>
<a class="btn btn-sm btn-primary in-btn-color 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="/k.html">.&#8203;I&#8203;O Gam&#8203;es</a>
<a class="btn btn-sm btn-primary in-btn-color 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="/f.html">F&#8203;la&#8203;sh G&#8203;am&#8203;es</a>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/krunker/index.html">
<img src="/assets/img/krunker.png" alt="Krun&#8203;ker" width="600" height="400">
</a>
<div class="desc">Krun<wbr>ker.io is a fast-paced pixelated first-pe<wbr>rson shoo<wbr>ter. In this ga<wbr>me, pla<wbr>yers drop into a pixelated world and fight against other pla<wbr>yers from around the world. This g<wbr>ame can
be played casually to pass the time, or seriously in compe<wbr>tition against other die-ha<wbr>rds.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/run3/index.html">
<img src="/assets/img/run3.png" alt="Ru&#8203;n 3" width="600" height="400">
</a>
<div class="desc">Use the arrow keys to run and jump. Land on a side wall to rotate the world. Beat levels to unlock all-new characters with special powers. There's a whole new ga<wbr>laxy waiting to be explored!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/bounceback/index.html">
<img src="/assets/img/bounceback.png" alt="Und&#8203;errun" width="600" height="400">
</a>
<div class="desc">Unde<wbr>rrun is a charming and addictive little Zelda inspired roguelike adventure created within just 13kb of data, where you use boomerangs to battle your way through 10 challenging procedurally generated levels.
</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="https://vps.apponfly.com/">
<img src="/assets/img/windowsvm.png" alt="Win&#8203;dows VM" width="600" height="400">
</a>
<div class="desc">Use Windows 10 in bro<wbr>wser! Might be b<wbr>loc<wbr>ked. Simply press enter to login into your machine. Limit of 60 minutes. Run a Windows Vir<wbr>tual Pri<wbr>vate Server in any web browser. Enjoy.
</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/chromaincident/index.html">
<img src="/assets/img/chroma.png" alt="Chr&#8203;oma Incident" width="600" height="400">
</a>
<div class="desc">The Achromats have taken the worlds color offline! Raid their colorless lair and vanquish them all, restoring the world to it's technicolor glory. A twin-stick shooter playable with ga<wbr>mepad or keybo<wbr>ard+m<wbr>ouse.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/sleepingbeauty/index.html">
<img src="/assets/img/sleep.png" alt="Sleep&#8203;ing Beauty" width="600" height="400">
</a>
<div class="desc">Into a profound slumber she sank, surrounded only by dense brambles, thorns and roses. Many adventurers tried to find and rescue her, but none came back... Hit [Enter] to start the g<wbr>am<wbr>e.<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/tetris/index.html">
<img src="/assets/img/tetris.png" alt="Tetr&#8203;is" width="600" height="400">
</a>
<div class="desc">Tetris ® is the addictive puzzle ga<wbr>me that started it all, embracing our universal desire to create order out of chaos. Use the arrow keys to move.<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/towermaster/index.html">
<img src="/assets/img/tower.png" alt="Towe&#8203;rmaster" width="600" height="400">
</a>
<div class="desc">Build a tower! Stack objects on top of each other without the building falling. How high can you go?<br>--<br><br>In chinese sorry.<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/2048/index.html">
<img src="/assets/img/2048.png" alt="20&#8203;48" width="600" height="400">
</a>
<div class="desc">Use your arrow keys to move the tiles. When two tiles with the same number touch, they merge into one. Try to beat your h<wbr>igh sc<wbr>ore!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/asteroids/index.html">
<img src="/assets/img/astoroids.png" alt="Asteroi&#8203;ds" width="600" height="400">
</a>
<div class="desc">Asteroids is a space-themed multi<wbr>directional shoo<wbr>ter ar<wbr>ca<wbr>de ga<wbr>me!<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/breaklock/index.html">
<img src="/assets/img/breaklock.png" alt="Brea&#8203;klock" width="600" height="400">
</a>
<div class="desc">Link the dots to find the lock pattern. After every attempt the ga<wbr>me will tell you how many dots you got right. </div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/backcountry/index.html">
<img src="/assets/img/backcountry.png" alt="Bac&#8203;kcountry" width="600" height="400">
</a>
<div class="desc">Taking place in the wild west mine and do jobs to earn money! Use your mouse to navigate by clicking.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/breakout/index.html">
<img src="/assets/img/breakout.png" alt="Brea&#8203;kout" width="600" height="400">
</a>
<div class="desc">Break all the bricks and volley the ball back and forth in this skill-based classic styled ga<wbr>me!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/chess/index.html">
<img src="/assets/img/chess.png" alt="Ch&#8203;ess" width="600" height="400">
</a>
<div class="desc">Chess is a two-p<wbr>lay<wbr>er strategy board game played on a checkered board with 64 squares arranged in an 8×8 square grid.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/astray/index.html">
<img src="/assets/img/astray.png" alt="Ast&#8203;ray" width="600" height="400">
</a>
<div class="desc">A We<wbr>bGL maze ga<wbr>me built with Three.js and Box2dWeb.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/connect3/index.html">
<img src="/assets/img/connect.png" alt="Conn&#8203;ect 3" width="600" height="400">
</a>
<div class="desc">Basically like c<wbr>andy c<wbr>rush, a match-thr<wbr>ee pu<wbr>zzle</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/cookieclicker/index.html">
<img src="/assets/img/cookieclicker.png" alt="Coo&#8203;kie Clicker" width="600" height="400">
</a>
<div class="desc">You feel like making cook<wbr>ies but no one wants to e<wbr>at th<wbr>em. Click on the coo<wbr>kie to bake and eat.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/evilglitch/index.html">
<img src="/assets/img/evilglitch.png" alt="E&#8203;vil Glitch" width="600" height="400">
</a>
<div class="desc">Strange glitches appear in your dimension, could you stop them to assimilate your world?</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/flappybird/index.html">
<img src="/assets/img/flappybird.png" alt="Flap&#8203;pyBir&#8203;d" width="600" height="400">
</a>
<div class="desc">Click on the screen, or use your space<wbr>bar to get started. F<wbr>ly the bird as far as you can without hitting a pipe.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/geometrydash/index.html">
<img src="/assets/img/geometrydash.png" alt="Geo&#8203;metry Dash" width="600" height="400">
</a>
<div class="desc">Jump and fly your way through danger in this rhythm-based action platformer!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/hextris/index.html">
<img src="/assets/img/hextris.png" alt="Hextr&#8203;is" width="600" height="400">
</a>
<div class="desc">An addic<wbr>tive puzz<wbr>le ga<wbr>me inspired by Tetris.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/konnekt/index.html">
<img src="/assets/img/konnekt.png" alt="Konn&#8203;ekt" width="600" height="400">
</a>
<div class="desc">Fight against nodes and viruses! An interesting puz<wbr>zle ga<wbr>me developed by MONS<wbr>TERKO<wbr>DI.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/linuxvm/index.html">
<img src="/assets/img/linuxvm.png" alt="Lin&#8203;uxV&#8203;M" width="600" height="400">
</a>
<div class="desc">O<wbr>nWor<wbr>ks is a fre<wbr>e host<wbr>ing provider that allows to run your workstations only using your web browser.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/pushback/index.html">
<img src="/assets/img/pushback.png" alt="Pushba&#8203;ck" width="600" height="400">
</a>
<div class="desc">A cool physics ga<wbr>m<wbr>e!</div>
</div>
</div>
<!-- No image or game. Don't add Radiusraid.-->
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/redvsblue/index.html">
<img src="/assets/img/redvsblue.png" alt="Warm&#8203;erise" width="600" height="400">
</a>
<div class="desc">Online browser based fi<wbr>rst per<wbr>son sho<wbr>oter/third person shoo<wbr>ter with a futuristic theme, mu<wbr>ltipla<wbr>yer and fun game with vehicles in it too.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/retrohaunt/index.html">
<img src="/assets/img/retrohaunt.png" alt="Ret&#8203;rohaunt" width="600" height="400">
</a>
<div class="desc">A creepy re<wbr>tro horror ga<wbr>me with interesting graphics and mood.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/snake/index.html">
<img src="/assets/img/snake.png" alt="S&#8203;nake" width="600" height="400">
</a>
<div class="desc">Eat the apples in this c<wbr>lassic retr<wbr>o ga<wbr>me. But don't hit the wall, or eat your own tail! How long can you survive?</div>
</div>
</div>
<!-- No spacecompany.-->
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/underrun/index.html">
<img src="/assets/img/underrun.png" alt="Bounc&#8203;eback" width="600" height="400">
</a>
<div class="desc">Explore deep underground in this doo<wbr>m-like ga<wbr>me. Kill enemies, explore and progress. Use W<wbr>ASD to move and Mouse1 to sh<wbr>oot.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/racer/index.html">
<img src="/assets/img/racer.png" alt="R&#8203;acer" width="600" height="400">
</a>
<div class="desc">Want to race online? Enjoy an old age like racing gam<wbr>e!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/xx142-b2exe/index.html">
<img src="/assets/img/142.png" alt="xx142-b2e&#8203;xe" width="600" height="400">
</a>
<div class="desc">Aliens have enslaved humanity and its the year 2043.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/factoryballs/index.html">
<img src="/assets/img/factoryballs.png" alt="Fa&#8203;ctoryballs" width="600" height="400">
</a>
<div class="desc">A puz<wbr>zle gam<wbr>e where you have to color the balls correctly! Use different tools to cover up the ball before start painting over it. </div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/home/aHR0cHM6Ly93d3cuY29vbG1hdGhnYW1lcy5jb20=/">
<img src="/assets/img/blank.png" alt="C&#8203;oolMa&#8203;thGam&#8203;es" width="600" height="400">
</a>
<div class="desc">Play on CoolMa<wbr>thGa<wbr>mes Now!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/gba/index.html">
<img src="/assets/img/gameboyadvanced.png" alt="GBA Em&#8203;ulator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate G<wbr>BA ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/m.html">
<img src="/assets/img/gameboyadvanced.png" alt="GB Emu&#8203;lator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate G<wbr>B ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/nes/index.html">
<img src="/assets/img/neslargewide.png" alt="NE&#8203;S Emul&#8203;ator" width="600" height="400">
</a>
<div class="desc">Emu<wbr>late N<wbr>ES ga<wbr>mes! Click to upl<wbr>oad a RO<wbr>M.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/snes/index.html">
<img src="/assets/img/supernintendo.png" alt="SN&#8203;ES Emu&#8203;lator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate S<wbr>NES ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/gold.html">
<img src="/assets/img/flash.png" alt="Fl&#8203;ash Game&#8203;s" width="600" height="400">
</a>
<div class="desc">
<h3>F<wbr>lash Ga<wbr>mes Archive</h3>
<p>Want to play Fla<wbr>sh ga<wbr>mes?</p>
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="padding:6px;">
<p>Have a ga<wbr>me request? Contact us on <a id="tnlink"></a> or make a <a id="hblink">pu<wbr>ll requ<wbr>est or iss<wbr>ue</a>!</p>
<p>More ga<wbr>mes com<wbr>ing soon!</p>
</div>
</div>
<p class="text-default" style="font-family: Lato, sans-serif;">--</p>
<p class="text-info" style="font-family: Lato, sans-serif;">Enjoy!</p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="footer-dark" style="background-color: rgb(0,0,0);">
<footer>
<div class="container">
@ -448,7 +132,7 @@
</div>
<!-- GitHub -->
<div class="col item social" style="margin: 2%;">
<a id="hblink2">
<a id="hblink">
<ion-icon name="logo-github"></ion-icon>
</a>
</div>
@ -461,6 +145,7 @@
<script src="assets/js/links.js"></script>
<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>
</body>
</html>

453
public/h.html Normal file
View file

@ -0,0 +1,453 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<!-- Important: Use &#8203; to mess with keywords. -->
<title>H&#8203;oly Unb&#8203;loc&#8203;ke&#8203;r</title>
<meta name="description" content="G&#8203;et p&#8203;ast in&#8203;te&#8203;r&#8203;net ce&#8203;n&#8203;s&#8203;or&#8203;sh&#8203;ip tod&#8203;a&#8203;y!
: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=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/Button-Change-Text-on-Hover.css">
<link rel="stylesheet" href="/assets/css/styles.css">
<!--Game CSS-->
<link rel="application/javascript" href="/assets/js/games.js">
<!--Icons-->
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
</head>
<!--Games Old CSS -->
<body>
<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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</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;">Su&#8203;rf Fre&#8203;ely</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/g.html" style="font-family: 'Montserrat Alternates', sans-serif;">Ga&#8203;mes</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/y.html" style="font-family: 'Montserrat Alternates', sans-serif;">YouTu&#8203;be</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">D&#8203;isc&#8203;ord</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/n.html" style="font-family: 'Montserrat Alternates', sans-serif;">Cha&#8203;tbox</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;">Kru&#8203;nk&#8203;er</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;">Cre&#8203;dits</a></div>
</li>
<!--Options 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>
<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;
}
</style>
<p style="font-size: 20px; font-family: 'Montserrat Alternates', sans-serif;">Tab Cloak</p>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Title.</p>
<form id="titleform"><input class="bg-dark border rounded-0 border shadow-lg" type="text" placeholder="Tab Title" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
</form>
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p>
<form id="iconform"><input class="bg-dark border rounded-0 border shadow-lg" type="url" placeholder="Icon URL" style="width: 100%; height: 40px; font-family: 'Montserrat Alternates', sans-serif;" />
<input class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" type="submit" value="Apply" style="width: 100%;padding: 8px;margin: 0px;height: 90%;font-family: 'Montserrat Alternates', sans-serif;font-size: 16px;">
<a href="/i.html">How To Find Icon URL</a>
</form>
<form id="toolsform">
<a class="btn btn-dark btn-lg bg-dark border-dark rounded-0 border shadow-lg" href="/x.html" type="button" value="Bookmarklets" class="tb-btn">Bookmarklets</a>
</form>
<script src="assets/js/header.js"></script>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- Particles.js background -->
<div id="particles-js" style="height: 500px;">
<div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;">
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js "></script>
<script>
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
particlesJS.load('particles-js', 'particles.json', function() {
console.log('particlesjs loaded.......');
});
</script>
<!-- G Embed -->
<div class="container">
<div class="box">
<div id="glist">
<!--GPage-->
<div>
<h2>Ho&#8203;ly Un&#8203;bl&#8203;oc&#8203;ker Ga&#8203;mes</h2>
<h4>The list of ga&#8203;mes you can play on here!</h4>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/vibeOS/index.html">
<img src="/assets/img/flash.png" alt="vi&#8203;beOS" width="600" height="400">
</a>
<div class="desc">vib&#8203;eOS is a Jav&#8203;aScript based Desk&#8203;top Envior&#8203;nment that runs in your brow&#8203;ser.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/krunker/index.html">
<img src="/assets/img/krunker.png" alt="Krun&#8203;ker" width="600" height="400">
</a>
<div class="desc">Krun<wbr>ker.io is a fast-paced pixelated first-pe<wbr>rson shoo<wbr>ter. In this ga<wbr>me, pla<wbr>yers drop into a pixelated world and fight against other pla<wbr>yers from around the world. This g<wbr>ame can
be played casually to pass the time, or seriously in compe<wbr>tition against other die-ha<wbr>rds.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/run3/index.html">
<img src="/assets/img/run3.png" alt="Ru&#8203;n 3" width="600" height="400">
</a>
<div class="desc">Use the arrow keys to run and jump. Land on a side wall to rotate the world. Beat levels to unlock all-new characters with special powers. There's a whole new ga<wbr>laxy waiting to be explored!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/bounceback/index.html">
<img src="/assets/img/bounceback.png" alt="Und&#8203;errun" width="600" height="400">
</a>
<div class="desc">Unde<wbr>rrun is a charming and addictive little Zelda inspired roguelike adventure created within just 13kb of data, where you use boomerangs to battle your way through 10 challenging procedurally generated levels.
</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/chromaincident/index.html">
<img src="/assets/img/chroma.png" alt="Chr&#8203;oma Incident" width="600" height="400">
</a>
<div class="desc">The Achromats have taken the worlds color offline! Raid their colorless lair and vanquish them all, restoring the world to it's technicolor glory. A twin-stick shooter playable with ga<wbr>mepad or keybo<wbr>ard+m<wbr>ouse.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/sleepingbeauty/index.html">
<img src="/assets/img/sleep.png" alt="Sleep&#8203;ing Beauty" width="600" height="400">
</a>
<div class="desc">Into a profound slumber she sank, surrounded only by dense brambles, thorns and roses. Many adventurers tried to find and rescue her, but none came back... Hit [Enter] to start the g<wbr>am<wbr>e.<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/tetris/index.html">
<img src="/assets/img/tetris.png" alt="Tetr&#8203;is" width="600" height="400">
</a>
<div class="desc">Tetris ® is the addictive puzzle ga<wbr>me that started it all, embracing our universal desire to create order out of chaos. Use the arrow keys to move.<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/towermaster/index.html">
<img src="/assets/img/tower.png" alt="Towe&#8203;rmaster" width="600" height="400">
</a>
<div class="desc">Build a tower! Stack objects on top of each other without the building falling. How high can you go?<br>--<br><br>In chinese sorry.<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/2048/index.html">
<img src="/assets/img/2048.png" alt="20&#8203;48" width="600" height="400">
</a>
<div class="desc">Use your arrow keys to move the tiles. When two tiles with the same number touch, they merge into one. Try to beat your h<wbr>igh sc<wbr>ore!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/asteroids/index.html">
<img src="/assets/img/astoroids.png" alt="Asteroi&#8203;ds" width="600" height="400">
</a>
<div class="desc">Asteroids is a space-themed multi<wbr>directional shoo<wbr>ter ar<wbr>ca<wbr>de ga<wbr>me!<br>--<br></div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/breaklock/index.html">
<img src="/assets/img/breaklock.png" alt="Brea&#8203;klock" width="600" height="400">
</a>
<div class="desc">Link the dots to find the lock pattern. After every attempt the ga<wbr>me will tell you how many dots you got right. </div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/backcountry/index.html">
<img src="/assets/img/backcountry.png" alt="Bac&#8203;kcountry" width="600" height="400">
</a>
<div class="desc">Taking place in the wild west mine and do jobs to earn money! Use your mouse to navigate by clicking.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/breakout/index.html">
<img src="/assets/img/breakout.png" alt="Brea&#8203;kout" width="600" height="400">
</a>
<div class="desc">Break all the bricks and volley the ball back and forth in this skill-based classic styled ga<wbr>me!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/chess/index.html">
<img src="/assets/img/chess.png" alt="Ch&#8203;ess" width="600" height="400">
</a>
<div class="desc">Chess is a two-p<wbr>lay<wbr>er strategy board game played on a checkered board with 64 squares arranged in an 8×8 square grid.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/connect3/index.html">
<img src="/assets/img/connect.png" alt="Conn&#8203;ect 3" width="600" height="400">
</a>
<div class="desc">Basically like c<wbr>andy c<wbr>rush, a match-thr<wbr>ee pu<wbr>zzle</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/cookieclicker/index.html">
<img src="/assets/img/cookieclicker.png" alt="Coo&#8203;kie Clicker" width="600" height="400">
</a>
<div class="desc">You feel like making cook<wbr>ies but no one wants to e<wbr>at th<wbr>em. Click on the coo<wbr>kie to bake and eat.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/evilglitch/index.html">
<img src="/assets/img/evilglitch.png" alt="E&#8203;vil Glitch" width="600" height="400">
</a>
<div class="desc">Strange glitches appear in your dimension, could you stop them to assimilate your world?</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/flappybird/index.html">
<img src="/assets/img/flappybird.png" alt="Flap&#8203;pyBir&#8203;d" width="600" height="400">
</a>
<div class="desc">Click on the screen, or use your space<wbr>bar to get started. F<wbr>ly the bird as far as you can without hitting a pipe.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/geometrydash/index.html">
<img src="/assets/img/geometrydash.png" alt="Geo&#8203;metry Dash" width="600" height="400">
</a>
<div class="desc">Jump and fly your way through danger in this rhythm-based action platformer!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/hextris/index.html">
<img src="/assets/img/hextris.png" alt="Hextr&#8203;is" width="600" height="400">
</a>
<div class="desc">An addic<wbr>tive puzz<wbr>le ga<wbr>me inspired by Tetris.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/konnekt/index.html">
<img src="/assets/img/konnekt.png" alt="Konn&#8203;ekt" width="600" height="400">
</a>
<div class="desc">Fight against nodes and viruses! An interesting puz<wbr>zle ga<wbr>me developed by MONS<wbr>TERKO<wbr>DI.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/linuxvm/index.html">
<img src="/assets/img/linuxvm.png" alt="Lin&#8203;uxV&#8203;M" width="600" height="400">
</a>
<div class="desc">O<wbr>nWor<wbr>ks is a fre<wbr>e host<wbr>ing provider that allows to run your workstations only using your web browser.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/pushback/index.html">
<img src="/assets/img/pushback.png" alt="Pushba&#8203;ck" width="600" height="400">
</a>
<div class="desc">A cool physics ga<wbr>m<wbr>e!</div>
</div>
</div>
<!-- No image or game. Don't add Radiusraid.-->
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/redvsblue/index.html">
<img src="/assets/img/redvsblue.png" alt="Warm&#8203;erise" width="600" height="400">
</a>
<div class="desc">Online browser based fi<wbr>rst per<wbr>son sho<wbr>oter/third person shoo<wbr>ter with a futuristic theme, mu<wbr>ltipla<wbr>yer and fun game with vehicles in it too.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/retrohaunt/index.html">
<img src="/assets/img/retrohaunt.png" alt="Ret&#8203;rohaunt" width="600" height="400">
</a>
<div class="desc">A creepy re<wbr>tro horror ga<wbr>me with interesting graphics and mood.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/snake/index.html">
<img src="/assets/img/snake.png" alt="S&#8203;nake" width="600" height="400">
</a>
<div class="desc">Eat the apples in this c<wbr>lassic retr<wbr>o ga<wbr>me. But don't hit the wall, or eat your own tail! How long can you survive?</div>
</div>
</div>
<!-- No spacecompany.-->
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/underrun/index.html">
<img src="/assets/img/underrun.png" alt="Bounc&#8203;eback" width="600" height="400">
</a>
<div class="desc">Explore deep underground in this doo<wbr>m-like ga<wbr>me. Kill enemies, explore and progress. Use W<wbr>ASD to move and Mouse1 to sh<wbr>oot.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/racer/index.html">
<img src="/assets/img/racer.png" alt="R&#8203;acer" width="600" height="400">
</a>
<div class="desc">Want to race online? Enjoy an old age like racing gam<wbr>e!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/xx142-b2exe/index.html">
<img src="/assets/img/142.png" alt="xx142-b2e&#8203;xe" width="600" height="400">
</a>
<div class="desc">Aliens have enslaved humanity and its the year 2043.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/factoryballs/index.html">
<img src="/assets/img/factoryballs.png" alt="Fa&#8203;ctoryballs" width="600" height="400">
</a>
<div class="desc">A puz<wbr>zle gam<wbr>e where you have to color the balls correctly! Use different tools to cover up the ball before start painting over it. </div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/home/aHR0cHM6Ly93d3cuY29vbG1hdGhnYW1lcy5jb20=/">
<img src="/assets/img/blank.png" alt="C&#8203;oolMa&#8203;thGam&#8203;es" width="600" height="400">
</a>
<div class="desc">Play on CoolMa<wbr>thGa<wbr>mes Now!</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/gba/index.html">
<img src="/assets/img/gameboyadvanced.png" alt="GBA Em&#8203;ulator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate G<wbr>BA ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/m.html">
<img src="/assets/img/gameboyadvanced.png" alt="GB Emu&#8203;lator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate G<wbr>B ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/nes/index.html">
<img src="/assets/img/neslargewide.png" alt="NE&#8203;S Emul&#8203;ator" width="600" height="400">
</a>
<div class="desc">Emu<wbr>late N<wbr>ES ga<wbr>mes! Click to upl<wbr>oad a RO<wbr>M.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/snes/index.html">
<img src="/assets/img/supernintendo.png" alt="SN&#8203;ES Emu&#8203;lator" width="600" height="400">
</a>
<div class="desc">Emul<wbr>ate S<wbr>NES ga<wbr>mes! Click to upload a R<wbr>OM.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="/gold.html">
<img src="/assets/img/flash.png" alt="Fl&#8203;ash Game&#8203;s" width="600" height="400">
</a>
<div class="desc">
<h3>F<wbr>lash Ga<wbr>mes Archive</h3>
<p>Want to play Fla<wbr>sh ga<wbr>mes?</p>
</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="./archive/g/astray/index.html">
<img src="/assets/img/astray.png" alt="Ast&#8203;ray" width="600" height="400">
</a>
<div class="desc">A We<wbr>bGL maze ga<wbr>me built with Three.js and Box2dWeb.</div>
</div>
</div>
<div class="responsive">
<div class="gallery">
<a target="_blank" href="https://vps.apponfly.com/">
<img src="/assets/img/windowsvm.png" alt="Win&#8203;dows VM" width="600" height="400">
</a>
<div class="desc">Use Windows 10 in bro<wbr>wser! Might be b<wbr>loc<wbr>ked. Simply press enter to login into your machine. Limit of 60 minutes. Run a Windows Vir<wbr>tual Pri<wbr>vate Server in any web browser. Enjoy.
</div>
</div>
</div>
<div class="clearfix"></div>
<div style="padding:6px;">
<p>Have a ga<wbr>me request? Contact us on <a id="tnlink"></a> or make a <a id="hblink">pu<wbr>ll requ<wbr>est or iss<wbr>ue</a>!</p>
<p>More ga<wbr>mes com<wbr>ing soon!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<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 Stud<wbr>ents, For Stu<wbr>dents.&nbsp;</p>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a id="allink">Al<wbr>loy</a></li>
<li><a id="pmlink">PM P<wbr>ro<wbr>xy</a></li>
<li><a href="https://nodeclusters.com/">No<wbr>deClu<wbr>sters</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>About</h3>
<ul>
<li><a id="hblink">G<wbr>itHub</a></li>
<li><a href="t.html">Privacy and Terms of Service</a></li>
<li><a href="c.html">Credits</a></li>
</ul>
</div>
<!-- GitHub -->
<div class="col item social" style="margin: 2%;">
<a id="hblink2">
<ion-icon name="logo-github"></ion-icon>
</a>
</div>
</div>
<p class="copyright">Holy U<wbr>nblo<wbr>cke<wbr>r © 2020</p>
</div>
</footer>
</div>
<!--Scripts-->
<script src="assets/js/links.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

View file

@ -16,9 +16,9 @@
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Button-Change-Text-on-Hover.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="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/FD.css">
<link rel="stylesheet" href="assets/css/HD.css">
<link rel="stylesheet" href="assets/css/hp.css">
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
</head>

View file

@ -15,9 +15,6 @@
<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="assets/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
@ -29,8 +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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</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;">Su&#8203;rf Fre&#8203;ely</a></li>
@ -39,8 +35,7 @@
<li class="nav-item" role="presentation"><a class="nav-link" href="/d.html" style="font-family: 'Montserrat Alternates', sans-serif;">D&#8203;isc&#8203;ord</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="/n.html" style="font-family: 'Montserrat Alternates', sans-serif;">Cha&#8203;tbox</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;">Kru&#8203;nk&#8203;er</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;">Cre&#8203;dits</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;">Kru&#8203;nk&#8203;er</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;">Cre&#8203;dits</a></div>
</li>
<!--Options 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>