{"id":23811,"date":"2025-08-08T05:00:03","date_gmt":"2025-08-08T09:00:03","guid":{"rendered":""},"modified":"2026-03-09T05:00:06","modified_gmt":"2026-03-09T09:00:06","slug":"kaelyn-miller","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/characters\/kaelyn-miller\/","title":{"rendered":"Kaelyn Miller"},"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.imgur.com\/zJszFAM.png');\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\">Kaelyn Miller<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#144E30\">S<span style=\"color:#1E5C3A\">t<span style=\"color:#286A44\">r<span style=\"color:#32784E\">ay<span style=\"color:#286A44\">K<span style=\"color:#1E5C3A\">a<span style=\"color:#144E30\">e<span style=\"color:#c0c0c0\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span> | Followers: <span>7,977<\/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\/iE3DbSD.png\" class=\"rpg-carousel-image active\" alt=\"Character 1\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/kwTGWgx.png\" class=\"rpg-carousel-image\" alt=\"Character 2\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/HbovKB5.png\" class=\"rpg-carousel-image\" alt=\"Character 3\">\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                        <\/div>\n                    <\/div>\n                    \n                    \n                    <div class=\"rpg-faction-society\">\n                        <p><strong>Faction:<\/strong> <a href=\"https:\/\/havenrpg.net\/newsite\/game-info\/factions\/#handbanner\" target=\"_blank\">The Hand<\/a><\/p>\n                    <\/div>\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>Come from a small town where everyone knows everyone and has since they were all kids. The kind of place where you could never get away with anything and always could. Preferred the woods at night, it was always quiet. Not so much now. Anyways! Not really sure what to put here.<\/p>\n                            \n                            <h3>Quote<\/h3>\n                            <p><\/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<\/span><span style=\"color:#008080\">| <\/span>This image appears to have been taken at Inkwell, the shops warm interior   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>bustling with life as snow falls to the ground outside. The young woman     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>smiles at the camera, cheeks still a raw red from the cold. She cradles a   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>red mug in her hands as she leans forward looking content.                  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>This is a young, slim lass with green eyes in her late teens with small C   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>cup breasts.                                                                <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>She is 5&#8217;5&#8243; and has <span style=\"color:#ffd7af\">pale skin<span style=\"color:#c0c0c0\">, <span style=\"color:#823c2e\">chestnut<span style=\"color:#954535\">-brown hair<span style=\"color:#c0c0c0\">, and green eyes.         <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>You can see her face, neck, and hands.                                      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>An average-sized woman who seems at ease in her skin, though she is         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>constantly tugging at her clothes or fidgeting with her fingers. Her eyes   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>tend to dart around,  as if trying to watch everything. <span style=\"color:#5d2b21\">Her hair cascades   <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>from <span style=\"color:#6f3428\">her head in soft waves, <span style=\"color:#823c2e\">finally free of the brai<span style=\"color:#954535\">d that confined it and <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>w<span style=\"color:#a84e3c\">arped the once nearly st<span style=\"color:#AA503E\">r<span style=\"color:#AD5340\">a<span style=\"color:#AF5543\">i<span style=\"color:#B15745\">g<span style=\"color:#B45947\">h<span style=\"color:#B65C49\">t  <span style=\"color:#BB604D\">t<span style=\"color:#BD6250\">e<span style=\"color:#C06552\">x<span style=\"color:#C26754\">tur<span style=\"color:#C06552\">e. <span style=\"color:#BB604D\">W<span style=\"color:#B95E4B\">i<span style=\"color:#B65C49\">t<span style=\"color:#B45947\">h <span style=\"color:#AF5543\">e<span style=\"color:#AD5340\">a<span style=\"color:#AA503E\">c<span style=\"color:#AA503E\">h <span style=\"color:#AF5543\">s<span style=\"color:#B15745\">h<span style=\"color:#B45947\">a<span style=\"color:#B65C49\">k<span style=\"color:#B95E4B\">e<span style=\"color:#BB604D\">, <span style=\"color:#C06552\">t<span style=\"color:#C26754\">he f<span style=\"color:#C06552\">i<span style=\"color:#BD6250\">n<span style=\"color:#BB604D\">e <span style=\"color:#B65C49\">s<span style=\"color:#B45947\">t<span style=\"color:#B15745\">r<span style=\"color:#AF5543\">a<span style=\"color:#AD5340\">n<span style=\"color:#AA503E\">d<span style=\"color:#c26754\">s <span style=\"color:#008080\">| <\/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>\n<span style=\"color:#008080\">| <\/span>of dark chestnut-brown<span style=\"color:#954535\"> shimmer and sway, catch<span style=\"color:#823c2e\">ing the light as they sh<span style=\"color:#6f3428\">ift   <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>to and fro. A few re<span style=\"color:#5d2b21\">bellious strands attempt <span style=\"color:#FDE6CC\">to frame her face, only to be  <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>tucked behind her small ears. <span style=\"color:#c0c0c0\"><span style=\"color:#5d2b21\">A <span style=\"color:#6f3428\">few<span style=\"color:#823c2e\"> st<span style=\"color:#954535\">ray<span style=\"color:#c26754\"> l<span style=\"color:#954535\">ock<span style=\"color:#823c2e\">s o<span style=\"color:#6f3428\">f h<span style=\"color:#5d2b21\">air <span style=\"color:#FDE6CC\">drifts across her   <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>smooth forehead brushing over <span style=\"color:#5d2b21\">neat<span style=\"color:#6f3428\">ly a<span style=\"color:#823c2e\">rche<span style=\"color:#6f3428\">d br<span style=\"color:#5d2b21\">ows.<span style=\"color:#c0c0c0\"> <span style=\"color:#FDE6CC\">Her upturned eyes,       <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>shaded by gently hooded lids, are framed by long dark lashes. <span style=\"color:#395830\">Pine gr<span style=\"color:#3D5F34\">een    <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>iris<span style=\"color:#426537\">es ofte<span style=\"color:#466C3B\">n dart a<span style=\"color:#4B723E\">round i<span style=\"color:#4f7942\">n an att<span style=\"color:#558247\">empt to<span style=\"color:#5a8a4b\"> take in<span style=\"color:#558247\"> everyt<span style=\"color:#4f7942\">hing wit<span style=\"color:#4B723E\">h a mix<span style=\"color:#466C3B\"> of  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>curi<span style=\"color:#426537\">osity a<span style=\"color:#3D5F34\">nd some <span style=\"color:#395830\">caution.<span style=\"color:#c0c0c0\"> <span style=\"color:#FDE6CC\">A cute button nose takes center stage of her    <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>face, while high cheeks fill out with healthy fullness, giving her a warm   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>glow that softens pale skin. Soft, heart-shaped lips quirk into a smile now <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>and then,<span style=\"color:#c0c0c0\"> <span style=\"color:#F7B2A2\">catching the light<span style=\"color:#F9BDAB\"> with a hint of <span style=\"color:#F8B9A8\">gl<span style=\"color:#F8DED4\">os<span style=\"color:#F7E6DF\">s o<span style=\"color:#F8DED4\">v<span style=\"color:#F8B9A8\">er their nat<span style=\"color:#FAC7B3\">urally pink <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>shade.<span style=\"color:#c0c0c0\"> <span style=\"color:#FDE6CC\">Holding her head up high is a small, sturdy neck. There is a         <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>graceful line to it, but all in all is just very<span style=\"color:#c0c0c0\"> <span style=\"color:#FDE6CC\">unremarkable.<span style=\"color:#c0c0c0\">              <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#FDE6CC\">Her hands are small, the lines of her palms are broken by rough patches of  <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>skin in the shape of forming calluses. Short fingers fidget with            <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>themselves, tugging on sleeves or tapping out some random code.<span style=\"color:#c0c0c0\"> <span style=\"color:#FDE6CC\">For once,   <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>her nails are unpainted.<span style=\"color:#c0c0c0\">                                                    <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#ffaf5f\">A hin<span style=\"color:#ffd787\">t of c<span style=\"color:#ffffaf\">oconut<span style=\"color:#ffffd7\"> deodo<span style=\"color:#ffffff\">rant a<span style=\"color:#ffffff\">nd tro<span style=\"color:#ffffff\">pical <span style=\"color:#ffffff\">fragra<span style=\"color:#ffffd7\">nce li<span style=\"color:#ffffaf\">ngers <span style=\"color:#ffd787\">in the<span style=\"color:#ffaf5f\"> hair.<span style=\"color:#c0c0c0\">     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#B47C71\">Despite her best efforts, she is unable to suppress the scent of wet dog    <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>that clings stubbornly to her.<span style=\"color:#c0c0c0\">                                              <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span><u>She is using:<\/u>                                                               <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">E<\/span>) a Samsung A56 with a sky blue case                                      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(tucked in hair)  (<span style=\"color:#008080\">D<\/span>) a bronze raven bobby pin                              <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(comfy)           (<span style=\"color:#008080\">D<\/span>) a prussian blue cable knit sweater                    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(shiny)           (<span style=\"color:#808080\">S<\/span>) copper cuff bracelet with hammered texture            <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(hip hugging)     (<span style=\"color:#008080\">D<\/span>) a pair of dark wash jeans                             <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(low heeled)      (<span style=\"color:#008080\">D<\/span>) a pair of brown suede ankle boots                     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">|_____________________________________________________________________________|\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-placeholder\">No videos available<\/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                        <!-- No videos -->\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>Kaelyn Miller @StrayKae | Followers: 7,977 \u2039 \u203a Faction: The Hand Profile Photo About Me Come from a small town where everyone knows everyone and has since they were all kids. The kind of place where you could never get away with anything and always&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":16918,"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-23811","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/23811","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=23811"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/23811\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/16918"}],"wp:attachment":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/media?parent=23811"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}