<div class="sv-player"> <div class="sv-player-title"><span>Character Portrait</span></div> <div class="sv-player-layout"> <div class="sv-player-portrait"> <img src="SapphirePortrait.png" alt="Sapphire portrait"> </div> <div class="sv-player-profile"> <div class="sv-player-tags"> <span>Tiefling</span> <span>Pirate</span> <span>Wanted</span> </div> <div class="sv-player-identity"> <h2>Sapphire</h2> <div class="sv-player-class">Warlock The Fathomless</div> <div class="sv-player-level">Level 5</div> </div> <div class="sv-player-rule"></div> <div class="sv-player-stats"> <div class="sv-player-abilities"> <div><span>STR</span><strong>10</strong></div> <div><span>DEX</span><strong>13</strong></div> <div><span>CON</span><strong>14</strong></div> <div><span>INT</span><strong>09</strong></div> <div><span>WIS</span><strong>12</strong></div> <div><span>CHA</span><strong>18</strong></div> </div> <div class="sv-player-vitals"> <div><strong>38</strong><span>HP</span></div> <div><strong>11</strong><span>AC</span></div> <div><strong>30</strong><span>SPEED</span></div> </div> </div> <div class="sv-player-traits">Darkvision 60ft. <span>◆</span> Fire Resistance</div> </div> </div> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-player-assets"> <div class="sv-player-assets-title"><span>Mini &amp; Badge</span></div> <div class="sv-player-assets-grid"> <div class="sv-player-mini-card"> <div class="sv-player-mini-frame"> <img src="https://media.sordiavignti.com/SapphireSpin.webp" alt="Sapphire mini"> </div> <div class="sv-player-assets-plaque">Character Miniature</div> </div> <div class="sv-player-badge-card"> <div class="sv-player-badge-frame"> <img src="WarlockBadge.png" alt="Warlock badge"> </div> <div class="sv-player-assets-plaque">Warlock</div> </div> </div> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-record"> <div class="sv-record-title"><span>Character Information</span></div> <div class="sv-record-heading">Guild Record</div> <div class="sv-record-list"> <div class="sv-record-row"><span class="sv-record-label">Species: </span><span class="sv-record-value"><a class="internal-link" href="Tiefling">Tiefling</a></span></div> <div class="sv-record-row"><span class="sv-record-label">Identity: </span><span class="sv-record-value">Female (She/Her)</span></div> <div class="sv-record-row"><span class="sv-record-label">Class: </span><span class="sv-record-value"><a class="internal-link" href="Sorcerer">Warlock</a> - The Fathomless</span></div> <div class="sv-record-row"><span class="sv-record-label">Titles: </span> <span class="sv-record-value sv-record-titles"> - </span></div> <div class="sv-record-row"><span class="sv-record-label">Also Known As: </span> <span class="sv-record-value"> - </span></div> <div class="sv-record-row"><span class="sv-record-label">Languages: </span><span class="sv-record-value"> <a class="internal-link" href="Common">Common</a>, <a class="internal-link" href="Dwarvish">Dwarvish</a>, <a class="internal-link" href="Elvish">Elvish</a></span> </div> <div class="sv-record-row"> <span class="sv-record-label">Connections: </span> <span class="sv-record-value"> - </span></div> <div class="sv-record-row"><span class="sv-record-label">Family: </span><span class="sv-record-value"> <a class="" href="">Unknown</a></span></div> <div class="sv-record-row"><span class="sv-record-label">Place of Birth: </span><span class="sv-record-value"> <a class="" href="">Unknown</a></span></div> <div class="sv-record-row"><span class="sv-record-label">Significant Other: </span> <span class="sv-record-value">Unknown</span></div> </div> </div> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-backstory"> <div class="sv-backstory-title"><span>Backstory</span></div> <div class="sv-backstory-heading">Guild Archive <span>◆</span> Personal History</div> <div class="sv-backstory-text"> <p>Sapphire was born to a human minor noble family as a Tiefling. The second born with an older human brother she wasn't due to inherit much so was due to be married for political benefits. She always dreamed of a life of adventure but had resigned herself to doing her duty for her family until she saw who she would be marrying. Lord Bowman was once a wizard of great renowned but had grown reclusive over the years, rumours had spread of dark magic filling his tower. </p> <p>Sapphire was due to be his seventh wife. The six previous having all mysteriously died in increasing short periods of time. The night before her wedding she begged her brother to let her flee, they had always been close but he said the risk of angering lord bowman was too high.  </p> <p>Once the wedding was over the Wizard retired to his study leaving Sapphire alone, she snuck around and found a secret room with an alter and a book. The book detailed a ritual to gain great power by sacrificing seven wives to an ancient god. That night she stole as much as she could carry and fled the tower. She found a ship and paid her way aboard, captain moonbeard was a good man who ran a tight ship and Sapphire worked hard to try keep up with the other sailors. She soon realised that he was a pirate both feared and respected. </p> <p>He said he never took from those who couldn't afford it but she didn't know how true that was.  One night a storm hit, worse than any she had ever seen before. Each wave hit the ship harder than the last. People run around trying to grab whatever they can, A wave hits Sapphire and she catches herself on the edge of the ship the captain grabs her and for a moment she is safe, until the next wave hits and they are dragged under. She feels the water fill her mouth and knows death is coming until she hears a voice loud and clear. It offers her help in return for her service and she agrees. She wakes up alone on the ship near a port. The captain's gun in her hand.</p> <p>She runs around and sets about finding a crew, she knows nothing about running a ship but she takes the name of the dread pirate moonbeard and uses the reputation to gather a crew. Hiding the fact she doesn't know what she's doing. Eventually she meets Sir Eylo and he captures her for the crimes she has falsely claimed responsibility for to bring her to justice but they soon become friends and travel together.</p> </div> </div> #### Playlist <iframe data-testid="embed-iframe" style="border-radius:12px" src="https://open.spotify.com/embed/playlist/5JlKRO0gTh0oIBEu6AOpNc?utm_source=generator&si=e894dc79c6464ea6" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe> <div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div> <div class="sv-wardrobe"> <div class="sv-wardrobe-head"> <span class="sv-dot"></span> CHARACTER WARDROBE </div> <div class="sv-wardrobe-shell"> <div class="sv-wardrobe-strip scrollbar-orange"> <figure class="sv-fit"> <img src="https://media.sordiavignti.com/SapphireOutfitSpin.webp" alt="Sapphire Outfit"> <figcaption>OUTFIT 1</figcaption> </figure> </div> </div> </div>