{"id":28750,"date":"2025-12-28T14:48:45","date_gmt":"2025-12-28T19:48:45","guid":{"rendered":""},"modified":"2026-03-25T05:00:07","modified_gmt":"2026-03-25T09:00:07","slug":"sandra-mercer","status":"publish","type":"page","link":"https:\/\/havenrpg.net\/newsite\/characters\/sandra-mercer\/","title":{"rendered":"Sandra Mercer"},"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.ibb.co\/GQptWjn6\/Chat-GPT-Image-Dec-28-2025-03-03-24-PM.png');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        background-repeat: no-repeat;\n    }\n    \n    \/* Character page wrapper - transparent, just for positioning *\/\n    .rpg-character-page {\n        position: relative;\n        width: 100%;\n        margin-top: -180px;\n        margin-bottom: -180px;\n        padding: 90px 0;\n        background: transparent;\n    }\n    \n    \/* The black semi-transparent container - only this has the black background *\/\n    .rpg-character-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        background-color: rgba(0, 0, 0, 0.8);\n        box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);\n    }\n    \n    .rpg-character-container {\n        padding: 40px;\n        position: relative;\n    }\n    \n    \/* Header styling *\/\n    .rpg-header {\n        text-align: center;\n        margin-bottom: 30px;\n        color: white;\n    }\n    \n    .rpg-character-name {\n        font-size: 48px;\n        font-weight: 300;\n        letter-spacing: 3px;\n        margin-bottom: 10px;\n        font-family: 'Georgia', serif;\n        text-transform: uppercase;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\n        color: white;\n    }\n    \n    .rpg-follower-count {\n        font-size: 18px;\n        color: #ccc;\n        margin-bottom: 30px;\n    }\n    \n    .rpg-follower-count span {\n        color: #ff6b6b;\n        font-weight: bold;\n    }\n    \n    \/* Content section *\/\n    .rpg-content-section {\n        display: flex;\n        gap: 40px;\n        margin-bottom: 40px;\n        align-items: flex-start;\n    }\n    \n    \/* Image carousel *\/\n    .rpg-image-carousel-container {\n        flex: 0 0 400px;\n        position: relative;\n    }\n    \n    .rpg-faction-society {\n        margin-top: 20px;\n        padding: 15px;\n        background: rgba(0, 0, 0, 0.5);\n        border-radius: 10px;\n        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    }\n    \n    .rpg-faction-society p {\n        margin-bottom: 10px;\n        color: #ddd;\n        font-size: 15px;\n    }\n    \n    .rpg-faction-society p:last-child {\n        margin-bottom: 0;\n    }\n    \n    .rpg-faction-society strong {\n        color: white;\n        font-weight: 600;\n    }\n    \n    .rpg-faction-society a {\n        color: #ff6b6b;\n        text-decoration: none;\n        transition: color 0.3s;\n    }\n    \n    .rpg-faction-society a:hover {\n        color: #ff9999;\n        text-decoration: underline;\n    }\n    \n    .rpg-image-carousel {\n        position: relative;\n        width: 100%;\n        height: 600px;\n        overflow: hidden;\n        border-radius: 10px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n        background: #000;\n    }\n    \n    .rpg-carousel-image {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n    }\n    \n    .rpg-carousel-image.active {\n        opacity: 1;\n    }\n    \n    .rpg-carousel-controls {\n        position: absolute;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        gap: 10px;\n        z-index: 10;\n    }\n    \n    .rpg-carousel-dot {\n        width: 12px;\n        height: 12px;\n        border-radius: 50%;\n        background-color: rgba(255, 255, 255, 0.5);\n        cursor: pointer;\n        transition: background-color 0.3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .rpg-carousel-dot.active {\n        background-color: white;\n    }\n    \n    .rpg-carousel-nav {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background-color: rgba(0, 0, 0, 0.5);\n        color: white;\n        border: none;\n        padding: 10px 15px;\n        cursor: pointer;\n        font-size: 24px;\n        transition: background-color 0.3s;\n        z-index: 10;\n        line-height: 1;\n    }\n    \n    .rpg-carousel-nav:hover {\n        background-color: rgba(0, 0, 0, 0.8);\n    }\n    \n    .rpg-prev {\n        left: 10px;\n    }\n    \n    .rpg-next {\n        right: 10px;\n    }\n    \n    \/* Text blurb with tabs *\/\n    .rpg-text-blurb {\n        flex: 1;\n        color: #ddd;\n        line-height: 1.8;\n        font-size: 16px;\n    }\n    \n    .rpg-text-blurb h3 {\n        color: white;\n        margin-bottom: 20px;\n        font-size: 28px;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n    \n    .rpg-text-blurb p {\n        margin-bottom: 15px;\n        color: #ddd;\n    }\n    \n    .rpg-text-blurb a {\n        color: #ff6b6b;\n        text-decoration: none;\n        transition: color 0.3s;\n    }\n    \n    .rpg-text-blurb a:hover {\n        color: #ff9999;\n        text-decoration: underline;\n    }\n    \n    .rpg-text-blurb strong {\n        color: white;\n    }\n    \n    \/* Tab styles *\/\n    .rpg-tabs {\n        width: 100%;\n    }\n    \n    .rpg-tab-buttons {\n        display: flex;\n        border-bottom: 2px solid #444;\n        margin-bottom: 20px;\n        gap: 10px;\n    }\n    \n    .rpg-tab-button {\n        background: transparent;\n        border: none;\n        color: #999;\n        padding: 12px 24px;\n        font-size: 16px;\n        cursor: pointer;\n        position: relative;\n        transition: color 0.3s;\n        font-weight: 300;\n        letter-spacing: 0.5px;\n    }\n    \n    .rpg-tab-button:hover {\n        color: #ccc;\n    }\n    \n    .rpg-tab-button.active {\n        color: white;\n    }\n    \n    .rpg-tab-button.active::after {\n        content: '';\n        position: absolute;\n        bottom: -2px;\n        left: 0;\n        right: 0;\n        height: 2px;\n        background: #ff6b6b;\n    }\n    \n    .rpg-tab-content {\n        display: none;\n        animation: fadeIn 0.3s;\n    }\n    \n    .rpg-tab-content.active {\n        display: block;\n    }\n    \n    .rpg-tab-content.profile-tab {\n        text-align: justify;\n    }\n    \n    .rpg-tab-content.photo-tab {\n        font-family: 'Courier New', Courier, monospace;\n        font-size: 12px;\n        line-height: 1.4;\n        white-space: pre;\n        overflow-x: auto;\n        background: rgba(0, 0, 0, 0.3);\n        padding: 20px;\n        border-radius: 5px;\n        color: #ddd;\n    }\n    \n    @keyframes fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n    }\n    \n    \/* Video carousel *\/\n    .rpg-video-section {\n        margin-top: 40px;\n    }\n    \n    .rpg-video-section h3 {\n        color: white;\n        text-align: center;\n        margin-bottom: 30px;\n        font-size: 28px;\n        font-weight: 300;\n        letter-spacing: 1px;\n    }\n    \n    .rpg-video-carousel {\n        position: relative;\n        width: 100%;\n        height: 500px;\n        overflow: hidden;\n        border-radius: 10px;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n        background: #000;\n    }\n    \n    .rpg-video-item {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n        pointer-events: none;\n    }\n    \n    .rpg-video-item.active {\n        opacity: 1;\n        pointer-events: auto;\n    }\n    \n    .rpg-video-placeholder {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        color: #666;\n        font-size: 18px;\n    }\n    \n    .rpg-video-item iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 10px;\n    }\n    \n    \/* Force visibility for our iframes *\/\n    .rpg-protected-iframe {\n        display: block !important;\n        visibility: visible !important;\n        opacity: 1 !important;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1300px) {\n        .rpg-character-inner {\n            margin: 0 20px;\n        }\n    }\n    \n    @media (max-width: 768px) {\n        .rpg-character-container {\n            padding: 20px;\n        }\n        \n        .rpg-content-section {\n            flex-direction: column;\n        }\n        \n        .rpg-image-carousel-container {\n            flex: 1;\n            width: 100%;\n            max-width: 100%;\n        }\n        \n        .rpg-character-name {\n            font-size: 36px;\n        }\n        \n        .rpg-image-carousel {\n            height: 400px;\n        }\n        \n        .rpg-video-carousel {\n            height: 300px;\n        }\n        \n        .rpg-character-inner {\n            margin: 0 10px;\n        }\n        \n        .rpg-tab-button {\n            padding: 10px 16px;\n            font-size: 14px;\n        }\n        \n        .rpg-tab-content.photo-tab {\n            font-size: 10px;\n            padding: 10px;\n        }\n        \n        .rpg-faction-society {\n            margin-bottom: 20px;\n        }\n    }\n<\/style>\n\n<!-- Background image element -->\n<div class=\"rpg-background-overlay\"><\/div>\n\n<!-- Main content -->\n<div class=\"rpg-character-page\">\n    <div class=\"rpg-character-inner\">\n        <div class=\"rpg-character-container\">\n            <div class=\"rpg-header\">\n                <h1 class=\"rpg-character-name\">Sandra Mercer<\/h1>\n                <div class=\"rpg-follower-count\">@<span style=\"color:#c0c0c0\"><span style=\"color:#005fff\">S<span style=\"color:#0087ff\">e<span style=\"color:#00afff\">x<span style=\"color:#00d7ff\">y<span style=\"color:#00ffff\">M<span style=\"color:#00ffaf\">a<span style=\"color:#00ff87\">r<span style=\"color:#00ff5f\">i<span style=\"color:#00ff00\">n<span style=\"color:#00d700\">e<span style=\"color:#00af00\">r<span style=\"color:#c0c0c0\"><\/span><\/span><\/span><\/span><\/span><\/span><\/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.ibb.co\/0yQynDmy\/Chat-GPT-Image-Dec-28-2025-02-43-26-PM.png\" class=\"rpg-carousel-image active\" alt=\"Character 1\">\n                        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/N5ZqCrQ\/Chat-GPT-Image-Dec-28-2025-02-29-49-PM.png\" class=\"rpg-carousel-image\" alt=\"Character 2\">\n                        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/PsJ7zT2j\/Chat-GPT-Image-Dec-28-2025-02-36-45-PM.png\" class=\"rpg-carousel-image\" alt=\"Character 3\">\n                        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XxZVkDrJ\/Chat-GPT-Image-Dec-28-2025-05-49-42-PM.png\" class=\"rpg-carousel-image\" alt=\"Character 4\">\n                        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/Fkp7xjpR\/Chat-GPT-Image-Dec-28-2025-06-14-22-PM.png\" class=\"rpg-carousel-image\" alt=\"Character 5\">\n                        \n                        <button class=\"rpg-carousel-nav rpg-prev\" id=\"rpgPrevImage\">\u2039<\/button>\n                        <button class=\"rpg-carousel-nav rpg-next\" id=\"rpgNextImage\">\u203a<\/button>\n                        \n                        <div class=\"rpg-carousel-controls\">\n                            <button class=\"rpg-carousel-dot active\" data-index=\"0\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"1\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"2\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"3\"><\/button>\n                            <button class=\"rpg-carousel-dot\" data-index=\"4\"><\/button>\n                        <\/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>Hi! I&#8217;m <span style=\"color:#c0c0c0\"><span style=\"color:#005fff\">S<span style=\"color:#0087ff\">a<span style=\"color:#00afff\">n<span style=\"color:#00d7ff\">d<span style=\"color:#00ffff\">r<span style=\"color:#00ffaf\">a <span style=\"color:#00ff87\">M<span style=\"color:#00ff5f\">e<span style=\"color:#00ff00\">r<span style=\"color:#00d700\">c<span style=\"color:#00af00\">e<span style=\"color:#008700\">r<span style=\"color:#c0c0c0\">, daughter of Dr. Coraline Mercer. Mom heads the Mercer Marine Research Institute, and while I&#8217;m still studying Marine Sciences at the Windermere Institute, I&#8217;m also her personal assistant at hers. Yes that means I take a lot of notes for her and make drink and snack runs, but being an intern there also gives me experience I&#8217;ll need and wow it&#8217;s kind of a trip.<\/p>\n                            <p>I love the beach and I love the ocean, so if you trash either one of them in front of me, expect me to get in your face about it. Sorry, not sorry, when you&#8217;re passionate about something you want to do whatever little you can to protect it, am I right? Some day, alongside marine research, I hope to be heading up or part timing with a sea faring security company, protecting cargo freighters and other ships from sea faring threats. I won&#8217;t go into the fancy fantasy of that last part, but dream with me for a minute.<\/p>\n                            <p>Don&#8217;t let this hotness and these cool vibes fool you, if you piss off my family I&#8217;ll keelhaul your ass.<br><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n                            \n                            <h3>Quote<\/h3>\n                            <p><span style=\"color:#c0c0c0\"><span style=\"color:#0000ff\">A <span style=\"color:#005fff\">smooth <span style=\"color:#0087ff\">sea <span style=\"color:#00afff\">never <span style=\"color:#00d7ff\">made <span style=\"color:#00ffff\">a <span style=\"color:#00ffaf\">good<span style=\"color:#00ff87\"> sailor<span style=\"color:#00ff5f\">. <span style=\"color:#00ff00\">&#8211; <span style=\"color:#00d700\">Franklin <span style=\"color:#00af00\">D<span style=\"color:#008700\">.<span style=\"color:#005f00\"> Roosevelt<span style=\"color:#c0c0c0\"><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/p>\n                            \n                            <h3>Joke<\/h3>\n                            <p><span style=\"color:#c0c0c0\"> <span style=\"color:#c0c0c0\">  -Unknown Sailor: Please divert your course 15 degrees to the North to avoid a collision.   -Mercer: Recommend you divert YOUR course 15 degrees to the South to avoid a collision.   -Unknown Sailor: This is the Captain of a Canadian Navy ship. I say again, divert YOUR course.   -Mercer: No. I say again, you divert YOUR course.   -Unknown Sailor: This is an aircraft carrier, the second largest ship in the Canadian Atlantic fleet. We are accompanied by three destroyers, three cruisers and numerous support vessels. I demand that YOU change your course 15 degrees north, thats one five degrees north, or countermeasures will be undertaken to ensure the safety of this ship.   -Mercer: This is a lighthouse. Your call.  <\/span><\/span><\/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><span style=\"color:#c0c0c0\"><span style=\"color:#0000ff\">This<span style=\"color:#005fff\"> was<span style=\"color:#0087ff\"> taken<span style=\"color:#00afff\"> on<span style=\"color:#00d7ff\"> a<span style=\"color:#00ffff\"> Mercer<span style=\"color:#00ffaf\"> fishing<span style=\"color:#00ff87\"> boat&#8217;s<span style=\"color:#00ff5f\"> deck<span style=\"color:#00ff00\"> under<span style=\"color:#00d700\"> a<span style=\"color:#00af00\"> full<span style=\"color:#008700\"> moon&#8217;s<span style=\"color:#005f00\"> light.<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>\n<span style=\"color:#008080\">| <\/span>The                                                                         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>woman in it proudly holds up her trident proudly, and she holds up the      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>little card that says &#8216;To: Sandy &#8211; From: Mom&#8217; on it in the other hand.      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>There is a birthday cake on a table as well, and atop it is a pair of       <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>number candles to mark the main celebrant as 18, and amid all the under-sea <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>icing design, the candy bubbles spell out &#8216;HAPPY BIRTHDAY, SANDRA&#8217;.         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>This is a caramel-skinned lass with blue-green tresses in her late teens    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>with D cup breasts.                                                         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>She is 5&#8217;6&#8243; and has an even caramel complexion, <span style=\"color:#c0c0c0\"><span style=\"color:#0000ff\">a <span style=\"color:#005fff\">b<span style=\"color:#0087ff\">l<span style=\"color:#00afff\">u<span style=\"color:#00d7ff\">e <span style=\"color:#00ffff\">t<span style=\"color:#00ffd7\">o <span style=\"color:#00ffaf\">g<span style=\"color:#00ff87\">r<span style=\"color:#00ff5f\">e<span style=\"color:#00ff00\">e<span style=\"color:#00d700\">n<span style=\"color:#c0c0c0\"> curtain of  <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>hair, and green eyes.                                                       <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>You can see her face, neck, upper chest, lower chest, and arms. More detail <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>is visible for her neck.                                                    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#0000ff\">Her hair <span style=\"color:#005fff\">is a cas<span style=\"color:#0087ff\">cade of <span style=\"color:#00afff\">volumous<span style=\"color:#00d7ff\"> tresses<span style=\"color:#00ffff\">, natura<span style=\"color:#00ffaf\">lly blon<span style=\"color:#00ff87\">d but dy<span style=\"color:#00ff5f\">ed to be<span style=\"color:#00ff00\">   <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>reminis<span style=\"color:#00ff00\">cent of <span style=\"color:#00d700\">the sea.<span style=\"color:#00af00\"> At<span style=\"color:#008700\"><span style=\"color:#c0c0c0\">                                                  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#0000ff\">the <span style=\"color:#005fff\">very top<span style=\"color:#0087ff\">, where <span style=\"color:#00afff\">it parts<span style=\"color:#00d7ff\">, the bl<span style=\"color:#00ffff\">ond root<span style=\"color:#00ffaf\">s can be<span style=\"color:#00ff87\"> made ou<span style=\"color:#00ff5f\">t, but          <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>i<span style=\"color:#00ff00\">mmediate<span style=\"color:#00ff00\">ly after<span style=\"color:#00d700\"> it the <span style=\"color:#00af00\">start of<span style=\"color:#008700\"><span style=\"color:#c0c0c0\">                                           <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#005fff\">dark blu<span style=\"color:#0087ff\">e. The d<span style=\"color:#00afff\">ye job t<span style=\"color:#00d7ff\">ransitio<span style=\"color:#00ffff\">ns at an<span style=\"color:#00ffaf\"> angle f<span style=\"color:#00ff87\">rom blue<span style=\"color:#00ff5f\"> to gree<span style=\"color:#00ff00\">n, so th<span style=\"color:#00ff00\">at  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>the t<span style=\"color:#00d700\">op and h<span style=\"color:#00af00\">er left <span style=\"color:#008700\">of<span style=\"color:#c0c0c0\">                                                     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#005fff\">the <span style=\"color:#0087ff\">middle h<span style=\"color:#00afff\">ave more<span style=\"color:#00d7ff\"> blue, a<span style=\"color:#00ffff\">nd her r<span style=\"color:#00ffaf\">ight of <span style=\"color:#00ff87\">the midd<span style=\"color:#00ff5f\">le and t<span style=\"color:#00ff00\">he botto<span style=\"color:#00ff00\">m hold  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>t<span style=\"color:#00d700\">he green<span style=\"color:#00af00\">. The ti<span style=\"color:#008700\">ps of<span style=\"color:#c0c0c0\">                                                      <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#0087ff\">her hair <span style=\"color:#00afff\">rest cur<span style=\"color:#00d7ff\">led outw<span style=\"color:#00ffff\">ard at t<span style=\"color:#00ffaf\">he middl<span style=\"color:#00ff87\">e of her<span style=\"color:#00ff5f\"> back, a<span style=\"color:#00ff00\">nd the e<span style=\"color:#00ff00\">ntirety <span style=\"color:#00d700\">of <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>her h<span style=\"color:#00af00\">air has <span style=\"color:#008700\">a slight<span style=\"color:#005f00\">ly<span style=\"color:#c0c0c0\">                                                     <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#c0c0c0\"><span style=\"color:#0087ff\">glossy, <span style=\"color:#00afff\">fairly p<span style=\"color:#00d7ff\">earlesce<span style=\"color:#00ffff\">nt appea<span style=\"color:#00ffaf\">rance.<span style=\"color:#c0c0c0\"> Her bangs are much shorter than the  <span style=\"color:#008080\">| <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>rest of the hair and have been left blond, but enhanced to platinum blond   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>to keep up with the pearlescent dye job of the rest. They fully cover her   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>forehead and retain an outward curl at eyebrow level. This curl reveals her <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>eyebrows in all their delicately shaped and plucked spendor, each with a    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>sharp arch in the middle and extreme angle to the sides of the face, there  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>the edges have been plucked to a slight upward curve for that extra pop in  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>her expressions. Her emerald green eyes are lively and full of wonder,      <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>peering out at the world surrounded by lengthy, full, natural eyelashes.    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>Her eyes have a peculiar, unnatural glint in their emerald rings,           <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>especially in artificial lighting. They also look pinned or reddened from   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>what seems to be a perpetual mildly blood shot state, a long term shortness <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>of sleep. Those who find themselves peering into their depths would notice  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span><span style=\"color:#ffffff\">there is extra detail available for her eyes<span style=\"color:#c0c0c0\">. Her shoulder muscles are      <span style=\"color:#008080\">| <\/span><\/span><\/span>\n<span style=\"color:#008080\">| <\/span>nicely defined and there is clear cut separating their masses, the triceps, <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>and the biceps. These muscles hint at a decent level of strength at the     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>very least, appearing moderately dense and well defined even without being  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>flexed. A tattoo on her left bicep hints at a clear interest in or          <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>association with Mercer Marine Research Institute, and one on the right     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>would say the same of Mercer Shipping. She has a slim, straight nose set    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>between high, angular cheeks. The jawline they cause is sharp and stern,    <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>yet without detracting from her femininity. She has a slight cleft in her   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>chin and a scar on the right side of her chin. Her lips are plush and full, <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>with a perfect cupids bow shape and a dusky rose hue. Her neck shows some   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>slight bulk for her size, and clear muscle definition at the nape. She has  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>a shield shaped, blue and yellow tattoo centered on her throat. The         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>unblemished swell of her bust begins just a bit beneath a pair of slightly  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>pronounced collar bones. That swell just barely fails to hide the moderate  <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>pectoral muscle behind their masses, yet the transition is still a smooth   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>one. Her nicely-endowed cleavage is adorned by a slight dusting of freckles <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>that also touches on her chest and shoulders, but more lightly there than   <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>even the main grouping of them.                                             <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span><u>She is using:<\/u>                                                               <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a pearlescent green, stainless steel trident                            <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a pair of black pauldrons with red veleur half-cape                     <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a white form-fitting cropped babydoll tee                               <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a pair of black elbow-length vinyl gloves with red side zippers         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a red ankle-length veluer skirt with slits halfway up the sides         <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>    a pair of over-the-knee black vinyl boots with 2&#8243; block heels and white <span style=\"color:#008080\">| <\/span>\n<span style=\"color:#008080\">| <\/span>side zippers                                                                <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-item active\" data-video-id=\"94SYIeJyz5s\">\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>Sandra Mercer @SexyMariner | Followers: 5 \u2039 \u203a Profile Photo About Me Hi! I&#8217;m Sandra Mercer, daughter of Dr. Coraline Mercer. Mom heads the Mercer Marine Research Institute, and while I&#8217;m still studying Marine Sciences at the Windermere Institute, I&#8217;m also her personal assistant at&#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-28750","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/28750","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=28750"}],"version-history":[{"count":0,"href":"https:\/\/havenrpg.net\/newsite\/wp-json\/wp\/v2\/pages\/28750\/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=28750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}