{"id":31602,"date":"2026-10-03T15:31:53","date_gmt":"2026-10-03T19:31:53","guid":{"rendered":"https:\/\/havenrpg.net\/newsite\/?page_id=31602"},"modified":"2026-10-16T05:00:01","modified_gmt":"2026-10-16T09:00:01","slug":"h5-kade-avery","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/h5-characters\/h5-kade-avery\/","title":{"rendered":"Kade Avery"},"content":{"rendered":"\n<!-- Character Page HTML for WordPress -->\n<style>\n    \/* Full page background *\/\n    .rpg-background-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: -1;\n        background-image: url('https:\/\/i.pinimg.com\/736x\/05\/7c\/44\/057c446b942152fc32d620fdce34e423.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        background-repeat: no-repeat;\n    }\n    \n    \/* Character page wrapper - transparent, just for positioning *\/\n    .rpg-character-page {\n        position: relative;\n        width: 100%;\n        margin-top: -180px;\n        margin-bottom: -180px;\n        padding: 90px 0;\n        background: transparent;\n    }\n    \n    \/* The black semi-transparent container - only this has the black background *\/\n    .rpg-character-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        background-color: rgba(0, 0, 0, 0.8);\n        box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);\n    }\n    \n    .rpg-character-container {\n        padding: 40px;\n        position: relative;\n    }\n    \n    \/* Header styling *\/\n    .rpg-header {\n        text-align: center;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .rpg-character-name {\n        font-size: 48px;\n        font-weight: 300;\n        letter-spacing: 3px;\n        margin-bottom: 10px;\n        font-family: 'Georgia', serif;\n        text-transform: uppercase;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n        color: white;\n    }\n    \n    .rpg-follower-count {\n        font-size: 18px;\n        color: #ccc;\n        margin-bottom: 30px;\n    }\n    \n    .rpg-follower-count span {\n        color: #ff6b6b;\n        font-weight: bold;\n    }\n    \n    \/* Content section *\/\n    .rpg-content-section {\n        display: flex;\n        gap: 40px;\n        margin-bottom: 40px;\n        align-items: flex-start;\n    }\n    \n    \/* Image carousel *\/\n    .rpg-image-carousel-container {\n        flex: 0 0 400px;\n        position: relative;\n    }\n    \n    .rpg-faction-society {\n        margin-top: 20px;\n        padding: 15px;\n        background: rgba(0, 0, 0, 0.5);\n        border-radius: 10px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    }\n    \n    .rpg-faction-society p {\n        margin-bottom: 10px;\n        color: #ddd;\n        font-size: 15px;\n    }\n    \n    .rpg-faction-society p:last-child {\n        margin-bottom: 0;\n    }\n    \n    .rpg-faction-society strong {\n        color: white;\n        font-weight: 600;\n    }\n    \n    .rpg-faction-society a {\n        color: #ff6b6b;\n        text-decoration: none;\n        transition: color 0.3s;\n    }\n    \n    .rpg-faction-society a:hover {\n        color: #ff9999;\n        text-decoration: underline;\n    }\n    \n    .rpg-image-carousel {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        overflow: hidden;\n        border-radius: 10px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n        background: #000;\n    }\n    \n    .rpg-carousel-image {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n    }\n    \n    .rpg-carousel-image.active {\n        opacity: 1;\n    }\n    \n    .rpg-carousel-controls {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        gap: 10px;\n        z-index: 10;\n    }\n    \n    .rpg-carousel-dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.5);\n        cursor: pointer;\n        transition: background-color 0.3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .rpg-carousel-dot.active {\n        background-color: white;\n    }\n    \n    .rpg-carousel-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: rgba(0, 0, 0, 0.5);\n        color: white;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        font-size: 24px;\n        transition: background-color 0.3s;\n        z-index: 10;\n        line-height: 1;\n    }\n    \n    .rpg-carousel-nav:hover {\n        background-color: rgba(0, 0, 0, 0.8);\n    }\n    \n    .rpg-prev {\n        left: 10px;\n    }\n    \n    .rpg-next {\n        right: 10px;\n    }\n    \n    \/* Text blurb with tabs *\/\n    .rpg-text-blurb {\n        flex: 1;\n        color: #ddd;\n        line-height: 1.8;\n        font-size: 16px;\n    }\n    \n    .rpg-text-blurb h3 {\n        color: white;\n        margin-bottom: 20px;\n        font-size: 28px;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n    \n    .rpg-text-blurb p {\n        margin-bottom: 15px;\n        color: #ddd;\n    }\n    \n    .rpg-text-blurb a {\n        color: #ff6b6b;\n        text-decoration: none;\n        transition: color 0.3s;\n    }\n    \n    .rpg-text-blurb a:hover {\n        color: #ff9999;\n        text-decoration: underline;\n    }\n    \n    .rpg-text-blurb strong {\n        color: white;\n    }\n    \n    \/* Tab styles *\/\n    .rpg-tabs {\n        width: 100%;\n    }\n    \n    .rpg-tab-buttons {\n        display: flex;\n        border-bottom: 2px solid #444;\n        margin-bottom: 20px;\n        gap: 10px;\n    }\n    \n    .rpg-tab-button {\n        background: transparent;\n        border: none;\n        color: #999;\n        padding: 12px 24px;\n        font-size: 16px;\n        cursor: pointer;\n        position: relative;\n        transition: color 0.3s;\n        font-weight: 300;\n        letter-spacing: 0.5px;\n    }\n    \n    .rpg-tab-button:hover {\n        color: #ccc;\n    }\n    \n    .rpg-tab-button.active {\n        color: white;\n    }\n    \n    .rpg-tab-button.active::after {\n        content: '';\n        position: absolute;\n        bottom: -2px;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: #ff6b6b;\n    }\n    \n    .rpg-tab-content {\n        display: none;\n        animation: fadeIn 0.3s;\n    }\n    \n    .rpg-tab-content.active {\n        display: block;\n    }\n    \n    .rpg-tab-content.profile-tab {\n        text-align: justify;\n    }\n    \n    .rpg-tab-content.photo-tab {\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 12px;\n        line-height: 1.4;\n        white-space: pre;\n        overflow-x: auto;\n        background: rgba(0, 0, 0, 0.3);\n        padding: 20px;\n        border-radius: 5px;\n        color: #ddd;\n    }\n    \n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n    \n    \/* Video carousel *\/\n    .rpg-video-section {\n        margin-top: 40px;\n    }\n    \n    .rpg-video-section h3 {\n        color: white;\n        text-align: center;\n        margin-bottom: 30px;\n        font-size: 28px;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n    \n    .rpg-video-carousel {\n        position: relative;\n        width: 100%;\n        height: 500px;\n        overflow: hidden;\n        border-radius: 10px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n        background: #000;\n    }\n    \n    .rpg-video-item {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n        pointer-events: none;\n    }\n    \n    .rpg-video-item.active {\n        opacity: 1;\n        pointer-events: auto;\n    }\n    \n    .rpg-video-placeholder {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        color: #666;\n        font-size: 18px;\n    }\n    \n    .rpg-video-item iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 10px;\n    }\n    \n    \/* Force visibility for our iframes *\/\n    .rpg-protected-iframe {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1300px) {\n        .rpg-character-inner {\n            margin: 0 20px;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .rpg-character-container {\n            padding: 20px;\n        }\n        \n        .rpg-content-section {\n            flex-direction: column;\n        }\n        \n        .rpg-image-carousel-container {\n            flex: 1;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .rpg-character-name {\n            font-size: 36px;\n        }\n        \n        .rpg-image-carousel {\n            height: 400px;\n        }\n        \n        .rpg-video-carousel {\n            height: 300px;\n        }\n        \n        .rpg-character-inner {\n            margin: 0 10px;\n        }\n        \n        .rpg-tab-button {\n            padding: 10px 16px;\n            font-size: 14px;\n        }\n        \n        .rpg-tab-content.photo-tab {\n            font-size: 10px;\n            padding: 10px;\n        }\n        \n        .rpg-faction-society {\n            margin-bottom: 20px;\n        }\n    }\n<\/style>\n\n<!-- Background image element -->\n<div class=\"rpg-background-overlay\"><\/div>\n\n<!-- Main content -->\n<div class=\"rpg-character-page\">\n    <div class=\"rpg-character-inner\">\n        <div class=\"rpg-character-container\">\n            <div class=\"rpg-header\">\n                <h1 class=\"rpg-character-name\">Kade Avery<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#808080\"><span style=\"color:#8787af\"><span style=\"color:#9e9e9e\"><span style=\"color:#8a8a8a\"><span style=\"color:#949494\"><span style=\"color:#8787af\"><span style=\"color:#9e9e9e\"><span style=\"color:#a8a8a8\"><span style=\"color:#b2b2b2\"><span style=\"color:#c6c6c6\"><span style=\"color:#bcbcbc\"><span style=\"color:#b2b2b2\"><span style=\"color:#c6c6c6\"><span style=\"color:#bcbcbc\">K<span style=\"color:#d0d0d0\"><span style=\"color:#bcbcbc\"><span style=\"color:#c6c6c6\"><span style=\"color:#d0d0d0\"><span style=\"color:#bcbcbc\"><span style=\"color:#d0d0d0\"><span style=\"color:#bcbcbc\"><span style=\"color:#c6c6c6\"><span style=\"color:#b2b2b2\"><span style=\"color:#bcbcbc\"><span style=\"color:#c6c6c6\"><span style=\"color:#b2b2b2\"><span style=\"color:#9e9e9e\">a<span style=\"color:#a8a8a8\"><span style=\"color:#a8a8a8\"><span style=\"color:#949494\"><span style=\"color:#8a8a8a\"><span style=\"color:#8787af\"><span style=\"color:#9e9e9e\"><span style=\"color:#8787af\"><span style=\"color:#808080\"><span style=\"color:#875f87\"><span style=\"color:#767676\"><span style=\"color:#875f87\"><span style=\"color:#808080\">d<span style=\"color:#875fd7\"><span style=\"color:#875f87\"><span style=\"color:#767676\"><span style=\"color:#875f87\"><span style=\"color:#875fd7\"><span style=\"color:#875f87\"><span style=\"color:#875faf\"><span style=\"color:#875fd7\"><span style=\"color:#875faf\"><span style=\"color:#875fd7\"><span style=\"color:#875faf\"><span style=\"color:#875fd7\"><span style=\"color:#875fd7\">a<span style=\"color:#875fd7\"><span style=\"color:#875fd7\"><span style=\"color:#875faf\"><span style=\"color:#875fd7\"><span style=\"color:#875faf\"><span style=\"color:#875fd7\"><span style=\"color:#875faf\"><span style=\"color:#875f87\"><span style=\"color:#875fd7\"><span style=\"color:#875f87\"><span style=\"color:#767676\"><span style=\"color:#875f87\"><span style=\"color:#875fd7\">v<span style=\"color:#808080\"><span style=\"color:#875f87\"><span style=\"color:#767676\"><span style=\"color:#875f87\"><span style=\"color:#808080\"><span style=\"color:#8787af\"><span style=\"color:#9e9e9e\"><span style=\"color:#8787af\"><span style=\"color:#8a8a8a\"><span style=\"color:#949494\"><span style=\"color:#a8a8a8\"><span style=\"color:#a8a8a8\"><span style=\"color:#9e9e9e\">e<span style=\"color:#b2b2b2\"><span style=\"color:#c6c6c6\"><span style=\"color:#bcbcbc\"><span style=\"color:#b2b2b2\"><span style=\"color:#c6c6c6\"><span style=\"color:#bcbcbc\"><span style=\"color:#d0d0d0\"><span style=\"color:#bcbcbc\"><span style=\"color:#d0d0d0\"><span style=\"color:#c6c6c6\"><span style=\"color:#bcbcbc\"><span style=\"color:#d0d0d0\"><span style=\"color:#bcbcbc\">r<span style=\"color:#c6c6c6\"><span style=\"color:#b2b2b2\"><span style=\"color:#bcbcbc\"><span style=\"color:#c6c6c6\"><span style=\"color:#b2b2b2\"><span style=\"color:#a8a8a8\"><span style=\"color:#9e9e9e\"><span style=\"color:#8787af\"><span style=\"color:#949494\"><span style=\"color:#8a8a8a\"><span style=\"color:#9e9e9e\"><span style=\"color:#8787af\"><span style=\"color:#808080\">y<span style=\"color:#c0c0c0\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/div>\n            <\/div>\n            \n            <div class=\"rpg-content-section\">\n                <div class=\"rpg-image-carousel-container\">\n                    <div class=\"rpg-image-carousel\" id=\"rpgImageCarousel\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/D5Sm8ZL.png\" class=\"rpg-carousel-image active\" alt=\"Character 1\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/aegJRln.png\" class=\"rpg-carousel-image\" alt=\"Character 2\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/70E1pud.png\" class=\"rpg-carousel-image\" alt=\"Character 3\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/HqzqEg3.png\" class=\"rpg-carousel-image\" alt=\"Character 4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/tS5y1zj.png\" class=\"rpg-carousel-image\" alt=\"Character 5\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/2qTsAFk.png\" class=\"rpg-carousel-image\" alt=\"Character 6\">\n                        \n                        <button class=\"rpg-carousel-nav rpg-prev\" id=\"rpgPrevImage\">\u2039<\/button>\n                        <button class=\"rpg-carousel-nav rpg-next\" id=\"rpgNextImage\">\u203a<\/button>\n                        \n                        <div class=\"rpg-carousel-controls\">\n                            <button class=\"rpg-carousel-dot active\" data-index=\"0\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"1\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"2\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"3\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"4\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"5\"><\/button>\n                        <\/div>\n                    <\/div>\n                    \n                    \n                <\/div>\n                \n                <div class=\"rpg-text-blurb\">\n                    <div class=\"rpg-tabs\">\n                        <div class=\"rpg-tab-buttons\">\n                            <button class=\"rpg-tab-button active\" data-tab=\"profile\">Profile<\/button>\n                            <button class=\"rpg-tab-button\" data-tab=\"photo\">Photo<\/button>\n                        <\/div>\n                        \n                        <div id=\"profile\" class=\"rpg-tab-content profile-tab active\">\n                            <h3>About Me<\/h3>\n                            <p><span style=\"color:#000000\"> <\/span><\/p>\n                            <p><span style=\"color:#000000\"> <\/span><\/p>\n                            <p><span style=\"color:#9ca3af\">KADE AVE<span style=\"color:#a6adb8\">RY<\/p>\n                            <p><span style=\"color:#a6adb8\">+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;+<\/p>\n                            <p><span style=\"color:#b1b6c0\">:                                    :<\/p>\n                            <p><span style=\"color:#b1b6c0\">:    <span style=\"color:#bbc0c9\">born here. still here.          :<\/p>\n                            <p><span style=\"color:#bbc0c9\">:                                    <span style=\"color:#c6cad1\">:<\/p>\n                            <p><span style=\"color:#c6cad1\">:    i sw<span style=\"color:#d0d4da\">im a lot, smoke too much,   :<\/p>\n                            <p><span style=\"color:#d0d4da\">:    and occ<span style=\"color:#dadde2\">asionally attend class.  :<\/p>\n                            <p><span style=\"color:#dadde2\">:                                    <span style=\"color:#e5e7eb\">:<\/p>\n                            <p><span style=\"color:#e5e7eb\">:    music&#8217;s usual<span style=\"color:#e1e4ea\">ly on.             :<\/p>\n                            <p><span style=\"color:#e1e4ea\">:    phone&#8217;s usually <span style=\"color:#dee2e8\">on silent.      :<\/p>\n                            <p><span style=\"color:#dee2e8\">:                                    <span style=\"color:#dadfe7\">:<\/p>\n                            <p><span style=\"color:#dadfe7\">+&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<span style=\"color:#d6dde5\">&#8212;&#8212;&#8212;&#8211;+<\/p>\n                            <p><span style=\"color:#d6dde5\">:                                    <span style=\"color:#d2dae4\">:<\/p>\n                            <p><span style=\"color:#d2dae4\">:    don&#8217;t be needy.                 <span style=\"color:#cfd8e2\">:<\/p>\n                            <p><span style=\"color:#cfd8e2\">:    i probably saw your text,       <span style=\"color:#cbd5e1\">:<\/p>\n                            <p><span style=\"color:#cbd5e1\">:    just text again later.          :<\/p>\n                            <p><span style=\"color:#c3cedb\">:                                    :<\/p>\n                            <p><span style=\"color:#c3cedb\">+-<span style=\"color:#bbc7d5\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;+<\/p>\n                            <p><span style=\"color:#bbc7d5\">:                                    <span style=\"color:#b4c0cf\">:<\/p>\n                            <p><span style=\"color:#b4c0cf\">:    cur<span style=\"color:#acb8ca\">rently:                      :<\/p>\n                            <p><span style=\"color:#acb8ca\">:    feelin<span style=\"color:#a4b1c4\">g reckless                :<\/p>\n                            <p><span style=\"color:#a4b1c4\">:                                    <span style=\"color:#9caabe\">:<\/p>\n                            <p><span style=\"color:#9caabe\">+&#8212;&#8212;&#8212;&#8212;&#8212;-<span style=\"color:#94a3b8\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;+<span style=\"color:#c0c0c0\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n                            \n                            <h3>Quote<\/h3>\n                            <p>&#8220;Nothing behind me, everything ahead of me.&#8221; Jack Kerouac, On the Road<\/p>\n                            \n                            <h3>Joke<\/h3>\n                            <p><\/p>\n                        <\/div>\n                        \n                        <div id=\"photo\" class=\"rpg-tab-content photo-tab\"><span style=\"color:#008080\"> _____________________________________________________________________________ \n\n<\/span><span style=\"color:#008080\">| <\/span>His hand tugs the collar of his shirt, as if the act of taking a picture is <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>suffocation                                                                 <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>This is a pale, black-haired youth steeped in dark ink in his late teens.   <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>He is 6&#8217;3&#8243; and has pale skin, black hair, and blue eyes.                    <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>You can see his face, neck, and hands.                                      <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span><span style=\"color:#000000\"> <\/span>                                                                           <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> Tall and lean, this young man carries considerably more weight through his shoulders and chest than the long lines of his frame first suggest. He looks somewhere in his early twenties, pale-skinned and dark-haired, with a narrow waist beneath a broad upper body and the easy posture of someone rarely concerned with standing straight. Black ink appears wherever clothing permits it, climbing his arms and reaching in broken strokes along one side of his neck. There is little about him that looks particularly neat. Even at rest, there is something slightly disheveled about him.\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> His hair is a dense, ink-black mess, grown long enough to swallow much of his forehead and frequently his eyes with it. Thick layers fall forward in loose waves before breaking apart around his temples and ears, while the back has been allowed to grow somewhat longer, feathering unevenly against the nape. Whatever effort goes into it seems devoted mostly to leaving it alone. \n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> Beneath dark, straight brows are a pair of pale blue eyes, made brighter by the black hair that so often hangs across them. Each iris is ringed by a deeper blue around its edge, paling subtly toward the pupil. His upper lids sit naturally low, lending his gaze a hooded quality even when fully attentive. \n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> His face is narrow and cleanly cut, drawn around high cheekbones and a straight nose before tapering toward a sharp, well-defined, clean-shaven jaw. His mouth is comparatively soft against the harder structure surrounding it, with full lips naturally muted in color and a lower lip somewhat heavier than the upper. Long and lean, his neck leaves the tendons at either side plainly visible when he turns his head. Black ink climbs from beneath whatever clothing may obscure along one side, gathering into dense, irregular strokes before thinning toward the jaw. The shapes refuse any obvious image at a glance, more like thorns, roots, or spilled ink. \n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> His hands are large without being especially broad, carried on long fingers with prominent knuckles and short, uneven nails. <span style=\"color:#5f5f5f\">Stray t<span style=\"color:#875f5f\">hreads<span style=\"color:#af5f5f\"> of bl<span style=\"color:#d75f5f\">ack in<span style=\"color:#d75f5f\">k reach<span style=\"color:#d75f5f\"> acros<span style=\"color:#d75f5f\">s the <span style=\"color:#af5f5f\">backs <span style=\"color:#875f5f\">of bot<span style=\"color:#5f5f5f\">h hands<span style=\"color:#c0c0c0\"> from the work covering his forearms, though neither palm has been touched. Faint callus roughens his fingertips and the inside of his grip.\n\n<span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span><u>He is using:<\/u>                                                                <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">E<\/span>) a black iPhone 16 with a water-proof, transparent hard case            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) a classic bomber jacket in pitch-black with a folded collar            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) an oversized, heavyweight long-sleeved black cotton sweater            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>     a set of iron rings worn random and in disarray on the left            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) a pair of stone-washed black jeans, slim taper and low rise            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) a pair of gray-black low-top converses with ripped insignia            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) an inked, layered silver chain with a cross pendant in bone            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>     a black set of iron stud earring scaling upward on the left            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>     a tightly corded leather bracelet of no note wrapped around            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>                                                                            <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">|_____________________________________________________________________________|\n\n<\/span><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"rpg-video-section\">\n                <div class=\"rpg-video-carousel\" id=\"rpgVideoCarousel\">\n                    <div class=\"rpg-video-item active\" data-video-id=\"taoU08gSWS0\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"VjuCbHNfTwE\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"YF_kRhoH8kM\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"TKyKHgB-AHA\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"66A_3uwuZ_I\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"pgs4KeaEsBk\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"ijMvAP4asBw\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    \n                    <button class=\"rpg-carousel-nav rpg-prev\" id=\"rpgPrevVideo\">\u2039<\/button>\n                    <button class=\"rpg-carousel-nav rpg-next\" id=\"rpgNextVideo\">\u203a<\/button>\n                    \n                    <div class=\"rpg-carousel-controls\" style=\"bottom: 30px;\">\n                        <button class=\"rpg-carousel-dot active\" data-video-index=\"0\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"1\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"2\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"3\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"4\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"5\"><\/button>\n                        <button class=\"rpg-carousel-dot\" data-video-index=\"6\"><\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\njQuery(document).ready(function($) {\n    'use strict';\n    \n    let currentImageIndex = 0;\n    let currentVideoIndex = 0;\n    let imageAutoAdvance;\n    let videosLoaded = false;\n    let protectionActive = false;\n    \n    \/\/ Tab switching functionality\n    $('.rpg-tab-button').on('click', function() {\n        var tabName = $(this).data('tab');\n        \n        \/\/ Hide all tab contents\n        $('.rpg-tab-content').removeClass('active');\n        \n        \/\/ Remove active class from all buttons\n        $('.rpg-tab-button').removeClass('active');\n        \n        \/\/ Show the selected tab and mark button as active\n        $('#' + tabName).addClass('active');\n        $(this).addClass('active');\n    });\n    \n    \/\/ Function to create and insert iframe\n    function createIframe(videoId) {\n        const iframe = document.createElement('iframe');\n        iframe.src = 'https:\/\/www.youtube.com\/embed\/' + videoId;\n        iframe.setAttribute('allowfullscreen', 'true');\n        iframe.setAttribute('frameborder', '0');\n        iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');\n        iframe.className = 'rpg-protected-iframe';\n        iframe.style.cssText = 'width: 100%; height: 100%; border: none; border-radius: 10px;';\n        return iframe;\n    }\n    \n    \/\/ Function to load video iframes\n    function loadVideoIframes() {\n        if (videosLoaded) return;\n        \n        console.log('RPG: Loading video iframes...');\n        \n        $('.rpg-video-item').each(function() {\n            const $item = $(this);\n            const videoId = $item.data('video-id');\n            \n            if (videoId && !$item.find('iframe').length) {\n                $item.find('.rpg-video-placeholder').remove();\n                const iframe = createIframe(videoId);\n                $item.append(iframe);\n            }\n        });\n        \n        videosLoaded = true;\n        \n        \/\/ Start protection after a short delay\n        setTimeout(startProtection, 500);\n    }\n    \n    \/\/ Smart protection system\n    function startProtection() {\n        if (protectionActive) return;\n        protectionActive = true;\n        \n        \/\/ Check every second for hidden iframes\n        setInterval(function() {\n            $('.rpg-protected-iframe').each(function() {\n                const $iframe = $(this);\n                const computedStyle = window.getComputedStyle(this);\n                \n                \/\/ Only fix if actually hidden\n                if (computedStyle.display === 'none' || \n                    computedStyle.visibility === 'hidden' || \n                    computedStyle.opacity === '0') {\n                    \n                    console.log('RPG: Fixing hidden iframe');\n                    $iframe.css({\n                        'display': 'block',\n                        'visibility': 'visible',\n                        'opacity': '1'\n                    });\n                }\n            });\n        }, 1000);\n    }\n    \n    \/\/ Image carousel functions\n    function changeImage(direction) {\n        const images = $('#rpgImageCarousel .rpg-carousel-image');\n        const dots = $('.rpg-image-carousel-container .rpg-carousel-dot');\n        \n        images.eq(currentImageIndex).removeClass('active');\n        dots.eq(currentImageIndex).removeClass('active');\n        \n        currentImageIndex = (currentImageIndex + direction + images.length) % images.length;\n        \n        images.eq(currentImageIndex).addClass('active');\n        dots.eq(currentImageIndex).addClass('active');\n    }\n    \n    function setCurrentImage(index) {\n        const images = $('#rpgImageCarousel .rpg-carousel-image');\n        const dots = $('.rpg-image-carousel-container .rpg-carousel-dot');\n        \n        images.eq(currentImageIndex).removeClass('active');\n        dots.eq(currentImageIndex).removeClass('active');\n        \n        currentImageIndex = index;\n        \n        images.eq(currentImageIndex).addClass('active');\n        dots.eq(currentImageIndex).addClass('active');\n    }\n    \n    \/\/ Video carousel functions\n    function changeVideo(direction) {\n        const videos = $('#rpgVideoCarousel .rpg-video-item');\n        const dots = $('.rpg-video-section .rpg-carousel-dot');\n        \n        videos.eq(currentVideoIndex).removeClass('active');\n        dots.eq(currentVideoIndex).removeClass('active');\n        \n        currentVideoIndex = (currentVideoIndex + direction + videos.length) % videos.length;\n        \n        videos.eq(currentVideoIndex).addClass('active');\n        dots.eq(currentVideoIndex).addClass('active');\n    }\n    \n    function setCurrentVideo(index) {\n        const videos = $('#rpgVideoCarousel .rpg-video-item');\n        const dots = $('.rpg-video-section .rpg-carousel-dot');\n        \n        videos.eq(currentVideoIndex).removeClass('active');\n        dots.eq(currentVideoIndex).removeClass('active');\n        \n        currentVideoIndex = index;\n        \n        videos.eq(currentVideoIndex).addClass('active');\n        dots.eq(currentVideoIndex).addClass('active');\n    }\n    \n    \/\/ Event handlers\n    $('#rpgPrevImage').on('click', function() {\n        changeImage(-1);\n        clearInterval(imageAutoAdvance);\n    });\n    \n    $('#rpgNextImage').on('click', function() {\n        changeImage(1);\n        clearInterval(imageAutoAdvance);\n    });\n    \n    $('.rpg-image-carousel-container .rpg-carousel-dot').on('click', function() {\n        const index = parseInt($(this).data('index'));\n        setCurrentImage(index);\n        clearInterval(imageAutoAdvance);\n    });\n    \n    $('#rpgPrevVideo').on('click', function() {\n        changeVideo(-1);\n    });\n    \n    $('#rpgNextVideo').on('click', function() {\n        changeVideo(1);\n    });\n    \n    $('.rpg-video-section .rpg-carousel-dot').on('click', function() {\n        const index = parseInt($(this).data('video-index'));\n        setCurrentVideo(index);\n    });\n    \n    \/\/ Auto-advance image carousel only\n    imageAutoAdvance = setInterval(function() {\n        changeImage(1);\n    }, 5000);\n    \n    \/\/ Load videos after 2 second delay\n    setTimeout(loadVideoIframes, 2000);\n});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Kade Avery @Kadavery \u2039 \u203a Profile Photo About Me KADE AVERY +&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;+ : : : born here. still here. : : : : i swim a lot, smoke too much, : : and occasionally attend class. : : : : music&#8217;s usually on. : :&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30426,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-31602","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/comments?post=31602"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31602\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/30426"}],"wp:attachment":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/media?parent=31602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}