{"id":31593,"date":"2026-09-28T03:23:33","date_gmt":"2026-09-28T07:23:33","guid":{"rendered":"https:\/\/havenrpg.net\/newsite\/?page_id=31593"},"modified":"2026-10-16T05:00:02","modified_gmt":"2026-10-16T09:00:02","slug":"h5-sidonie-renault","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/h5-characters\/h5-sidonie-renault\/","title":{"rendered":"Sidonie Renault"},"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\/1200x\/a6\/b2\/da\/a6b2da5505e15b630f55f1eed3b83738.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\">Sidonie Renault<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#5f5faf\">ma<span style=\"color:#8787d7\">uv<span style=\"color:#afafff\">aise<span style=\"color:#8787d7\">mu<span style=\"color:#5f5faf\">se<\/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\/pffEln0.jpeg\" class=\"rpg-carousel-image active\" alt=\"Character 1\">\n                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/hQYwLkL.png\" class=\"rpg-carousel-image\" alt=\"Character 2\">\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                        <\/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:#c0c0c0\"> <\/span><\/p>\n                            <p>Artist when inspiration strikes. Model when the money is good. Muse whether you deserve one or not.<\/p>\n                            <p><span style=\"color:#c0c0c0\"> <\/span><\/p>\n                            <p><span style=\"color:#c0c0c0\"> <\/span><\/p>\n                            <p>Open to inquiries with regards to any of the above: 7100084<\/p>\n                            \n                            <h3>Quote<\/h3>\n                            <p>&#8220;Life is too important to be taken seriously.&#8221; &#8211; Oscar Wilde<\/p>\n                            \n                            <h3>Joke<\/h3>\n                            <p>What is a French ghost&#8217;s favorite drink?<br><br><span style=\"color:#c0c0c0\"> <\/span><br><br><span style=\"color:#87005f\">Bo<span style=\"color:#af0087\">o-<span style=\"color:#d70087\">jola<span style=\"color:#af0087\">is<\/span><\/span><\/span><\/span>!<br><br><\/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>Perched against the hood of her <span style=\"color:#ff0000\">a <span style=\"color:#d70000\">bu<span style=\"color:#af0000\">rg<span style=\"color:#870000\">un<span style=\"color:#800000\">dy<span style=\"color:#875f5f\"> 197<span style=\"color:#444444\">4 <span style=\"color:#626262\">Al<span style=\"color:#4e4e4e\">fa<span style=\"color:#585858\"> R<span style=\"color:#4e4e4e\">om<span style=\"color:#626262\">eo<span style=\"color:#444444\"> 2<span style=\"color:#875f5f\">000 <span style=\"color:#800000\">Sp<span style=\"color:#870000\">id<span style=\"color:#af0000\">er<span style=\"color:#d70000\">      <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n\n<span style=\"color:#008080\">| <\/span>V<span style=\"color:#ff0000\">eloc<span style=\"color:#d70000\">e<\/span><\/span> with the ocean in the background, she holds a shopping bag in one hand\n\n<span style=\"color:#008080\">| <\/span>and her other is buried in her hair, keeping errant locks at bay as they are <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>carried by the breeze off the water.                                        <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 lavender-haired woman, her secrets are not yours in her early thirties with large C cup breasts.\n\n<span style=\"color:#008080\">| <\/span>She is 5&#8217;3&#8243; and has pale skin with peach undertones, <span style=\"color:#afafd7\">faded purple<\/span> hair, and blue eyes.\n\n<span style=\"color:#008080\">| <\/span>You can see her face, neck, feet, 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>This woman is petite, with a build that fits her height while being neither too skinny nor too muscular. She is soft in all the right places; curvy without being fat. A woman of leisure, by her general carriage and demeanor with a certain desinvolture that makes her casual elegance feel entirely effortless.\n\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"> <\/span>Her hair falls well past her shoulders in long, loose layers, its <span style=\"color:#af5fd7\">purple<span style=\"color:#ffd7ff\"> faded<span style=\"color:#d7afd7\"> down <span style=\"color:#af87af\">to a s<span style=\"color:#875f87\">moky l<span style=\"color:#af5fd7\">avende<span style=\"color:#875f87\">r with<span style=\"color:#af87af\"> hints<span style=\"color:#d7afd7\"> of du<span style=\"color:#ffd7ff\">sty pi<span style=\"color:#af5fd7\">nk<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span> where the light catches it. Naturally soft and slightly wavy, it is frequently worn loose and tousled, half-pinned with sticks or clips, or gathered into some deliberately imperfect arrangement that leaves strands spilling around her face and neck. A smooth forehead and softly arched brows of a dark blonde complete the delicate structure of her face. Loose strands of hair frequently fall across it, making any perfectly arranged hairstyle seem temporary. Her eyes are a <span style=\"color:#005f87\">cl<span style=\"color:#0087af\">ea<span style=\"color:#00afd7\">r,<span style=\"color:#00d7ff\"> c<span style=\"color:#5fd7ff\">oo<span style=\"color:#00d7ff\">l <span style=\"color:#00afd7\">bl<span style=\"color:#0087af\">ue<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>, large beneath dark lashes and slightly lifted at their outer corners. They stand out vividly against the warmer pallor of her skin. Her face narrows toward a small, softly pointed chin beneath high, gently rounded cheekbones. Her nose is fine and straight, while a full lower lip gives her mouth a subtle pout even when her expression is neutral. Her lips naturally carry a <span style=\"color:#ffafaf\">muted rose-peach color<\/span>. Her neck is slender  &#8212; perhaps a little long for her proportions&#8211; giving her an elegant line from shoulders to jaw. Necklaces, chokers, ribbons and chains frequently occupy the otherwise bare expanse. \n\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"> <\/span>Small, narrow hands taper into long fingers: nails carefully shaped and usually kept somewhat longer than practical. There are often traces of her latest aesthetic fixation here: chipped polish, rings, a faint stain of ink, or some other evidence that perfection does not equal art.\n\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"> <\/span>Her feet are small and fine-boned, with narrow heels and neatly kept &#8212; often painted &#8212; nails. Upon her right foot is <span style=\"color:#00875f\">a t<span style=\"color:#00af5f\">att<span style=\"color:#00d75f\">oo <span style=\"color:#5fd75f\">of <span style=\"color:#87d75f\">a s<span style=\"color:#5fd75f\">nak<span style=\"color:#00d75f\">e a<span style=\"color:#00af5f\">cro<span style=\"color:#00875f\">ss her<span style=\"color:#00af5f\"> to<span style=\"color:#00d75f\">es<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>.  The way her feet flex and arch speaks of a life of high-heels, dancing, and holding poses for extended lengths of time. \n\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"> <\/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>She is using:<\/u>                                                               <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>     a silver plastic cell phone                                            <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>) small heart locket on a silver chain that opens with a tiny clasp      <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) indigo wool pea trench coat with an a-line hem and golden buttons      <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) sterling silver star bracelets with spherical-set zirconia stones      <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>) high-waisted wool trousers with a soft, flared leg and cuffed hem      <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) red velvet platform shoes with a thick sole and bow-laced ribbons      <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\">C<\/span>) black designer shopping bag displaying the logo for Vow and Vogue, carried\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=\"1dBbKJWgD_M\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"85m-Qgo9_nE\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"4qQyUi4zfDs\">\n                        <div class=\"rpg-video-placeholder\">Loading video&#8230;<\/div>\n                    <\/div>\n                    <div class=\"rpg-video-item\" data-video-id=\"5NjJLFI_oYs\">\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                    <\/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>Sidonie Renault @mauvaisemuse \u2039 \u203a Profile Photo About Me Artist when inspiration strikes. Model when the money is good. Muse whether you deserve one or not. Open to inquiries with regards to any of the above: 7100084 Quote &#8220;Life is too important to be taken&#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-31593","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31593","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=31593"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31593\/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=31593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}