Jet: Difference between revisions

From LiberationMUSH Wiki
(Created page with "in progress")
 
No edit summary
Line 1: Line 1:
in progress
__NOTOC__
 
{{#css:
@import 'https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700';
 
 
    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: #3d8b3f;
      }
 
      .color-bg-dark {
        background-color: #3d1106;
      }
 
      .color-accent-dark {
        color: #3d1106;
      }
 
      .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: 'Amatic SC', sans-serif;
        font-size: 25px;
        width: calc(100% - 2rem);
        border-width: 1rem;
        border-color: #111;
        border-style: solid;
      }
 
      .section {
        padding: 1rem;
      }
 
      .info-section {
        width: 300px;
        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:Jet1.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:Jet2.jpg|300px]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Enya 'Jet' Creagan</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Voice Actress</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Gallant</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
          <tr>
              <td>Sphere:</td>
              <td>Shifter</td>
            </tr>
            <tr>
              <td>Type:</td>
              <td>Corax</td>
            </tr>
<tr>
              <td>Rite Name:</td>
              <td>Clarion-Call</td>
            </tr>
            <tr>
              <td>Camp</td>
              <td>Hermetic Order of the Swift Light</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>5'6"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>130 lb.</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Black</td>
            </tr>
<tr>
              <td>Eyes:</td>
              <td>Cobalt</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Early 30's</td>
            </tr>
          </table>
 
          <div class="w-100" >[[File:JetEyes.png|300px]]</div>
        </div>
 
        <div class="w-100 show-mobile">[[File:Jet1.jpg]]</div>
 
       
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center" style="color: white; font-family: 'Amatic SC', sans-serif;font-size:72px;">Ignition</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1" style="font-family: 'Amatic SC', sans-serif;font-size:28px;">
         
          <p>
In Progress
</p>
 
 
 
          </div>
        </div>
 
      </div>
 
      <div class="heroImage w-100">[[File:Jet3.jpg]]</div>
 
      <div class="section color-bg-light" style="font-family: 'Amatic SC', sans-serif;font-size:30px;">
        <h2 class="label color-shade-dark color-bg-light text-center" style="font-family: 'Amatic SC', sans-serif;font-size:40px;" >
          Roleplay Hooks
        </h2>
 
        <table class="hooks-table" style="font-size:25px;">
          <tr>
            <td>Hook 1</td>
            <td style="font-family: 'Amatic SC', sans-serif;">About hook 1</td>
          </tr>
          <tr>
            <td>Hook 2</td>
            <td style="font-family: 'Amatic SC', sans-serif;">ABout hook 2</td>
          </tr>
  <tr>
  <td>Hook 3</td>
  <td>About Hook 3</td>
  </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:birb.jpg]]</div>
 
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center" style="font-family: 'Amatic SC', sans-serif;font-size:40px;color: white;">Soundtrack</h2>
 
        <table class="contacts-table" style="font-size:20px;">
          <tr>
            <td>Bush </td>
            <td>''[https://www.youtube.com/watch?v=5WPbqYoz9HA Machinehead]''</td>
          </tr>
          <tr>
            <td>Nine Inch Nails </td>
            <td>''[https://www.youtube.com/watch?v=PTFwQP86BRs Closer]''</td>
          </tr>         
      <tr>
            <td>Ministry </td>
            <td>''[https://www.youtube.com/watch?v=lhLd18Xg6x0 Thieves]''</td>
          </tr>     
      <tr>
            <td>Smashing Pumpkins</td>
            <td>''[https://www.youtube.com/watch?v=8-r-V0uK4u0 Bullet With Butterfly Wings]''</td>
          </tr>   
        </table>
      </div>
 
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center" style="font-family: 'Amatic SC', sans-serif;font-size:40px;color: white;">Contacts</h2>
 
        <table class="contacts-table" style="font-size:20px;">
          <tr>
            <td>[[Jonesy|Jonesy]]</td>
            <td>Confident & Cheeky Cat</td>
          </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:Jet6.jpg]]</div>
 
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center" style="font-family: 'Amatic SC', sans-serif;font-size:32px; color: white;font-size:40px;">Gallery</h2>
 
        <div class="gallery-container">[[File:Jet7.jpg]]</div>
        <div class="gallery-container">[[File:Jet8.webp]]</div>
 
      </div>
    </div>
 
{{Played by
| Character name = Jet
| Model name = Cristin Milioti
| Sample =  Jet2.png
}}
 
[[Category:Characters]][[Category:Active_PC]]

Revision as of 05:55, 8 November 2024



Full Name: Enya 'Jet' Creagan
Position: Voice Actress
Demeanor: Gallant
Sphere: Shifter
Type: Corax
Rite Name: Clarion-Call
Camp Hermetic Order of the Swift Light
Height: 5'6"
Weight: 130 lb.
Hair: Black
Eyes: Cobalt
Apparent Age: Early 30's


Ignition

In Progress


Roleplay Hooks

Hook 1 About hook 1
Hook 2 ABout hook 2
Hook 3 About Hook 3
File:Birb.jpg

Soundtrack

Bush Machinehead
Nine Inch Nails Closer
Ministry Thieves
Smashing Pumpkins Bullet With Butterfly Wings

Contacts

Jonesy Confident & Cheeky Cat
File:Jet6.jpg

Template:Played by

Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Jet&oldid=42116"