{"id":29032,"date":"2026-01-17T16:05:09","date_gmt":"2026-01-17T21:05:09","guid":{"rendered":""},"modified":"2026-04-09T05:00:06","modified_gmt":"2026-04-09T09:00:06","slug":"cyprian-croxley-bayrak","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/characters\/cyprian-croxley-bayrak\/","title":{"rendered":"Cyprian Croxley-Bayrak"},"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('');\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\">Cyprian Croxley-Bayrak<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#c237ce\">C<span style=\"color:#a74cbf\">y<span style=\"color:#8c61b1\">p<span style=\"color:#7177a2\">r<span style=\"color:#568c94\">i<span style=\"color:#3ba185\">a<span style=\"color:#21b777\">n<\/span><\/span><\/span><\/span><\/span><\/span><\/span> | Followers: <span>5<\/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\/NhbHqGg.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:#21b777\">A freelance antiquarian come to work in New Haven for reasons which should be quite obvious to those in the know. I am a man who sees spirits but stays in good spirits, looking for spirited discussion while sipping fine spirits. If you are the adventurous sort who likes to drink in this or any other world and revel in what delights wait in the unknown, we may well yet become fast friends.<\/span><\/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>A man stood before <span style=\"color:#4e4c05\">a <span style=\"color:#534e05\">hea<span style=\"color:#585106\">rty<span style=\"color:#5e5406\"> Pe<span style=\"color:#635707\">rc<span style=\"color:#685a07\">her<span style=\"color:#6e5d08\">on <span style=\"color:#6e5d08\">mar<span style=\"color:#685a07\">e i<span style=\"color:#635707\">n <span style=\"color:#5e5406\">Eng<span style=\"color:#585106\">lis<span style=\"color:#534e05\">h t<span style=\"color:#4e4c05\">ack<\/span> in a forested    <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>setting, with over-under break-action shotgun slung in the crook of an arm, <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>while his other hand holds <span style=\"color:#a32004\">an <span style=\"color:#7b2129\">ove<span style=\"color:#54224f\">r-s<span style=\"color:#2c2375\">ize<span style=\"color:#05249b\">d, d<span style=\"color:#05249b\">ece<span style=\"color:#2c2375\">ase<span style=\"color:#54224f\">d p<span style=\"color:#7b2129\">hea<span style=\"color:#a32004\">sant<\/span> aloft by its    <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>legs, amid the backdrop of a misty green forest. He&#8217;s smiling cheerfully    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>and raising the game bird as if in toast.                                   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>This is a gentleman built like a lamppost in his mid-thirties.              <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>He is 6&#8217;5&#8243; and has <span style=\"color:#dbab6b\">l<span style=\"color:#dfb67a\">ig<span style=\"color:#e3c189\">ht<span style=\"color:#e7cc98\"> t<span style=\"color:#e7cc98\">a<span style=\"color:#e3c189\">n <span style=\"color:#dfb67a\">sk<span style=\"color:#dbab6b\">in<\/span>, <span style=\"color:#836a0b\">go<span style=\"color:#a48919\">ld<span style=\"color:#c5a926\">en<span style=\"color:#e6c935\"> br<span style=\"color:#e6c935\">ow<span style=\"color:#c5a926\">n <span style=\"color:#a48919\">cu<span style=\"color:#836a0b\">rls<\/span>, and hazel eyes.      <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>You can see his face and neck.                                              <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#61470a\">A large mop of tightly ringed curls springs from his hea<span style=\"color:#856e13\">d in what could,    <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>inaccurately, but nearly enough be desc<span style=\"color:#aa951c\">ribed as a &#8216;Jew-Fro,&#8217; not with the   <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>perfectly circular pr<span style=\"color:#cebc25\">ecision of a perm but in a natural part that sags and  <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>sp<span style=\"color:#f3e42f\">lits at the middle. Darker brown at the roots, the ringle<span style=\"color:#f3e42f\">ts spring into   <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>golden, sun-kissed highlights. While it&#8217;s<span style=\"color:#cebc25\"> clear that its full length before <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>curling is much longe<span style=\"color:#aa951c\">r, its springy form only manages to jut about five or  <span style=\"color:#008080\">| <\/span><\/span>\n<span style=\"color:#008080\">| <\/span>si<span style=\"color:#856e13\">x inches from either end of his head, straight and wiry <span style=\"color:#61470a\">at first before   <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>gravity catches up with them at the ends. <span style=\"color:#caa03c\">Pleasant creases crinkle t<span style=\"color:#d5aa54\">he skin <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>of his forehead, w<span style=\"color:#e0b46d\">hich is otherwise taut, at <span style=\"color:#ebbe85\">least where hair does not      <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#f7c99e\">obscure. Thick, dark caterp<span style=\"color:#f7c99e\">illars cap his eyebrows, w<span style=\"color:#ebbe85\">hich mercifully do not <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>mee<span style=\"color:#e0b46d\">t in the middle, instead gi<span style=\"color:#d5aa54\">ving way to the ridgeline <span style=\"color:#caa03c\">of a slanted,       <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>hawkish nose. <span style=\"color:#355d0a\">Dual orbs <span style=\"color:#55680f\">of hazel p<span style=\"color:#767415\">eer out at<span style=\"color:#967f1b\"> the world<span style=\"color:#b78b21\">, defaulti<span style=\"color:#b78b21\">ng to a     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>ga<span style=\"color:#967f1b\">ze that mi<span style=\"color:#767415\">ght read a<span style=\"color:#55680f\">s tired co<span style=\"color:#355d0a\">ntentment.<\/span> <span style=\"color:#caa03c\">Brought to a point, thin ch<span style=\"color:#d5aa54\">eeks  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>and narrow chin are bot<span style=\"color:#e0b46d\">h slightly obscured by the d<span style=\"color:#ebbe85\">ark, coarse grain of     <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>stubbl<span style=\"color:#f7c99e\">e that manifests as a perpet<span style=\"color:#f7c99e\">ual curse of sandpaper. A na<span style=\"color:#ebbe85\">rrow strip of <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>tanned flesh <span style=\"color:#e0b46d\">around thin, pink lips are t<span style=\"color:#d5aa54\">he only respite from grit on<span style=\"color:#caa03c\"> the   <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>lower half of his face. <span style=\"color:#caa03c\">Creeping down from<span style=\"color:#d5aa54\"> his chin, much of<span style=\"color:#e0b46d\"> this man&#8217;s     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>well d<span style=\"color:#ebbe85\">efined neck suffer<span style=\"color:#f7c99e\">s the same afflict<span style=\"color:#f7c99e\">ion of sandpaper s<span style=\"color:#ebbe85\">tubble, which   <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>grad<span style=\"color:#e0b46d\">ually fades away a<span style=\"color:#d5aa54\">round the point of<span style=\"color:#caa03c\"> his Adam&#8217;s apple.<\/span> This man cuts a  <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>rail thin, masculine silhouette, with long and lanky limbs, and large,      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>untamed, wild curls that might make him appear to be top-heavy.             <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span><u>He is using:<\/u>                                                                <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a double-breasted british warm coat of thick, melton wool, with simple  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>epaulets                                                                    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a tweed waistcoat in warm brown hues of dense herringbone wool and a    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>satin back                                                                  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a fine white linen shirt with a crisp weave, two-button collar, and     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>pearl studs                                                                 <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a well-worn brass pocket watch adorned with floral etchings,            <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>monogrammed: &#8216;CCB&#8217;                                                          <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a pair of supple leather driving gloves, merino lined with fine,        <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>stitched seams                                                              <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a pair of tailored brown wool slacks flecked with specks of orange,     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>tightly fit                                                                 <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a pair of colorful argyle socks in pastel pinks and greens, in soft     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>merino wool                                                                 <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>(<span style=\"color:#008080\">D<\/span>) a pair of polished, champagne wingtip shoes with oxblood toe-caps and   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>backstays                                                                   <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>Cyprian Croxley-Bayrak @Cyprian | Followers: 5 \u2039 \u203a Profile Photo About Me A freelance antiquarian come to work in New Haven for reasons which should be quite obvious to those in the know. I am a man who sees spirits but stays in good spirits,&#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-29032","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/29032","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=29032"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/29032\/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=29032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}