Chloe: Difference between revisions

From LiberationMUSH Wiki
(Removed redirect to Old Chloe)
Tag: Removed redirect
No edit summary
Line 1: Line 1:
In progress
__NOTOC__
<!-- This page used a template from Shannon. https://liberationmush.site/liberationwiki/Template:ShannonTemplate  -->
{{#css:
 
@import 'https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Rubik+Glitch&display=swap';
    img {
        margin-bottom: -5px;
      }
 
      table {
        padding: 0 1.2em;
      }
 
      tr {
        margin: 0.2rem 0;
      }
 
      td {
        width: 50%;
      }
 
      .hooks-table td,
      .contacts-table td {
        width: auto;
      }
 
      .hooks-table td:nth-child(1) {
        width: 25%;
      }
 
      .contacts-table td:nth-child(1) {
        width: 35%;
      }
 
      table tr td:nth-child(1) {
        font-weight: 600;
      }
 
      h2.label {
        margin-bottom: 0.5rem;
      }
 
      .color-main {
        color: #7D7E83;
      }
 
      .color-shade-light,
      .color-shade-light td {
        color: #f4f1ef;
      }
 
      .contacts-table a {
        color: #f4f1ef !important;
      }
 
      .color-bg-light {
        background-color: #f4f1ef;
      }
 
      .color-accent-light {
        color: #958d89;
      }
 
      .color-shade-dark {
        color: #1d1b8f;
      }
 
      .color-bg-dark {
        background-color: #1d1b8f;
      }
 
      .color-accent-dark {
        color: #797c7f;
      }
 
      .color-border-light {
        border-color: #f4f1ef;
      }
 
      .w-100 {
        width: 100%;
      }
 
      .m-auto {
        margin: auto;
      }
 
      .ph-1 {
        padding: 0 1rem;
      }
 
      .flex {
        display: flex;
      }
 
      .flex-col {
        flex-direction: column;
      }
 
      .justify-center {
        justify-content: center;
      }
 
      .text-center {
        text-align: center;
      }
 
      .show-mobile {
        display: none;
      }
 
      .heroImage img {
        width: 100%;
        height: auto;
      }
 
      #topImage {
        border-bottom-width: 0.5rem;
        border-color: #111;
        border-style: solid;
      }
 
      .container {
        font-family: 'Source Code Pro', monospace;
        width: calc(100% - 2rem);
        border-width: 1rem;
        border-color: #111;
        border-style: solid;
      }
 
      .section {
        padding: 1rem;
      }
 
      .info-section {
        width: 30%;
        border-right-width: 0.5rem;
        border-top-width: 0;
        border-left-width: 0;
        border-color: #111;
        border-style: solid;
        padding-bottom: 1rem;
      }
 
      .info-section table {
        width: 100%;
      }
 
      .info-portrait img {
        margin-bottom: 1rem;
      }
 
      .bio-section {
        width: 70%;
      }
 
      #logs-section a {
        color: #31282a;
      }
 
      #logs-section ul {
        display: flex;
        flex-wrap: wrap;
      }
 
      #logs-section li {
        width: 50%;
      }
 
      .gallery-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
      }
 
      .gallery-container img {
        max-width: 260px;
        height: auto;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        margin: 10px;
        -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
        webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
      }
 
      .gallery-container img:hover {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        cursor: pointer;
      }
 
      @media only screen and (max-width: 480px) {
        .hide-mobile {
          display: none;
        }
 
        .show-mobile {
          display: block;
        }
 
        .section {
          padding: 1rem 0;
        }
 
        #top-section {
          flex-direction: column;
        }
 
        .info-section,
        .bio-section {
          width: 100%;
        }
 
        .info-section {
          border-width: 0;
          border-style: none;
        }
 
        .hooks-table td:nth-child(1) {
          width: 35%;
        }
      }
</css>
}}
 
