{"id":31591,"date":"2026-09-26T22:28:21","date_gmt":"2026-09-27T02:28:21","guid":{"rendered":"https:\/\/havenrpg.net\/newsite\/?page_id=31591"},"modified":"2026-10-16T05:00:02","modified_gmt":"2026-10-16T09:00:02","slug":"h5-lillian-arkwright","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/h5-characters\/h5-lillian-arkwright\/","title":{"rendered":"Lillian Arkwright"},"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.redd.it\/ayiv6zczr1hf1.jpeg');\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\">Lillian Arkwright<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#87005f\"><span style=\"color:#af0087\"><span style=\"color:#87005f\">i<span style=\"color:#af0087\"><span style=\"color:#d70087\">n<span style=\"color:#af0087\"><span style=\"color:#87005f\">k<span style=\"color:#af0087\"><span style=\"color:#87005f\">c<span style=\"color:#87005f\"><span style=\"color:#af0087\"><span style=\"color:#87005f\">e<span style=\"color:#af0087\"><span style=\"color:#d70087\">n<span style=\"color:#af0087\"><span style=\"color:#87005f\">s<span style=\"color:#af0087\"><span style=\"color:#87005f\">e<span style=\"color:#c0c0c0\"><\/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\/cDl8LCt.jpeg\" class=\"rpg-carousel-image active\" alt=\"Character 1\">\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                        <\/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:#870000\">Li<span style=\"color:#af0000\">ly <span style=\"color:#d70000\">Ark<span style=\"color:#ff0000\">wri<span style=\"color:#ff0000\">ght<span style=\"color:#c0c0c0\">. Historian. Entrepeneur. Social butterfly. I can be found enjoying the finer things in life, or jetting about town, finding all the hottest shops. I write public articles you may have read, and keep my finger to the pulse. Don&#8217;t get me wrong, though: I love a night at the club as much as any girl. Reach out. Say hi. I don&#8217;t bite. Unless you ask nicely!<\/p>\n                            <p><\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n                            \n                            <h3>Quote<\/h3>\n                            <p>The truth is <span style=\"color:#87005f\">r<span style=\"color:#af0087\">a<span style=\"color:#87005f\">r<span style=\"color:#af0087\">e<span style=\"color:#d70087\">ly<span style=\"color:#af0087\"> <span style=\"color:#87005f\">p<span style=\"color:#af0087\">u<span style=\"color:#87005f\">re<span style=\"color:#c0c0c0\"> and <span style=\"color:#87005f\">n<span style=\"color:#af0087\">e<span style=\"color:#87005f\">v<span style=\"color:#af0087\">er<span style=\"color:#d70087\"> <span style=\"color:#af0087\">s<span style=\"color:#87005f\">im<span style=\"color:#af0087\">p<span style=\"color:#87005f\">le<span style=\"color:#c0c0c0\">. &#8211; Oscar Wilde<\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/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>((A photo clearly taken by someone else, of Lillian in the evening near a   <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>park. She&#8217;s uncharacteristically smiling in the shade of her parasol.))     <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 raven-haired, hazel-eyed heartbreaker in her late twenties with large C cup breasts.\n\n<span style=\"color:#008080\">| <\/span>She is 5&#8217;3&#8243; and has pale skin, black hair, and hazel eyes.                  <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>You can see her 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>Her hair is a <span style=\"color:#4e4e4e\"><span style=\"color:#585858\">d<span style=\"color:#626262\">e<span style=\"color:#6c6c6c\"><span style=\"color:#767676\">e<span style=\"color:#8a8a8a\">p<span style=\"color:#949494\">,<span style=\"color:#9e9e9e\"><span style=\"color:#a8a8a8\"> <span style=\"color:#b2b2b2\">l<span style=\"color:#bcbcbc\"><span style=\"color:#c6c6c6\">u<span style=\"color:#d0d0d0\">s<span style=\"color:#dadada\">t<span style=\"color:#dadada\"><span style=\"color:#d0d0d0\">r<span style=\"color:#c6c6c6\">o<span style=\"color:#bcbcbc\"><span style=\"color:#b2b2b2\">u<span style=\"color:#a8a8a8\">s<span style=\"color:#9e9e9e\"> <span style=\"color:#949494\"><span style=\"color:#8a8a8a\">b<span style=\"color:#767676\">l<span style=\"color:#6c6c6c\"><span style=\"color:#626262\">a<span style=\"color:#585858\">c<span style=\"color:#4e4e4e\">k<span style=\"color:#c0c0c0\">, thick and matte. It falls to her shoulders when loosed, straight and a little frizzy, with bangs that frame her face in an unruly way. Strands have the darndest tendency to stray across her forehead or cheeks. Dark, thin, and expressive eyebrows oft tell more than her body language, sharply rising with curiosity or skepticism. Her eyes are <span style=\"color:#005f5f\">ri<span style=\"color:#00875f\">ch<span style=\"color:#5f875f\">ly <span style=\"color:#87875f\">ha<span style=\"color:#af875f\">zel<span style=\"color:#c0c0c0\">, brown at a glance but flecked with muted greens and ambers. They are large, inquisitive, and piercing, bedecked by full lashes. Her nose is petite and slender, graced by a <span style=\"color:#5f5f00\">f<span style=\"color:#af5f00\">a<span style=\"color:#875f00\">i<span style=\"color:#878700\">n<span style=\"color:#875f00\">t<span style=\"color:#5f5f00\"> <span style=\"color:#875f00\">d<span style=\"color:#875f00\">u<span style=\"color:#af5f00\">s<span style=\"color:#af5f00\">t<span style=\"color:#5f5f00\">i<span style=\"color:#af5f00\">ng<span style=\"color:#875f00\"> <span style=\"color:#878700\">o<span style=\"color:#875f00\">f<span style=\"color:#af5f00\"> <span style=\"color:#af8700\">f<span style=\"color:#878700\">r<span style=\"color:#875f00\">e<span style=\"color:#5f5f00\">c<span style=\"color:#878700\">k<span style=\"color:#878700\">l<span style=\"color:#875f00\">es<span style=\"color:#c0c0c0\">. Her lips are softly pronounced, with a slightly fuller lower lip, naturally colored a <span style=\"color:#ffd75f\"><span style=\"color:#ffff5f\">m<span style=\"color:#ffff5f\"><span style=\"color:#ffd75f\">u<span style=\"color:#ffff5f\"><span style=\"color:#ffff5f\">t<span style=\"color:#ffd75f\">e<span style=\"color:#ffff5f\"><span style=\"color:#ffd75f\">d<span style=\"color:#ffff5f\"><span style=\"color:#ffd75f\"> <span style=\"color:#ffff5f\"><span style=\"color:#ffd75f\">r<span style=\"color:#ffd75f\">o<span style=\"color:#ffaf5f\"><span style=\"color:#ffd75f\">s<span style=\"color:#ffaf5f\"><span style=\"color:#ffd75f\">e<span style=\"color:#ffaf87\"><span style=\"color:#ffaf5f\">&#8211;<span style=\"color:#ffaf5f\">p<span style=\"color:#ffaf87\"><span style=\"color:#ffaf87\">e<span style=\"color:#ffaf87\"><span style=\"color:#ffaf5f\">a<span style=\"color:#ff8787\"><span style=\"color:#ffaf87\">c<span style=\"color:#ff8787\">h<span style=\"color:#c0c0c0\">. \n\n<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><\/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 style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span>A slender neck gives way to narrow shoulders and delicate collarbones. Delicate fingers extend from soft, unblemished hands, with fingernails painted <span style=\"color:#87005f\">a <span style=\"color:#af0087\">lov<span style=\"color:#87005f\">ely<span style=\"color:#af0087\"> s<span style=\"color:#d70087\">had<span style=\"color:#af0087\">e o<span style=\"color:#87005f\">f <span style=\"color:#af0087\">vio<span style=\"color:#87005f\">let<span style=\"color:#c0c0c0\">. Her calves have a modest definition, narrowing to trim ankles.\n\n<span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/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> (<span style=\"color:#008080\">D<\/span>) a delicate black lace parasol with an ebony handle                     <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 delicate pair of oversized round rimless glasses                     <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">E<\/span>) <span style=\"color:#bcbcbc\">a dangli<span style=\"color:#a8a8a8\">ng pair <span style=\"color:#949494\">of dark t<span style=\"color:#808080\">eardrop <span style=\"color:#6c6c6c\">obsidian<span style=\"color:#585858\"> earrings<span style=\"color:#c0c0c0\">                     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/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 diaphanous black lace shawl with ornate trimwork                     <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">E<\/span>) <span style=\"color:#eeeeee\"><span style=\"color:#fdfefd\">a <span style=\"color:#fdfefd\">s<span style=\"color:#fefefe\">h<span style=\"color:#fefefe\">a<span style=\"color:#fefefe\">r<span style=\"color:#fefffe\">p <span style=\"color:#ffffff\">w<span style=\"color:#ffffff\">h<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#bcbcbc\"><span style=\"color:#ffffff\">i<span style=\"color:#ffffff\">t<span style=\"color:#ffffff\">e <span style=\"color:#ffffff\">s<span style=\"color:#ffffff\">i<span style=\"color:#ffffff\">l<span style=\"color:#ffffff\">k <span style=\"color:#ffffff\">b<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#8a8a8a\"><span style=\"color:#ffffff\">l<span style=\"color:#ececec\">o<span style=\"color:#dadada\">u<span style=\"color:#c7c7c7\">s<span style=\"color:#b5b5b5\">e <span style=\"color:#909090\">w<span style=\"color:#7d7d7d\">i<span style=\"color:#6b6b6b\">t<span style=\"color:#585858\">h<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#585858\"> <span style=\"color:#585858\">b<span style=\"color:#585858\">l<span style=\"color:#585858\">a<span style=\"color:#585858\">c<span style=\"color:#585858\">k <span style=\"color:#585858\">p<span style=\"color:#585858\">e<span style=\"color:#585858\">a<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#262626\"><span style=\"color:#585858\">r<span style=\"color:#585858\">l <span style=\"color:#585858\">b<span style=\"color:#585858\">u<span style=\"color:#585858\">t<span style=\"color:#585858\">t<span style=\"color:#585858\">o<span style=\"color:#585858\">n<span style=\"color:#585858\">s<\/span><span style=\"color:#c0c0c0\">                     <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><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">D<\/span>) a shining sterling silver pentacle on a fine chain                     <span style=\"color:#008080\">| <\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">S<\/span>) a gleaming silver witch&#8217;s knot ring of old designs                     <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\">E<\/span>) <span style=\"color:#87005f\"><span style=\"color:#c09ab0\">a <span style=\"color:#bf93a9\">b<span style=\"color:#bf8fa5\">l<span style=\"color:#be8ba2\">a<span style=\"color:#be879e\">c<span style=\"color:#be849a\">k<span style=\"color:#bd8097\">&#8211;<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#af0087\"><span style=\"color:#bd7c93\">a<span style=\"color:#bc7890\">s<span style=\"color:#bc758c\">&#8211;<span style=\"color:#bb7189\">s<span style=\"color:#bb6d85\">i<span style=\"color:#ba6a83\">n <span style=\"color:#b86580\">m<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#d70087\"><span style=\"color:#b6627f\">i<span style=\"color:#b5607d\">d<span style=\"color:#b45d7c\">i <span style=\"color:#b25779\">s<span style=\"color:#b15577\">k<span style=\"color:#af5276\">i<span style=\"color:#ae4f74\">r<span style=\"color:#ad4d73\">t <span style=\"color:#ae446e\">w<span style=\"color:#b03f6c\">i<span style=\"color:#b23969\">t<span style=\"color:#b43366\">h <span style=\"color:#b82861\">a <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#af0087\"><span style=\"color:#bc1c5c\">l<span style=\"color:#be1659\">a<span style=\"color:#c01156\">c<span style=\"color:#c20b54\">e <span style=\"color:#be064e\">r<span style=\"color:#b8074c\">o<span style=\"color:#b10849\">s<\/span><span style=\"color:#c0c0c0\"><span style=\"color:#87005f\"><span style=\"color:#ab0947\">e <span style=\"color:#9f0b42\">o<span style=\"color:#980c3f\">v<span style=\"color:#920d3c\">e<span style=\"color:#8c0e3a\">r<span style=\"color:#860f37\">l<span style=\"color:#7f1035\">a<span style=\"color:#791132\">y<\/span><span style=\"color:#c0c0c0\">                     <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><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n\n<span style=\"color:#008080\">| <\/span> (<span style=\"color:#008080\">E<\/span>) <span style=\"color:#585858\">a pair of sleek, dark charcoal leather ankle boots<\/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\">C<\/span>) a weathered black leather satchel with silver clasps, carried          <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=\"C_ijc7A5oAc\">\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                    <\/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>Lillian Arkwright @inkcense \u2039 \u203a Profile Photo About Me Lily Arkwright. Historian. Entrepeneur. Social butterfly. I can be found enjoying the finer things in life, or jetting about town, finding all the hottest shops. I write public articles you may have read, and keep my&#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-31591","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31591","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=31591"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/31591\/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=31591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}