Edison: Difference between revisions

From TowersWiki

(Created page with "In progress")
 
No edit summary
Line 1: Line 1:
In progress
__NOTOC__
 
{{#css:
@import 'https://fonts.googleapis.com/css2?family=Bad+Script';
 
    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: #990000;
      }
 
      .color-accent-dark {
        color: #990000;
      }
 
      .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: 'Bad Script', cursive;
        font-size: 25px;
        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:Edison1.png]]</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:Edison2.png|300px]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Emily Edison</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Mechanic Tinkerer</td>
            </tr>
            <tr>
              <td>Demeanor:</td>
              <td>Optimist</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
          <tr>
              <td>Sphere:</td>
              <td>Shifter</td>
            </tr>
            <tr>
              <td>Type:</td>
              <td>Ratkin</td>
            </tr>
<tr>
              <td>Rite Name:</td>
              <td>Pseudoephedrine</td>
            </tr>
            <tr>
              <td>Aspect</td>
              <td>Engineer</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>5'4"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>121 lb.</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Chestnut</td>
            </tr>
<tr>
              <td>Eyes:</td>
              <td>Brown</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Mid 20's</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100">[[File:EdisonEyes.gif|300px]]</div>
        </div>
 
        <div class="w-100 show-mobile">[[File:Edison1.png]]</div>
 
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center" style="color: white; font-family: 'Bad Script', cursive;font-size:32px;">Ignition</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1" style="font-family: 'Bad Script', cursive;font-size:18px;">
          <p>
 
Story about Edison
</p><p>
More edison
</p>
 
 
 
 
 
          </div>
        </div>
 
      </div>
 
      <div class="heroImage w-100">[[File:Edison3.jpg]]</div>
 
      <div class="section color-bg-light" style="font-family: 'Bad Script', cursive;font-size:32px;">
        <h2 class="label color-shade-dark color-bg-light text-center" style="font-family: 'Bad Script', cursive;font-size:30px;" >
          Roleplay Hooks
        </h2>
 
        <table class="hooks-table" style="font-size:15px;">
          <tr>
            <td>Tomes, Scrolls and Books</td>
            <td style="font-family: 'Bad Script', cursive;">She has been a reseller of dusty old tomes and books of occult knowledge.  Whether she believes any of it, is really up for debate.  She also spends an unhealthy amount of time in libraries and bookstores throughout London.</td>
          </tr>
          <tr>
            <td>Bar Fly</td>
            <td style="font-family: 'Bad Script', cursive;">Kenzie Grey arrived in London many years back.  It is hard to say, exactly.  She has been a fixture in many a dive bar and club, often arriving in an old purple Bentley and escorted by a pair of men in pristine suits.</td>
          </tr>
  <tr>
  <td>Info Broker</td>
  <td>It is said that she can find all sorts of information via books or the Net.  She also can obtain odd, rare items..</td>
  </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:Edison4.jpg]]</div>
 
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center" style="font-family: 'Bad Script', cursive;font-size:30px;">Contacts</h2>
 
        <table class="contacts-table" style="font-size:15px;">
          <tr>
            <td>[[Person|Person]]</td>
            <td>Stuff</td>
          </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:Edison6.webp]]</div>
 
      <div class="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center" style="font-family: 'Bad Script', cursive;font-size:32px;">Gallery</h2>
 
        <div class="gallery-container">[[File:Edison7.webp]]</div>
 
      </div>
    </div>
 
{{Played by
| Character name = Kenzie Grey
| Model name = Helena Bonham Carter
| Sample =  Kenzie3.png
}}
 
[[Category:Characters]][[Category:Active_PC]]

Revision as of 20:50, 2 October 2024



Full Name: Emily Edison
Position: Mechanic Tinkerer
Demeanor: Optimist
Sphere: Shifter
Type: Ratkin
Rite Name: Pseudoephedrine
Aspect Engineer
Height: 5'4"
Weight: 121 lb.
Hair: Chestnut
Eyes: Brown
Apparent Age: Mid 20's

Ignition

Story about Edison

More edison



Roleplay Hooks

Tomes, Scrolls and Books She has been a reseller of dusty old tomes and books of occult knowledge. Whether she believes any of it, is really up for debate. She also spends an unhealthy amount of time in libraries and bookstores throughout London.
Bar Fly Kenzie Grey arrived in London many years back. It is hard to say, exactly. She has been a fixture in many a dive bar and club, often arriving in an old purple Bentley and escorted by a pair of men in pristine suits.
Info Broker It is said that she can find all sorts of information via books or the Net. She also can obtain odd, rare items..

Contacts

Person Stuff
Retrieved from "https://towersmux.net/w/index.php?title=Edison&oldid=1764"