I apologize if you are experiencing technical issues, I am trying to fix them.
૮ ˶ᵔ ᵕ ᵔ˶ ა Enjoy!! (˶˃ ᵕ ˂˶)
I apologize if you are experiencing technical issues, I am trying to fix them.
Why did we change the way you can use PopWow? Click anywhere on this text to know more
There was an issue where the school added an extension where if it would detect key words that are in the unallowed list it would instantly block the site, now unfortunately it will be much more difficult to use PopWow but as of right now it is still possible,
If you struggle with how you can use this please Contact us
This issue might or might not be permanent, we really don't know.. but knowing that Chromebooks security on blocking sites is improving we have ideas that this might become permanent and some day even block this way..
Copy this (I know.. it looks scary)..
<!DOCTYPE html>
<html>
<head>
<title>PopWow</title>
<style>
body {
font-family: Comic Sans MS;
background: #703596;
min-height: 100vh;
margin: 0;
padding: 0;
display: flex;
}
.sidebar {
position: fixed;
left: 0;
top: 0;
width: 80px;
height: 100vh;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
padding: 20px 10px;
display: flex;
flex-direction: column;
gap: 8px;
overflow-y: auto;
box-shadow: 2px 0 10px rgba(0,0,0,0.3);
z-index: 1000;
}
.sidebar::-webkit-scrollbar {
width: 6px;
}
.sidebar::-webkit-scrollbar-track {
background: rgba(255,255,255,0.1);
}
.sidebar::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.3);
border-radius: 3px;
}
.sidebar-btn {
background: #591F7D;
border: none;
padding: 12px;
font-size: 18px;
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease;
color: white;
text-align: center;
min-height: 45px;
}
.sidebar-btn:hover {
background: #381C4D;
transform: scale(1.05);
}
.sidebar-btn.empty {
opacity: 0.4;
cursor: default;
}
.sidebar-btn.empty:hover {
transform: none;
background: #381C4D;
}
.main-content {
margin-left: 100px;
flex: 1;
padding: 20px;
}
h1 {
color: white;
text-align: center;
margin-bottom: 30px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.letter-section {
margin-bottom: 40px;
padding: 0 20px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
min-height: 100px;
}
.letter-section.empty {
opacity: 0.5;
}
.letter-header {
color: white;
font-size: 32px;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 3px solid rgba(255,255,255,0.3);
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.buttons-container {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.empty-message {
color: rgba(255,255,255,0.6);
font-style: italic;
text-align: center;
padding: 20px;
}
input[type="button"] {
background: #381C4D;
border: none;
padding: 15px 30px;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
transition: all 0.3s ease;
width: 100%;
max-width: 600px;
color: white;
text-align: left;
}
input[type="button"]:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0,0,0,0.2);
background: #2C163E;
}
input[type="button"]:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {
.sidebar {
width: 60px;
padding: 15px 5px;
}
.sidebar-btn {
padding: 8px;
font-size: 16px;
}
.main-content {
margin-left: 70px;
}
}
</style>
</head>
<body>
<div class="sidebar" id="sidebar">
</div>
<div class="main-content">
<h1>PopWow :D</h1>
<h2 style="color: white; text-align: center; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-weight: normal; font-size: 18px;">
</a>
<style>
#searchInput {
padding: 13px;
width: 100%;
max-width: 420px;
border-radius: 8px;
background: #1a0828;
color: #ffffff;
border: 1px solid #d946ef;
box-shadow: 0 0 8px rgba(217, 70, 239, 0.45);
outline: none;
transition: all 0.25s ease;
font-size: 15px;
font-family: Comic Sans MS;
}
#searchInput::placeholder {
color: #d6b3ff;
}
#searchInput:focus {
border-color: #ff4dff;
box-shadow: 0 0 12px #ff4dff, 0 0 20px rgba(255, 77, 255, 0.35);
}
</style>
<h2 style="color: white; text-align: center; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); font-weight: normal; font-size: 18px;">
<input
type="text"
placeholder="Search..."
id="searchInput"
>
<script src="https://cdn.jsdelivr.net/gh/mcgee1717/994894838923761723@main/searchbut.js"></script>
<button id="lolbutton" onclick="const script = document.createElement('script');script.src='https://cdn.jsdelivr.net/gh/mcgee1717/994894838923761723@latest/games.js';document.body.appendChild(script);">
Click to load if it isn't loading
</button>
</h2>
<div id="sections-container">
</div>
</div>
<script src="https://cdn.jsdelivr.net/gh/mcgee1717/994894838923761723@
49119bc/games.js"></script>
</body>
</html>
2. Open this
3. Delete all the text in the text input
4. Paste the copied thing
5. Click Run "Run >"