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 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` `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. 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", "port": "8081",
"prefix": "/home/", "prefix": "/fetch/",
"ssl": false "ssl": false
} }

View file

@ -1,5 +1,7 @@
div.gallery { div.gallery {
border: 1px solid #ccc; border: 1px solid #ccc;
margin-top: 5px;
margin-bottom: 5px;
} }
div.gallery:hover { div.gallery:hover {
@ -8,11 +10,11 @@ div.gallery:hover {
div.gallery img { div.gallery img {
width: 100%; width: 100%;
height: auto; height: 60%;
} }
div.desc { div.desc {
padding: 15px; padding: 10px;
text-align: center; text-align: center;
height: 150px; 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 { .hd-base {
background-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);
background-image: url("assets/img/black.jpg"); background-image: url("assets/img/black.jpg");
@ -152,3 +178,590 @@
padding: 1%; padding: 1%;
margin: 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() { window.onload = function() {
// similar behavior as an HTTP redirect // similar behavior as an HTTP redirect
var yt = `https://youtube.com`; var yt = `https://youtube.com`;
var det = document.domain; var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0]; var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(yt); const origin = btoa(yt);
window.location.replace("https://" + domain + "/home/utils/?url=" + origin); 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;'; document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
} }
// Cookie Auth // Cookie Auth
var host = location.hostname.split('.'); var host = location.hostname.split('.');
var auth = location.hostname; var auth = location.hostname;
if (host.length == 3) { if (host.length == 3) {

View file

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

View file

@ -13,7 +13,7 @@ $('al').onclick = function() {
var det = document.domain; var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0]; var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(url) 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;'; document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
return false; return false;
}; };

View file

@ -3,7 +3,7 @@ window.onload = function() {
var det = document.domain; var det = document.domain;
var domain = det.replace('www.', '').split(/[/?#]/)[0]; var domain = det.replace('www.', '').split(/[/?#]/)[0];
const origin = btoa(url) 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;'; document.cookie = '__alloy_cookie_auth=yes; expires=' + (Date.now() + 259200) + '; SameSite=Lax; domain=.' + auth + '; path=/; Secure;';
return false; return false;
}; };

View file

@ -7,421 +7,105 @@
<!-- Important: Use &#8203; to mess with keywords. --> <!-- Important: Use &#8203; to mess with keywords. -->
<title>H&#8203;oly Unb&#8203;loc&#8203;ke&#8203;r</title> <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! <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"> :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/Button-Change-Text-on-Hover.css"> <link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="/assets/css/Customizable-Background--Overlay.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.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-->
<script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script> <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> <script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
</head> </head>
<!--Games Old CSS -->
<body> <body>
<div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);"> <!--New-->
<nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;"> <div>
<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="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
<div class="collapse navbar-collapse" id="navcol-1"> <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
<ul class="nav navbar-nav ml-auto"> <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>
<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> <div class="collapse navbar-collapse" id="navcol-1">
<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> <ul class="nav navbar-nav ml-auto">
<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 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="/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="/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="/n.html" style="font-family: 'Montserrat Alternates', sans-serif;">Cha&#8203;tbox</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 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> <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>
<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 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> <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>
<!--Options Menu--> <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 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>
<div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;"> <!--Options Menu-->
<style> <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>
.csel input[type="submit"] { <div class="dropdown-menu" role="menu" style="background-color: rgb(33,30,30);padding: 17%;padding-top: 10%;padding-bottom: 10%;">
cursor: pointer; <style>
} .csel input[type="submit"] {
</style> cursor: pointer;
<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> </style>
<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;" /> <p style="font-size: 20px; font-family: 'Montserrat Alternates', sans-serif;">Tab Cloak</p>
<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;"> <p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Title.</p>
</form> <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;" />
<p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p> <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 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;" /> </form>
<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;"> <p style="font-size: 14px; font-family: 'Montserrat Alternates', sans-serif;">Change the Tab Icon.</p>
<a href="/i.html">How To Find Icon URL</a> <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;" />
</form> <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 id="toolsform"> <a href="/i.html">How To Find Icon URL</a>
<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>
</form> <form id="toolsform">
<script src="assets/js/header.js"></script> <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>
</div> </form>
</li> <script src="assets/js/header.js"></script>
</ul> </div>
</li>
</ul>
</div>
</div> </div>
</div> </nav>
</nav> <!--Body-->
<div id="particles-js" style="height: 500px;font-family: 'Montserrat Alternates', sans-serif;font-weight: bold;">
<!-- Particles.js background --> <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 id="particles-js" style="height: 500px;"> <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<div class="d-flex justify-content-center align-items-center" style="height: inherit;min-height: initial;width: 100%;position: absolute;left: 0;"> <script>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js "></script> /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
<script> particlesJS.load('particles-js', 'particles.json', function() {
/* particlesJS.load(@dom-id, @path-json, @callback (optional)); */ console.log('particlesjs loaded.......');
particlesJS.load('particles-js', 'particles.json', function() { });
console.log('particlesjs loaded.......'); </script>
}); <!-- YT Surf-->
</script> <div class="d-flex align-items-center order-12" style="height:200px;">
<!-- G Embed --> <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;">
<div class="container"> <form class="hb-form-padding" id="unblocker-form" action="b" method="get">
<div class="box"> <p style="font-size: 46px;">GTo&#8203;ols Directory</p>
<div id="glist"> <p style="font-family: 'Montserrat Alternates', sans-serif;">Choose where you would like to go. Below is some information.</p>
<script> <p class="text-info" style="font-size: 20px;font-family: Lato, sans-serif;">Information:<br></p>
function gsearch() { <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>
var a, b, c, i; <p class="text-default" style="font-family: Lato, sans-serif;">Emulators Featured: GB, GBA, NES, SNES (N64 soon)</p>
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"; <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>
</script> <p class="text-default" style="font-family: Lato, sans-serif;">Most of the games here should hopefully be updated.<br>--<br></p>
<!-- Important: Use <wbr> to mess with keywords. --> <div class="btn-group" role="group" style="background-color: #030303;margin: 2%;padding: 1px;">
<input type="text" id="gsearchbar" autocomplete="off" onkeyup="gsearch()" placeholder="Search Games" /> <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>
<!--GPage--> <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>
<div> <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>
<h2>Ho&#8203;ly Un&#8203;bl&#8203;oc&#8203;ker Ga&#8203;mes</h2> <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>
<h4>The list of ga&#8203;mes you can play on here!</h4> <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 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>
<div class="responsive"> <p class="text-default" style="font-family: Lato, sans-serif;">--</p>
<div class="gallery"> <p class="text-info" style="font-family: Lato, sans-serif;">Enjoy!</p>
<a target="_blank" href="./archive/g/krunker/index.html"> </form>
<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>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!--Footer--> <!--Footer-->
<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">
@ -448,7 +132,7 @@
</div> </div>
<!-- GitHub --> <!-- GitHub -->
<div class="col item social" style="margin: 2%;"> <div class="col item social" style="margin: 2%;">
<a id="hblink2"> <a id="hblink">
<ion-icon name="logo-github"></ion-icon> <ion-icon name="logo-github"></ion-icon>
</a> </a>
</div> </div>
@ -461,6 +145,7 @@
<script src="assets/js/links.js"></script> <script src="assets/js/links.js"></script>
<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>
</body> </body>
</html> </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/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Button-Change-Text-on-Hover.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/Customizable-Background--Overlay.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css"> <link rel="stylesheet" href="assets/css/FD.css">
<link rel="stylesheet" href="assets/css/Header-Dark.css"> <link rel="stylesheet" href="assets/css/HD.css">
<link rel="stylesheet" href="assets/css/styles.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 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> <script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
</head> </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=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/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/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.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 type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
@ -29,8 +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="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</a><button data-toggle="collapse" class="navbar-toggler" <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>
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;">Su&#8203;rf Fre&#8203;ely</a></li> <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="/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" 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> <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" <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>
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> </li>
<!--Options Menu--> <!--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> <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>