|
|
| (28 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| __NOTOC__ __NOEDITSECTION__
| |
| {{#css:
| |
| .container {
| |
| font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
| |
| display: flex;
| |
| justify-content: center;
| |
| height: auto;
| |
| width: 1000px;
| |
| margin: auto;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
|
| .bg-dark {
| |
| background-color: #050505;
| |
| color: white;
| |
| border-color: #551654;
| |
| }
| |
|
| |
| .bg-light {
| |
| background-color: #551654;
| |
| color: #EFEFEF;
| |
| border-color: #8C148A;
| |
| }
| |
|
| |
| .top-section {
| |
| display: flex;
| |
| }
| |
|
| |
| .right-panel {
| |
| width: 30%;
| |
| height: auto;
| |
| border: 11px;
| |
| border-style: solid;
| |
| border-color: #8C148A;
| |
| font-size: 0.9em;
| |
| border-bottom-style: hidden;
| |
| }
| |
|
| |
| .left-panel {
| |
| width: 70%;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .center {
| |
| text-align: center;
| |
| }
| |
|
| |
| .underline {
| |
| border-bottom-style: solid;
| |
| border-bottom-width: 0.1em;
| |
| padding-bottom: 0.5em;
| |
| }
| |
|
| |
| .label {
| |
| margin: 0.2em 0;
| |
| font-size: 1.4em;
| |
| font-weight: 600;
| |
| font-style: italic;
| |
| }
| |
|
| |
| .header-container {
| |
| width: 100%;
| |
| display: flex;
| |
| justify-content: center;
| |
| padding: 2em 0;
| |
| }
| |
|
| |
| .header-title {
| |
| width: 94%;
| |
| font-size: 32px;
| |
| letter-spacing: 2px;
| |
| word-spacing: 2px;
| |
| font-weight: 700;
| |
| text-decoration: none;
| |
| font-style: normal;
| |
| font-variant: normal;
| |
| text-transform: none;
| |
| }
| |
|
| |
| .portrait-image {
| |
| width: 100%;
| |
| }
| |
|
| |
| .portrait-image img {
| |
| width: 100%;
| |
| padding-bottom: 1em;
| |
| }
| |
|
| |
| .info-table {
| |
| margin: auto;
| |
| width: 100%;
| |
| padding: 0 1em;
| |
| }
| |
|
| |
| .info-table-label {
| |
| font-weight: 600;
| |
| width: 50%;
| |
| }
| |
|
| |
| .biography-container {
| |
| width: 94%;
| |
| padding: 1em 3%;
| |
| }
| |
|
| |
| .section-container {
| |
| width: 94%;
| |
| padding: 1em 3%;
| |
| font-size: 0.9em;
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| .photo-banner {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .photo-banner img {
| |
| width: 100%;
| |
| height: auto;
| |
| }
| |
|
| |
| .mid-banner {
| |
| margin: -1em 0;
| |
| }
| |
|
| |
| .hooks-content {
| |
| padding-bottom: 1em;
| |
| }
| |
|
| |
| .hook-table-label {
| |
| width: 25%;
| |
| font-weight: 600;
| |
| padding-left: 0.5em;
| |
| }
| |
|
| |
| .gallery-content ul {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| list-style-type: none;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .gallery-content img {
| |
| height: 240px;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| #soundtrack, #statistics {
| |
| padding-top: 2em;
| |
| }
| |
|
| |
|
| |
|
| |
| #soundtrack a {
| |
| color: lightcyan;
| |
| }
| |
|
| |
| #soundtrack a:visited {
| |
| color: lightcyan;
| |
| }
| |
|
| |
| #soundtrack a:hover {
| |
| color: white;
| |
| }
| |
| }}
| |
|
| |
| <div class="container">
| |
|
| |
| <div class="top-section">
| |
| <div class="left-panel bg-dark">
| |
| <div class="header-container">
| |
| <div class="header-title center underline">Hoshi "Boomer" Akira</div>
| |
| </div>
| |
|
| |
| <div class="photo-banner">[[File:Akira1.png]]</div>
| |
|
| |
| <div class="biography-container">
| |
| <div class="label center underline">Biography</div>
| |
|
| |
| <p> Stuff Stuff Stuff Stuff Stuff .<br><br>
| |
|
| |
| Stuff Stuff Stuff Stuff Stuff <br><br>
| |
|
| |
| Stuff Stuff Stuff Stuff Stuff Stuff </p><br>
| |
|
| |
| <div class="photo-banner mid-banner">[[File:Akira3.png]]</div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="right-panel bg-light">
| |
| <div class="portrait-image">[[File:Akira2.png]]</div>
| |
|
| |
| <table class="info-table">
| |
| <tr>
| |
| <td class="info-table-label">Full Name:</td>
| |
| <td> </td>
| |
| </tr>
| |
| <tr>
| |
| <td class="info-table-label">Position:</td>
| |
| <td> </td>
| |
| </tr>
| |
| <tr>
| |
| <td class="info-table-label">Residence:</td>
| |
| <td> </td>
| |
| </tr>
| |
| <tr>
| |
| <td class="info-table-label">Demeanor:</td>
| |
| <td> </td>
| |
| </tr>
| |
| <tr>
| |
| <td class="info-table-label">Apparent Age:</td>
| |
| <td> </td>
| |
| </tr>
| |
| </table>
| |
|
| |
| <div id="statistics">
| |
| <div class="label center underline">Statistics</div>
| |
| <table class="info-table">
| |
| <tr><td class="info-table-label">Fame:</td><td>⚫⚫⚫⚫</td></tr>
| |
| <tr><td class="info-table-label">Appearance:</td><td>⚫⚫⚫⚫⚫</td></tr>
| |
| <tr><td class="info-table-label">Charisma:</td><td>⚫⚫⚫⚫</td></tr>
| |
| <tr><td class="info-table-label">Performance:</td><td>⚫⚫⚫⚫</td></tr>
| |
| <tr><td class="info-table-label">Expression:</td><td>⚫⚫⚫⚫</td></tr>
| |
| </table>
| |
| </div>
| |
|
| |
| <div id="soundtrack">
| |
| <div class="label center underline">Soundtrack</div>
| |
| <div class="info-table">
| |
| <center>
| |
| <i>
| |
| You were my everything<br>
| |
| My Darkest Heart<br>
| |
| My Edge of Ruin<br><br>
| |
| I had no time to heal<br>
| |
| Your Fractured Forms<br>
| |
| Your Lesser Evils<br><br>
| |
| You lost your way with Me<br>
| |
| My snuffed out light<br>
| |
| My broken promise<br><br>
| |
| We brought an end to this<br>
| |
| Our Brittle Souls<br>
| |
| Our Edge of Ruin<br><br>
| |
| </i>
| |
| <b>- Overdrive 243 'Edge of Ruin' -</b>
| |
| </centeR>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="section-container bg-dark">
| |
| <div class="label center underline">Gallery</div>
| |
| <div class="gallery-content">
| |
| <ul>
| |
| <li>
| |
| [[File:Angela_front.jpg]]
| |
| [[File:Angela.jpg]]
| |
| [[File:Angela_hairgrab.jpg]]
| |
| </li>
| |
| </ul>
| |
| <center></center>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="section-container bg-light">
| |
| <div class="label center underline">Roleplay Hooks</div>
| |
|
| |
| <div class="hooks-content">
| |
| <table class="hooks-table">
| |
| <tr>
| |
| <td class="hook-table-label">Music / Entertainment Industry:</td>
| |
| <td>Angela is on the cusp of superstardom, her battles with substance abuse, along with her band falling apart have actually only helped her mystique. What's she going to do for an encore?</td>
| |
| </tr>
| |
| <tr>
| |
| <td class="hook-table-label">Nightlife:</td>
| |
| <td>She's a dance machine and does her best to disappear onto the dance floor, or have a few drinks out on the town.</td>
| |
| </tr>
| |
| <tr>
| |
| <td class="hook-table-label">Random Thoughts:</td>
| |
| <td>Open to interacting with all spheres, nobody likes PC death so if I don't deserve it... let's try and avoid it, otherwise, almost anything goes.</td>
| |
| </tr>
| |
| </table>
| |
| </div>
| |
| </div>
| |
|
| |
| <div class="section-container bg-light">
| |
| <div class="label center underline">Discography</div>
| |
|
| |
| <ul>
| |
| <li>The Rapture / Arrakis 426 / (2020)</li>
| |
| <li>Skeletal Remains / Overdrive 243 / (2019)</li>
| |
| <li>Overdrive 243 / Overdrive 243 / (2017)</li>
| |
| <li>Fractured Essence / End Cycle (2015)
| |
| </ul>
| |
| </div>
| |
|
| |
| <div class="photo-banner mid-banner">
| |
| {| class="wikitable"
| |
| |-
| |
| | [[File:Arrakis426_therapture.jpg]]testtestet<BR>[[File:Overdrive243_album2.jpg]]tetetste<BR>[[File:Overdrive243_album1a.jpg]]tetestt
| |
| |}
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| [[Category:Characters]][[Category:Active]][[Category:PC]][[Category:Fame]]
| |