<div class="container color-bg-dark">
      <div class="heroImage w-100 hide-mobile" id="topImage">[[File:Chloe1.jpg]]</div>
 
      <div id="top-section" class="flex w-100">
        <div class="info-section flex flex-col color-bg-light">
          <div class="w-100 info-portrait">[[File:ChloeB1.png]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Chloe Bridgers</td>
            </tr>
            <tr>
              <td>Stage Name:</td>
              <td>Zer0</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Digital Music Composer</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Hacker</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
 
          <table>
            <tr>
              <td>Height:</td>
              <td>4'11"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>94 lb.</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Black/Silver/Blue</td>
            </tr>
<tr>
              <td>Eyes:</td>
              <td>Electric Blue</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Late 20's</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100">[[File:Sahajiya.png]]</div>
        </div>
 
        <div class="w-100 show-mobile">[[File:Chloe1.jpg]]</div>
 
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center" style="font-family: 'Rubik Glitch', system-ui;font-size:32px;">Chloe 'Zero' Bridgers</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1" style="font-family: 'Source Code Pro', monospace;font-size:18px;">
            <p></p>
 
 
          </div>
        </div>
 
      </div>
 
      <div class="heroImage w-100">[[File:ChloeB2.png]]</div>
 
      <div class="section color-bg-light" style="font-family: 'Source Code Pro', monospace;font-size:32px;">
        <h2 class="label color-shade-dark color-bg-light text-center" style="font-family: 'Rubik Glitch', system-ui;font-size:30px;" >
          Roleplay Hooks
        </h2>
 
        <table class="hooks-table" style="font-size:15px;">
          <tr>
            <td>Block Rockin' Beats</td>
            <td style="font-family: 'Source Code Pro', monospace;">She lives for music.  Music lives in her.
A producer of remixes, original scores for digital media, and even compositions licensed to others.</td>
          </tr>
          <tr>
            <td>Raving Crazy</td>
            <td style="font-family: 'Source Code Pro', monospace;">As Zero, she attends techno raves and festivals, usually up on stage, kicking out the tunes.</td>
          </tr>
  <tr>
  <td>Substantial Substance</td>
  <td>Pharma & Herbs, Edibles, Pills & Dust.  Chance is she has tried it and can get it.</td>
  </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:ChloeC4.png]]</div>
 
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center" style="font-family: 'Rubik Glitch', system-ui;font-size:30px;">Contacts</h2>
 
        <table class="contacts-table" style="font-size:15px;">
          <tr>
            <td>[[Wolfe|Wolfe]]</td>
            <td></td>
          </tr>
  <tr>
            <td>[[Minerva|Minerva]]</td>
            <td></td>
          </tr>
  <tr>
            <td>[[Kashvi|Kashvi]]</td>
            <td></td>
          </tr>
        </table>
      </div>
 
      <div class="heroImage w-100" >[[File:ChloePocketwatch.png]]</div>
 
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <h2 class="label text-center" style="font-family: 'Rubik Glitch', system-ui;font-size:32px;">Logs</h2>       
 
        {{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i>No logs have been posted yet.</i>
}}
      </div>
 
      <div class="heroImage w-100">[[File:ChloeB3.png]]</div>
 
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center" style="font-family: 'Rubik Glitch', system-ui;font-size:32px;">Gallery</h2>
 
        <div class="gallery-container">[[File:ChloeE3.png]]</div>
 
      </div>
    </div>
 
[[Category:Characters]]

Revision as of 09:40, 16 March 2024


Full Name: Chloe Bridgers
Stage Name: Zer0
Position: Digital Music Composer
Demeanor: Hacker
Height: 4'11"
Weight: 94 lb.
Hair: Black/Silver/Blue
Eyes: Electric Blue
Apparent Age: Late 20's

Chloe 'Zero' Bridgers


Roleplay Hooks

Block Rockin' Beats She lives for music. Music lives in her. A producer of remixes, original scores for digital media, and even compositions licensed to others.
Raving Crazy As Zero, she attends techno raves and festivals, usually up on stage, kicking out the tunes.
Substantial Substance Pharma & Herbs, Edibles, Pills & Dust. Chance is she has tried it and can get it.

Contacts

Wolfe
Minerva
Kashvi

Logs

       No logs have been posted yet.
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Chloe&oldid=38207"