Jupiter: Difference between revisions

From LiberationMUSH Wiki
(Jupiter 2 moved page Jupiter to Rory Andrews: New Jupiter!)
Tag: New redirect
 
(Removed redirect to Rory Andrews)
Tag: Removed redirect
Line 1: Line 1:
#REDIRECT [[Rory Andrews]]
__NOTOC__
{{#css:
    img {
      margin-bottom: -5px;
    }
    h2 {
      margin-top: 0!important;
    }
    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;
    }
    hr {
      width: 90%;
    }
    h2.label {
      margin-bottom: 0.5rem;
    }
    .color-main {
      color: #162b2e;
    }
    .color-shade-light {
      color: #91dfeb;
    }
    .color-bg-light {
      background-color: #637e82;
    }
    .color-accent-light {
      color: #08bad4;
    }
    .color-shade-dark {
      color: #27435e;
    }
    .color-bg-dark {
      background-color: #111e2b;
    }
    .color-accent-dark {
      color: #16304a;
    }
    .color-border-light {
      border-color: #99b3cc;
    }
    .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: "Palatino Linotype", "Book Antiqua", Palatino, serif;
      width: calc(100% - 2rem);
      border-width: 1rem;
      border-color: #111;
      border-style: solid;
    }
    .section {
      padding: 1.5rem 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%;
    }
    .contacts-table a {
      color: #f3f6f2;
    }
    .gallery-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .gallery-container img {
      max-width: 290px;
      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%;
      }
      #logs-section li {
        width: 100%;
      }
    }
}}
<div class="container color-bg-dark">
      <div class="heroImage hide-mobile" id="topImage">[[File:Jupiterbanner1.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:Jupiter2.jpeg]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Jupiter Jazani</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Idealist</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Occupation:</td>
              <td>Clinic Manager / Physician</td>
            </tr>
            <tr>
              <td>Hometown:</td>
              <td>Los Angeles, Westwood, Tehrangeles</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Early-to-mid 30s</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>5'5"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>Maybe 120 lbs.</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Black</td>
            </tr>
            <tr>
              <td>Eyes:</td>
              <td>Honey brown</td>
            </tr>
            <tr>
              <td>Birthday:</td>
              <td>May 3</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100"><center>[[File:caduceus.png]]</center></div>
        </div>
        <div class="w-100 show-mobile">[[File:Jupiterbanner1.jpg]]</div>
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center">Biography</h2>
          <div class="color-shade-light ph-1">
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
         
          </div>
        </div>
      </div>
      <div class="heroImage w-100">[[File:Jupiterbanner3.jpg]]</div>
      <div class="section color-bg-light">
        <h2 class="label color-shade-dark color-bg-light text-center">Roleplay Hooks</h2>
        <table class="hooks-table">
          <tr>
            <td>Double-doctor</td>
            <td>Jupiter went to Baylor College of Medicine for her M.D., and UCLA for her PhD. Did we go to school together?</td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>Languages</td>
            <td></td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:Jupiterbanner2.jpg]]</div>
      <div class="section color-bg-dark color-shade-light">
      <h2 class="label color-bg-dark color-shade-light text-center">Contacts</h2>
        <table class="contacts-table">
          <tr>
            <td>Person</td>
            <td>Quote</td>
          </tr>
          <tr>
            <td>Person</td>
            <td>Quote</td>
          </tr>
          <tr>
            <td>Person</td>
            <td>Quote</td>
          </tr>
          <tr>
            <td>Person</td>
            <td>Quote</td>
          </tr>
          <tr>
            <td>Person</td>
            <td>Quote</td>
          </tr>
        </table>
      </div>
      <div class="heroImage w-100">[[File:Jupiterbanner4.jpg]]</div>
      <div class="section color-bg-light color-shade-dark">
      <h2 class="label color-bg-light color-shade-dark text-center">Soundtrack</h2>
        <table class="contacts-table">
          <tr>
            <td>Link & Artist &ndash; Song</td>
            <td>''Lyrics''</td>
          </tr>
          <tr>
            <td>Link & Artist &ndash; Song</td>
            <td>''Lyrics''</td>
          </tr>
          <tr>
            <td>Link & Artist &ndash; Song</td>
            <td>''Lyrics''</td>
          </tr>
        </table>
      </div>
 
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center">Gallery</h2> 
        <div class="gallery-container">[[File:Jupiter1.jpg|x220px]][[File:Jupiter3.jpeg|x220px]][[File:Jupiter4.jpg|x220px]][[File:Jupiter5.jpeg|x220px]][[File:Jupiter6.jpg|x220px]][[File:Jupiter7.jpeg|x220px]]</div>
      </div>
    </div>
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <h2 class="label text-center">Logs</h2>       
        {{#dpl:
|linksto=Jupiter
|category=Logs
|columns=3
|noresultsheader=<i><div>No logs have been posted yet.</div></i>
}}
      </div>
 
[[Category:Characters]]

Revision as of 05:45, 17 April 2024



File:Jupiter2.jpeg
Full Name: Jupiter Jazani
Demeanor: Idealist
Occupation: Clinic Manager / Physician
Hometown: Los Angeles, Westwood, Tehrangeles
Apparent Age: Early-to-mid 30s
Height: 5'5"
Weight: Maybe 120 lbs.
Hair: Black
Eyes: Honey brown
Birthday: May 3

Biography

Roleplay Hooks

Double-doctor Jupiter went to Baylor College of Medicine for her M.D., and UCLA for her PhD. Did we go to school together?
Languages

Contacts

Person Quote
Person Quote
Person Quote
Person Quote
Person Quote

Soundtrack

Link & Artist – Song Lyrics
Link & Artist – Song Lyrics
Link & Artist – Song Lyrics

Logs

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