commit 944897b7c7f37244e103c81bfe8fb62882f4d685
Author: TiredFromTelehack <trentonruggiero34@gmail.com>
Date:   Tue Oct 22 03:53:03 2024 +0200

    first commit

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..09b5c80
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+## Introduction
+**Name**: Joseph
+**Age**: 20 Years Old
+**DOB**: 11/22/2003
+**City**: Long Beach
+**State**: California
+**Country**: United States
\ No newline at end of file
diff --git a/assets/audio/j.mp3 b/assets/audio/j.mp3
new file mode 100644
index 0000000..939a270
Binary files /dev/null and b/assets/audio/j.mp3 differ
diff --git a/assets/audio/say.mp3 b/assets/audio/say.mp3
new file mode 100644
index 0000000..ce9573a
Binary files /dev/null and b/assets/audio/say.mp3 differ
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..db27637
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,169 @@
+@font-face {
+    font-family: derk;
+    src: url(derk.otf);
+}
+ 
+html {
+    font-family: mono;
+}
+ 
+*,
+*::after,
+*::before {
+    box-sizing: inherit;
+    margin: 0;
+    padding: 0;
+}
+ 
+html {
+    font-family: monospace;
+}
+ 
+*,
+*::after,
+*::before {
+    box-sizing: inherit;
+    margin: 0;
+    padding: 0;
+}
+ 
+body {
+    background: rgb(17, 17, 17);
+}
+ 
+.back {
+    width: 100%;
+}
+ 
+#overlay-toggle {
+    position: absolute;
+    display: none;
+}
+ 
+.overlay {
+    z-index: 1;
+    background-color: black;
+}
+ 
+.overlay label {
+    display: grid;
+    place-items: center;
+    width: 100vw;
+    height: 100vw;
+    color: rgb(255, 255, 255);
+    font-size: 2.5rem;
+}
+ 
+.no-hover {
+    display: block;
+}
+ 
+.hover {
+    display: none;
+}
+ 
+.fullscreen {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-height: 100vh;
+    min-width: 100vw;
+}
+ 
+.text-content h1 {
+    font-size: 6rem;
+    font-weight: 3000;
+}
+ 
+.bg-video {
+    z-index: -1;
+}
+ 
+body {
+    font-family: monospace !important;
+    background-color: #000 !important;
+    color: #fff !important
+}
+ 
+a {
+    text-decoration: none;
+    color: gray !important
+}
+ 
+a:hover {
+    transition: .4s !important;
+    color: #fff !important
+}
+ 
+span::before {
+    content: '\A';
+    white-space: pre
+}
+ 
+#center {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    -webkit-transform: translate(-50%, -50%);
+    -moz-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    -o-transform: translate(-50%, -50%)
+}
+ 
+#overlay-toggle:checked~.overlay {
+    animation-fill-mode: forwards;
+    animation-name: fade, hide;
+    animation-delay: 0s, 600ms;
+    animation-duration: 600ms, 1ms;
+}
+ 
+#overlay-toggle:checked~.overlay label {
+    animation-fill-mode: forwards;
+    animation-name: fade;
+    animation-delay: 0s;
+    animation-duration: 500ms;
+}
+ 
+@media(hover: hover) {
+    .hover {
+        display: block;
+    }
+ 
+    .no-hover {
+        display: none;
+    }
+}
+ 
+@keyframes fade {
+    to {
+        opacity: 0;
+    }
+}
+ 
+@keyframes hide {
+    to {
+        visibility: hidden;
+    }
+}
+ 
+video {
+    filter: brightness(35%);
+}
+ 
+#manipulate {
+    position: absolute;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    bottom: 35px;
+}
+ 
+#manipulate1 {
+    position: absolute;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    bottom: 5px;
+}
\ No newline at end of file
diff --git a/assets/images/jew.mp4 b/assets/images/jew.mp4
new file mode 100644
index 0000000..2b2950a
Binary files /dev/null and b/assets/images/jew.mp4 differ
diff --git a/assets/images/say.mp4 b/assets/images/say.mp4
new file mode 100644
index 0000000..ce9573a
Binary files /dev/null and b/assets/images/say.mp4 differ
diff --git a/cdn-cgi/apps/head/snwXCr1-OFKTB2o8D5sg5H4Y4Ng.js b/cdn-cgi/apps/head/snwXCr1-OFKTB2o8D5sg5H4Y4Ng.js
new file mode 100644
index 0000000..bff2252
--- /dev/null
+++ b/cdn-cgi/apps/head/snwXCr1-OFKTB2o8D5sg5H4Y4Ng.js
@@ -0,0 +1,196 @@
+;
+window.CloudflareApps = window.CloudflareApps || {};
+CloudflareApps.siteId = "5d0cb31cf68182cd3191d077b1599939";
+CloudflareApps.installs = CloudflareApps.installs || {};;
+(function() {
+    'use strict'
+    CloudflareApps.internal = CloudflareApps.internal || {}
+    var errors = []
+    CloudflareApps.internal.placementErrors = errors
+    var errorHashes = {}
+ 
+    function noteError(options) {
+        var hash = options.selector + '::' + options.type + '::' + (options.installId || '')
+        if (errorHashes[hash]) {
+            return
+        }
+        errorHashes[hash] = true
+        errors.push(options)
+    }
+    var initializedSelectors = {}
+    var currentInit = false
+    CloudflareApps.internal.markSelectors = function markSelectors() {
+        if (!currentInit) {
+            check()
+            currentInit = true
+            setTimeout(function() {
+                currentInit = false
+            })
+        }
+    }
+ 
+    function check() {
+        var installs = window.CloudflareApps.installs
+        for (var installId in installs) {
+            if (!installs.hasOwnProperty(installId)) {
+                continue
+            }
+            var selectors = installs[installId].selectors
+            if (!selectors) {
+                continue
+            }
+            for (var key in selectors) {
+                if (!selectors.hasOwnProperty(key)) {
+                    continue
+                }
+                var hash = installId + '::' + key
+                if (initializedSelectors[hash]) {
+                    continue
+                }
+                var els = document.querySelectorAll(selectors[key])
+                if (els && els.length > 1) {
+                    noteError({
+                        type: 'init:too-many',
+                        option: key,
+                        selector: selectors[key],
+                        installId: installId
+                    })
+                    initializedSelectors[hash] = true
+                    continue
+                } else if (!els || !els.length) {
+                    continue
+                }
+                initializedSelectors[hash] = true
+                els[0].setAttribute('cfapps-selector', selectors[key])
+            }
+        }
+    }
+    CloudflareApps.querySelector = function querySelector(selector) {
+        if (selector === 'body' || selector === 'head') {
+            return document[selector]
+        }
+        CloudflareApps.internal.markSelectors()
+        var els = document.querySelectorAll('[cfapps-selector="' + selector + '"]')
+        if (!els || !els.length) {
+            noteError({
+                type: 'select:not-found:by-attribute',
+                selector: selector
+            })
+            els = document.querySelectorAll(selector)
+            if (!els || !els.length) {
+                noteError({
+                    type: 'select:not-found:by-query',
+                    selector: selector
+                })
+                return null
+            } else if (els.length > 1) {
+                noteError({
+                    type: 'select:too-many:by-query',
+                    selector: selector
+                })
+            }
+            return els[0]
+        }
+        if (els.length > 1) {
+            noteError({
+                type: 'select:too-many:by-attribute',
+                selector: selector
+            })
+        }
+        return els[0]
+    }
+}());
+(function() {
+    'use strict'
+    var prevEls = {}
+    CloudflareApps.createElement = function createElement(options, prevEl) {
+        options = options || {}
+        CloudflareApps.internal.markSelectors()
+        try {
+            if (prevEl && prevEl.parentNode) {
+                var replacedEl
+                if (prevEl.cfAppsElementId) {
+                    replacedEl = prevEls[prevEl.cfAppsElementId]
+                }
+                if (replacedEl) {
+                    prevEl.parentNode.replaceChild(replacedEl, prevEl)
+                    delete prevEls[prevEl.cfAppsElementId]
+                } else {
+                    prevEl.parentNode.removeChild(prevEl)
+                }
+            }
+            var element = document.createElement('cloudflare-app')
+            var container
+            if (options.pages && options.pages.URLPatterns && !CloudflareApps.matchPage(options.pages.URLPatterns)) {
+                return element
+            }
+            try {
+                container = CloudflareApps.querySelector(options.selector)
+            } catch (e) {}
+            if (!container) {
+                return element
+            }
+            if (!container.parentNode && (options.method === 'after' || options.method === 'before' || options.method === 'replace')) {
+                return element
+            }
+            if (container === document.body) {
+                if (options.method === 'after') {
+                    options.method = 'append'
+                } else if (options.method === 'before') {
+                    options.method = 'prepend'
+                }
+            }
+            switch (options.method) {
+                case 'prepend':
+                    if (container.firstChild) {
+                        container.insertBefore(element, container.firstChild)
+                        break
+                    }
+                case 'append':
+                    container.appendChild(element)
+                    break
+                case 'after':
+                    if (container.nextSibling) {
+                        container.parentNode.insertBefore(element, container.nextSibling)
+                    } else {
+                        container.parentNode.appendChild(element)
+                    }
+                    break
+                case 'before':
+                    container.parentNode.insertBefore(element, container)
+                    break
+                case 'replace':
+                    try {
+                        var id = element.cfAppsElementId = Math.random().toString(36)
+                        prevEls[id] = container
+                    } catch (e) {}
+                    container.parentNode.replaceChild(element, container)
+            }
+            return element
+        } catch (e) {
+            if (typeof console !== 'undefined' && typeof console.error !== 'undefined') {
+                console.error('Error creating Cloudflare Apps element', e)
+            }
+        }
+    }
+}());
+(function() {
+    'use strict'
+    CloudflareApps.matchPage = function matchPage(patterns) {
+        if (!patterns || !patterns.length) {
+            return true
+        }
+        var loc = document.location.host + document.location.pathname
+        if (window.CloudflareApps && CloudflareApps.proxy && CloudflareApps.proxy.originalURL) {
+            var url = CloudflareApps.proxy.originalURL.parsed
+            loc = url.host + url.path
+        }
+        for (var i = 0; i < patterns.length; i++) {
+            var re = new RegExp(patterns[i], 'i')
+            if (re.test(loc)) {
+                return true
+            }
+        }
+        return false
+    }
+}())
\ No newline at end of file
diff --git a/hall-of-admins/admins.html b/hall-of-admins/admins.html
new file mode 100644
index 0000000..977889c
--- /dev/null
+++ b/hall-of-admins/admins.html
@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hall Of Admins</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: black;
+            color: white;
+            min-height: 100vh;
+            overflow-y: auto; /* Allows scrolling on the entire page */
+            display: flex;
+            flex-direction: column;
+            align-items: center; /* Centers all content horizontally */
+            justify-content: flex-start;
+        }
+
+        .banner-container {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .box-container {
+            display: flex;
+            justify-content: center; /* Centers the boxes */
+            gap: 20px;
+            flex-wrap: wrap; /* Allows wrapping for smaller screens */
+            width: 100%;
+            max-width: 1200px;
+            margin: 20px 0;
+        }
+
+        .box {
+            border: solid 1px rgb(40, 40, 40);
+            background-color: rgb(14, 14, 14);
+            width: 30%;
+            min-width: 250px;
+            border-radius: 2px;
+            padding: 15px;
+            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: center;
+            overflow: hidden; /* Prevents content overflow */
+        }
+
+        .box img {
+            max-width: 100%;
+            max-height: 50%;
+        }
+
+        .box p {
+            margin-top: 10px;
+            /* No height restriction, fills available space */
+        }
+
+        .scroll-notice {
+            font-size: 12px;
+            color: gray;
+            text-align: center;
+            margin-top: 5px;
+        }
+
+        .rainbow {
+            text-shadow: 2px 2px 4px #000000;
+            -webkit-animation: rainbow 5s infinite;
+            animation: rainbow 5s infinite;
+        }
+
+        @keyframes rainbow {
+            0% { color: red; }
+            17% { color: orange; }
+            33% { color: yellow; }
+            50% { color: green; }
+            67% { color: blue; }
+            84% { color: purple; }
+            100% { color: red; }
+        }
+
+        .name-text {
+            text-align: center;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .title-text {
+            text-align: center;
+            font-size: 35px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+    <div class="banner-container">
+        <pre>
+ __       __        _______         _______  
+/  |  _  /  |      /       \       /       \ 
+$$ | / \ $$ |      $$$$$$$  |      $$$$$$$  |
+$$ |/$  \$$ |      $$ |__$$ |      $$ |  $$ |
+$$ /$$$  $$ |      $$    $$/       $$ |  $$ |
+$$ $$/$$ $$ |      $$$$$$$/        $$ |  $$ |
+$$$$/  $$$$ |      $$ |            $$ |__$$ |
+$$$/    $$$ |      $$ |            $$    $$/ 
+$$/      $$/       $$/             $$$$$$$/  
+        </pre>
+        <strong class="title-text rainbow">Hall Of Admins</strong>
+    </div>
+
+    <div class="box-container">
+        <div class="box">
+            <img src="assets/users/hof/CLiTPEELER.webp" alt="CLiTPEELER">
+            <div class="name-text rainbow">"CLiTPEELER"</div>
+            <p>WPD Owner.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/FishyMan420.webp" alt="FishyMan420">
+            <div class="name-text rainbow">"FishyMan420"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Aevann.webp" alt="Aevann">
+            <div class="name-text rainbow">"Aevann"</div>
+            <p>WPD Developer.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/hercule-poirot.webp" alt="hercule-poirot">
+            <div class="name-text rainbow">"hercule-poirot"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/G-tix.webp" alt="G-tix">
+            <div class="name-text rainbow">"G-tix"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Sunshine.webp" alt="Sunshine">
+            <div class="name-text rainbow">"Sunshine"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Princess_Crocodile.webp" alt="Princess_Crocodile">
+            <div class="name-text rainbow">"Princess_Crocodile"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Dwhite_Dynamite.webp" alt="Dwhite_Dynamite">
+            <div class="name-text rainbow">"Dwhite_Dynamite"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/The10thMan.webp" alt="The10thMan">
+            <div class="name-text rainbow">"The10thMan"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Repost_Killing_Bot.webp" alt="Repost_Killing_Bot">
+            <div class="name-text rainbow">"Repost_Killing_Bot"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/CursedDANKmemes.webp" alt="CursedDANKmemes">
+            <div class="name-text rainbow">"CursedDANKmemes"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/C0ng0.webp" alt="C0ng0">
+            <div class="name-text rainbow">"C0ng0"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/weltschmerz.webp" alt="weltschmerz">
+            <div class="name-text rainbow">"weltschmerz"</div>
+            <p>WPD Admin.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Vario.webp" alt="Vario">
+            <div class="name-text rainbow">"Vario"</div>
+            <p>WPD Admin.</p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/hall-of-admins/assets/users/hof/Aevann.webp b/hall-of-admins/assets/users/hof/Aevann.webp
new file mode 100644
index 0000000..60c45a5
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Aevann.webp differ
diff --git a/hall-of-admins/assets/users/hof/C0ng0.webp b/hall-of-admins/assets/users/hof/C0ng0.webp
new file mode 100644
index 0000000..9dc8d57
Binary files /dev/null and b/hall-of-admins/assets/users/hof/C0ng0.webp differ
diff --git a/hall-of-admins/assets/users/hof/CLiTPEELER.webp b/hall-of-admins/assets/users/hof/CLiTPEELER.webp
new file mode 100644
index 0000000..8636165
Binary files /dev/null and b/hall-of-admins/assets/users/hof/CLiTPEELER.webp differ
diff --git a/hall-of-admins/assets/users/hof/CursedDANKmemes.webp b/hall-of-admins/assets/users/hof/CursedDANKmemes.webp
new file mode 100644
index 0000000..6e8c7a7
Binary files /dev/null and b/hall-of-admins/assets/users/hof/CursedDANKmemes.webp differ
diff --git a/hall-of-admins/assets/users/hof/Dwhite_Dynamite.webp b/hall-of-admins/assets/users/hof/Dwhite_Dynamite.webp
new file mode 100644
index 0000000..4de9808
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Dwhite_Dynamite.webp differ
diff --git a/hall-of-admins/assets/users/hof/FishyMan420.webp b/hall-of-admins/assets/users/hof/FishyMan420.webp
new file mode 100644
index 0000000..a5f4f27
Binary files /dev/null and b/hall-of-admins/assets/users/hof/FishyMan420.webp differ
diff --git a/hall-of-admins/assets/users/hof/G-tix.webp b/hall-of-admins/assets/users/hof/G-tix.webp
new file mode 100644
index 0000000..1dab540
Binary files /dev/null and b/hall-of-admins/assets/users/hof/G-tix.webp differ
diff --git a/hall-of-admins/assets/users/hof/Princess_Crocodile.webp b/hall-of-admins/assets/users/hof/Princess_Crocodile.webp
new file mode 100644
index 0000000..43485a3
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Princess_Crocodile.webp differ
diff --git a/hall-of-admins/assets/users/hof/Repost_Killing_Bot.webp b/hall-of-admins/assets/users/hof/Repost_Killing_Bot.webp
new file mode 100644
index 0000000..fda0fd0
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Repost_Killing_Bot.webp differ
diff --git a/hall-of-admins/assets/users/hof/Sunshine.webp b/hall-of-admins/assets/users/hof/Sunshine.webp
new file mode 100644
index 0000000..94b9b0c
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Sunshine.webp differ
diff --git a/hall-of-admins/assets/users/hof/The10thMan.webp b/hall-of-admins/assets/users/hof/The10thMan.webp
new file mode 100644
index 0000000..30c2ba7
Binary files /dev/null and b/hall-of-admins/assets/users/hof/The10thMan.webp differ
diff --git a/hall-of-admins/assets/users/hof/Vario.webp b/hall-of-admins/assets/users/hof/Vario.webp
new file mode 100644
index 0000000..be23e4f
Binary files /dev/null and b/hall-of-admins/assets/users/hof/Vario.webp differ
diff --git a/hall-of-admins/assets/users/hof/hercule-poirot.webp b/hall-of-admins/assets/users/hof/hercule-poirot.webp
new file mode 100644
index 0000000..9b7d1d9
Binary files /dev/null and b/hall-of-admins/assets/users/hof/hercule-poirot.webp differ
diff --git a/hall-of-admins/assets/users/hof/weltschmerz.webp b/hall-of-admins/assets/users/hof/weltschmerz.webp
new file mode 100644
index 0000000..61c9f9f
Binary files /dev/null and b/hall-of-admins/assets/users/hof/weltschmerz.webp differ
diff --git a/hall-of-autism/assets/users/hoa/FarFromEverything.webp b/hall-of-autism/assets/users/hoa/FarFromEverything.webp
new file mode 100644
index 0000000..76e2eb6
Binary files /dev/null and b/hall-of-autism/assets/users/hoa/FarFromEverything.webp differ
diff --git a/hall-of-autism/assets/users/hoa/Mujahh.webp b/hall-of-autism/assets/users/hoa/Mujahh.webp
new file mode 100644
index 0000000..369f20d
Binary files /dev/null and b/hall-of-autism/assets/users/hoa/Mujahh.webp differ
diff --git a/hall-of-autism/assets/users/hoa/autofire.jpg b/hall-of-autism/assets/users/hoa/autofire.jpg
new file mode 100644
index 0000000..482616e
Binary files /dev/null and b/hall-of-autism/assets/users/hoa/autofire.jpg differ
diff --git a/hall-of-autism/assets/users/hoa/prosper.jpg b/hall-of-autism/assets/users/hoa/prosper.jpg
new file mode 100644
index 0000000..f945afe
Binary files /dev/null and b/hall-of-autism/assets/users/hoa/prosper.jpg differ
diff --git a/hall-of-autism/assets/users/hoa/prosper2.png b/hall-of-autism/assets/users/hoa/prosper2.png
new file mode 100644
index 0000000..b73e1bd
Binary files /dev/null and b/hall-of-autism/assets/users/hoa/prosper2.png differ
diff --git a/hall-of-autism/hoa.html b/hall-of-autism/hoa.html
new file mode 100644
index 0000000..0748950
--- /dev/null
+++ b/hall-of-autism/hoa.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Hall Of Autism</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: black;
+    color: white;
+    min-height: 100vh;
+    overflow-y: auto; /* Allows scrolling on the entire page */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+  }
+  
+  .banner-container {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  
+  .box-container, .new-box-container {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    flex-wrap: wrap;
+    width: 100%;
+    max-width: 1200px;
+    margin: 20px 0;
+  }
+  
+  .box, .new-box {
+    border: solid 1px rgb(40, 40, 40);
+    background-color: rgb(14, 14, 14);
+    width: 30%;
+    min-width: 250px;
+    border-radius: 2px;
+    padding: 15px;
+    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+    height: auto; /* Allows height to adjust based on content */
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    overflow: hidden;
+  }
+
+  .box img, .new-box img {
+    max-width: 100%;
+    max-height: 50%;
+  }
+
+  .box p, .new-box p {
+    margin-top: 10px;
+    /* No height restriction, fills available space */
+  }
+
+  .rainbow {
+    text-shadow: 2px 2px 4px #000000;
+    -webkit-animation: rainbow 5s infinite;
+    animation: rainbow 5s infinite;
+  }
+
+  @keyframes rainbow {
+    0% { color: red; }
+    17% { color: orange; }
+    33% { color: yellow; }
+    50% { color: green; }
+    67% { color: blue; }
+    84% { color: purple; }
+    100% { color: red; }
+  }
+
+  .name-text {
+    text-align: center;
+    font-size: 24px;
+    font-weight: bold;
+    margin: 15px 0;
+  }
+
+  .title-text {
+    text-align: center;
+    font-size: 35px;
+    font-weight: bold;
+  }
+</style>
+</head>
+<body>
+  <div class="banner-container">
+    <pre>
+ __       __        _______         _______  
+/  |  _  /  |      /       \       /       \ 
+$$ | / \ $$ |      $$$$$$$  |      $$$$$$$  |
+$$ |/$  \$$ |      $$ |__$$ |      $$ |  $$ |
+$$ /$$$  $$ |      $$    $$/       $$ |  $$ |
+$$ $$/$$ $$ |      $$$$$$$/        $$ |  $$ |
+$$$$/  $$$$ |      $$ |            $$ |__$$ |
+$$$/    $$$ |      $$ |            $$    $$/ 
+$$/      $$/       $$/             $$$$$$$/  
+    </pre>
+    <strong class="title-text rainbow">Hall Of Autism</strong>
+  </div>
+<br>
+    <div class="new-box">
+      <img src="assets/users/hoa/autofire.jpg" alt="autofire">
+      <div class="name-text rainbow">"autofire"</div>
+      <p>Originating from watchpeopledie.tv, this retard watches zoophile porn and fucks dogs this dirty filthy fucking cunt watches child porn and masturbates to all kinds of weird fucking shit online not just that this cunt has the audacity to self project everything he fucking does onto other members of WPD he also flirts with little girls online.</p>
+    </div>
+<br>
+    <div class="new-box">
+      <img src="assets/users/hoa/Mujahh.webp" alt="Mujahh">
+      <div class="name-text rainbow">"Mujahh"</div>
+      <p>Originating from watchpeopledie.tv, this retard purposely uses caps lock and flirts with online girls. Besides that, he uses old shit from the past to prove a point that doesn’t need to be proven at all. This 'Autism Magnet' of a sub-human species is a wannabe internet thug who fails to bitch or bully anyone in pub chat.</p>
+    </div>
+<br>
+    <div class="new-box">
+      <img src="assets/users/hoa/FarFromEverything.webp" alt="FarFromEverything">
+      <div class="name-text rainbow">"FarFromEverything"</div>
+      <p>Originating from watchpeopledie.tv, this retard admitted to sexting a minor who was banned from the site for being underage.</p>
+    </div>
+<br>
+    <div class="new-box">
+      <img src="assets/users/hoa/prosper2.png" alt="Nicholas Prosper">
+      <div class="name-text rainbow">"Nicholas Prosper"</div>
+      <a href="https://videos.watchpeopledie.tv/17264327796219087.mp4">The Video Where He Explains Why He Killed Them!</a>
+      <p>Originating from the UK, this cunt is a pedophile who mutilated his little sister's face and killed his family because of a child in the game called The Walking Dead named Clementine. This cunt thinks he's the chosen one, chosen by Clementine, and since his sister made the "wrong" choices in the game, he killed his entire family. What a cunt. His actions have left a scar on many lives, and he continues to be a figure of infamy in the dark corners of the internet, drawing attention for all the wrong reasons.</p>
+    </div>
+<br>
+
+    </div>
+  </div>
+</body>
+</html>
diff --git a/hall-of-fame/assets/users/hof/Cognacc.webp b/hall-of-fame/assets/users/hof/Cognacc.webp
new file mode 100644
index 0000000..0d40b4d
Binary files /dev/null and b/hall-of-fame/assets/users/hof/Cognacc.webp differ
diff --git a/hall-of-fame/assets/users/hof/MisterBear.webp b/hall-of-fame/assets/users/hof/MisterBear.webp
new file mode 100644
index 0000000..1ae6f59
Binary files /dev/null and b/hall-of-fame/assets/users/hof/MisterBear.webp differ
diff --git a/hall-of-fame/assets/users/hof/Plex.webp b/hall-of-fame/assets/users/hof/Plex.webp
new file mode 100644
index 0000000..e65ed18
Binary files /dev/null and b/hall-of-fame/assets/users/hof/Plex.webp differ
diff --git a/hall-of-fame/assets/users/hof/Vaporeon.webp b/hall-of-fame/assets/users/hof/Vaporeon.webp
new file mode 100644
index 0000000..cae326a
Binary files /dev/null and b/hall-of-fame/assets/users/hof/Vaporeon.webp differ
diff --git a/hall-of-fame/assets/users/hof/cool_cat_.webp b/hall-of-fame/assets/users/hof/cool_cat_.webp
new file mode 100644
index 0000000..89691b1
Binary files /dev/null and b/hall-of-fame/assets/users/hof/cool_cat_.webp differ
diff --git a/hall-of-fame/hof.html b/hall-of-fame/hof.html
new file mode 100644
index 0000000..224c5ac
--- /dev/null
+++ b/hall-of-fame/hof.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hall Of Fame</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: black;
+            color: white;
+            min-height: 100vh;
+            overflow-y: auto; /* Allows scrolling on the entire page */
+            display: flex;
+            flex-direction: column;
+            align-items: center; /* Centers all content horizontally */
+            justify-content: flex-start;
+        }
+
+        .banner-container {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .box-container {
+            display: flex;
+            justify-content: center; /* Centers the boxes */
+            gap: 20px;
+            flex-wrap: wrap; /* Allows wrapping for smaller screens */
+            width: 100%;
+            max-width: 1200px;
+            margin: 20px 0;
+        }
+
+        .box {
+            border: solid 1px rgb(40, 40, 40);
+            background-color: rgb(14, 14, 14);
+            width: 30%;
+            min-width: 250px;
+            border-radius: 2px;
+            padding: 15px;
+            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: center;
+            overflow: hidden; /* Prevents content overflow */
+        }
+
+        .box img {
+            max-width: 100%;
+            max-height: 50%;
+        }
+
+        .box p {
+            margin-top: 10px;
+            /* No height restriction, fills available space */
+        }
+
+        .scroll-notice {
+            font-size: 12px;
+            color: gray;
+            text-align: center;
+            margin-top: 5px;
+        }
+
+        .rainbow {
+            text-shadow: 2px 2px 4px #000000;
+            -webkit-animation: rainbow 5s infinite;
+            animation: rainbow 5s infinite;
+        }
+
+        @keyframes rainbow {
+            0% { color: red; }
+            17% { color: orange; }
+            33% { color: yellow; }
+            50% { color: green; }
+            67% { color: blue; }
+            84% { color: purple; }
+            100% { color: red; }
+        }
+
+        .name-text {
+            text-align: center;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .title-text {
+            text-align: center;
+            font-size: 35px;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+    <div class="banner-container">
+        <pre>
+ __       __        _______         _______  
+/  |  _  /  |      /       \       /       \ 
+$$ | / \ $$ |      $$$$$$$  |      $$$$$$$  |
+$$ |/$  \$$ |      $$ |__$$ |      $$ |  $$ |
+$$ /$$$  $$ |      $$    $$/       $$ |  $$ |
+$$ $$/$$ $$ |      $$$$$$$/        $$ |  $$ |
+$$$$/  $$$$ |      $$ |            $$ |__$$ |
+$$$/    $$$ |      $$ |            $$    $$/ 
+$$/      $$/       $$/             $$$$$$$/  
+        </pre>
+        <strong class="title-text rainbow">Hall Of Fame</strong>
+    </div>
+
+    <div class="box-container">
+        <div class="box">
+            <img src="assets/users/hof/Plex.webp" alt="Plex">
+            <div class="name-text rainbow">"Plex"</div>
+            <p>WPD's Very Own Plex</p>
+        </div>
+
+    <div class="box-container">
+        <div class="box">
+            <img src="assets/users/hof/cool_cat_.webp" alt="cool_cat_">
+            <div class="name-text rainbow">"cool_cat_"</div>
+            <p>WPD's Very Own Cool Cat.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Cognacc.webp" alt="Cognacc">
+            <div class="name-text rainbow">"Cognacc"</div>
+            <p>WPD's Very Own Drink.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/MisterBear.webp" alt="MisterBear">
+            <div class="name-text rainbow">"MisterBear"</div>
+            <p>WPD's Very Own Bear.</p>
+        </div>
+
+        <div class="box">
+            <img src="assets/users/hof/Vaporeon.webp" alt="Vaporeon">
+            <div class="name-text rainbow">"Vaporeon"</div>
+            <p>WPD's Very Own Vaporeon.</p>
+        </div>
+
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..6653aef
--- /dev/null
+++ b/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+ 
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>WatchPeopleDie.tv</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Dreadful'">
+    <meta property="og:url" content="https://dreadfulservices.online">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:image" content="https://i.imgur.com/a/4OmxUkU.gif">
+    <meta name="theme-color" content="#2f3136">
+    <script src="/cdn-cgi/apps/head/snwXCr1-OFKTB2o8D5sg5H4Y4Ng.js"></script>
+    <link rel="stylesheet" href="assets/css/main.css">
+</head>
+ 
+<body>
+    <main>
+        <script>
+            function playNextVideoAndAudio() {
+                var video = document.getElementById("video");
+                var audio = document.getElementById("audio");
+ 
+                video.addEventListener("ended", function() {
+                    // Play the next video
+                    video.src = "assets/images/say.mp4";
+                    video.play();
+                });
+ 
+                audio.addEventListener("ended", function() {
+                    // Play the next audio
+                    audio.src = "assets/audio/say.mp3";
+                    audio.play();
+                });
+ 
+                // Start playing the initial video and audio
+                video.play();
+                audio.play();
+            }
+        </script>
+        <input type="checkbox" autocomplete="off" id="overlay-toggle">
+        <div class="overlay fullscreen">
+            <label for="overlay-toggle" onclick="playNextVideoAndAudio()">
+                <span class="no-hover" style="font-family: derk; font-size: 0.6em;">press anywhere</span>
+                <span class="hover" style="font-family: derk; font-size: 0.6em;">click anywhere</span>
+            </label>
+        </div>
+        <audio loop="" preload="auto" id="audio">
+            <source src="assets/audio/j.mp3" type="audio/mp3">
+        </audio>
+        <video muted="muted" loop="" playsinline="" preload="auto" class="fullscreen bg-video" id="video">
+            <source src="assets/images/jew.mp4" type="video/mp4">
+        </video>
+        <section class="fullscreen text-content">
+            <div id="center">
+                <h1 style="font-family: derk; text-shadow: 0 0 0.40em #bababa;">WPD</h1>
+                <div class="socials">
+                    <h4>Owners; Klez</h4>
+                    <span>
+                        $:
+                        <a href="404" style="text-decoration:none; font-family: derk; font-size: 1em;">no server to join yet</a>
+                    </span>
+                    <span>
+                        $:
+                        <a href="hall-of-autism/hoa.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Autism</a>
+                    </span>
+                    <span>
+                        $:
+                        <a href="hall-of-fame/hof.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Fame</a>
+                    </span>
+                    <span>
+                        $:
+                        <a href="hall-of-admins/admins.html" style="text-decoration:none; font-family: derk; font-size: 1em;">Hall Of Admins</a>
+                    </span>
+ 
+                </div>
+        </section>
+    </main>
+</body>
+ 
+</html>