Elsie: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
{{BasicCharacterPage
__NOTOC__
| pagename=Elsie
{{#css:
| titlefg=white
    img {
| titlebg=gray
        margin-bottom: -5px;
| fullname=Elizabeth "Elsie" Graham
      }
| profileimage=[[File:Elsie3.jpg]]
 
| quote=[[File:Elsie8.jpg]]
      table {
| biography=There's not much at all to say about Elizabeth Graham, is there? Just scratching at the surface, she really is... remarkably unremarkable. A college student. An unpaid intern. A pretty face in a sea of pretty faces. But there's more to her, you know. If you can push your fingers just past the surface. If you can peel back the layers and unearth the core of her.  Those who do find a loyal friend, a gentle soul, and a young woman that fate has been entirely unkind to. Get to know her, and you'll get to know her story -- the story that's already written down, and the one that we're telling together.
        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;
      }


| rphooks=
      .contacts-table a {
Medium: Elsie is a spirit medium that is considered "psychically sensitive". What this means from a practical standpoint is that she is vaguely connected to the world of the supernatural, particularly those of the non-living variety. If you are a ghost, phantom, poltergeist, or any adjacent creature, let's chat about a scene!
        color: #f4f1ef !important;
      }
 
      .color-bg-light {
        background-color: #f4f1ef;
      }
 
      .color-accent-light {
        color: #958d89;
      }
 
      .color-shade-dark {
        color: #1d1b1f;
      }
 
      .color-bg-dark {
        background-color: #1d1b1f;
      }
 
      .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: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        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;
      }


Museum: Elsie works for the Museum of Natural History and often spends a lot of late evenings there. Surrounded by dead stuff and old objects, SURELY this could present a few hooks for folks that get up to mischief.
      .bio-section {
        width: 70%;
      }


Benefactor/Child/Pitiable:  Elsie Graham is a rare, kind soul. She is genuinely sweet and caring. People tend to want to protect her, even without knowing just how hard her relatively short life has been.  If being a quiet benefactor, savior, or guardian to someone sweet and kind sounds appealing to you, let's talk!
      #logs-section a {
<!-- | contacts= * Placeholder -->
        color: #31282a;
| gallery=
      }
<h2>Portraits</h2>
[[File:Elsie2.jpg]]
[[File:Elsie1.jpg]]
[[File:Elsie4.jpg]]
<br>
<br>
[[File:Elsie5.jpg]]
[[File:Elsie6.jpg]]
[[File:Elsie9.jpg]]
| profile=
{{!}}
{{!}}-
{{!}} Nature
{{!}} Benefactor
{{!}}-
{{!}} Demeanor
{{!}} Child
{{!}}-
{{!}} Position
{{!}} Student
{{!}}-
{{!}} Age
{{!}} 20ish
{{!}}-
{{!}} Height
{{!}} 5'3"
{{!}}-
{{!}} Weight
{{!}} Girl
{{!}}-
{{!}} Eyes
{{!}} Brown
| statistics=
{{!}} Appearance
{{!}} 🔴🔴🔴🔴🔴
{{!}}-
{{!}} Empathy
{{!}} 🔴🔴🔴🔴⚫️
{{!}}-
{{!}} Perception
{{!}} 🔴🔴🔴🔴⚫️
{{!}}-
{{!}} Artifact
{{!}} 🔴🔴⚫️⚫️⚫️
{{!}}-
{{!}} <em>Enchanting Feature</em>
{{!}}-
{{!}} <em>Eiditic Memory</em>
{{!}}-
{{!}} <em>Danger Sense</em>
{{!}}-
{{!}} <em>Medium</em>


|soundtrack=
      #logs-section ul {
[https://www.youtube.com/watch?v=QpFXXPruuqU CHVRCHES - Clearest Blue]<br>
        display: flex;
Light...<br>
        flex-wrap: wrap;
Is all over us<br>
      }
Like it always was<br>
 
Like it always was<br>
      #logs-section li {
Shaped...<br>
        width: 50%;
By the clearest blue<br>
      }
But it's not enough<br>
 
It's not enough, not enough<br><br>
      .gallery-container {
Tied...<br>
        display: flex;
To the shifting ground<br>
        flex-wrap: wrap;
Like I always was<br>
        justify-content: center;
Like I always was<br>
      }
You...<br>
 
Were the perfect storm<br>
      .gallery-container img {
But it's not enough<br>
        max-width: 260px;
It's not enough, not enough, not enough<br><br>
        height: auto;
Tell me, tell me you'll meet me<br>
        -webkit-transition: all 0.5s ease;
Tell me, tell me you'll keep me<br>
        -moz-transition: all 0.5s ease;
Tell me, tell me you'll meet me<br>
        -o-transition: all 0.5s ease;
Will you meet me more than halfway up?<br><br>
        -ms-transition: all 0.5s ease;
Shaped...<br>
        transition: all 0.5s ease;
By...<br>
        margin: 10px;
Clearest blue
        -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
<br>
        webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.75);
<hr>
        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%;
        }
      }
 
}}
 
<div class="container color-bg-dark">
      <div class="heroImage w-100 hide-mobile" id="topImage">[[File:Elsie4.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:Elsie2.jpg]]</div>
          <table>
            <tr>
              <td>Full Name:</td>
              <td>Elizabeth Clara Graham</td>
            </tr>
            <tr>
              <td>Position:</td>
              <td>Some Dreamer of the Golden Dream</td>
            </tr>
            <tr>
              <td>Legacy:</td>
              <td>Courtier and Peacock</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Sphere:</td>
              <td>Changeling</td>
            </tr>
            <tr>
              <td>Kith:</td>
              <td>Autumn Sidhe</td>
            </tr>
            <tr>
              <td>Court:</td>
              <td>Seelie</td>
            </tr>
            <tr>
              <td>House:</td>
              <td>Beaumayne (Former)</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <table>
            <tr>
              <td>Height:</td>
              <td>5'0"</td>
            </tr>
            <tr>
              <td>Weight:</td>
              <td>Girl</td>
            </tr>
            <tr>
              <td>Hair:</td>
              <td>Brown</td>
            </tr>
            <tr>
              <td>Apparent Age:</td>
              <td>Twenties</td>
            </tr>
          </table>
          <hr class="color-accent-light" />
          <div class="w-100">[[File:Elsie_Splash2.jpg]]</div>
        </div>
 
        <div class="w-100 show-mobile">[[File:Elsie1.png]]</div>
 
        <div class="bio-section flex flex-col section">
          <h2 class="label color-shade-light text-center">Biography</h2>
          <hr class="color-shade-light" />
          <div class="color-shade-light ph-1">
            <p>UNDER CONSTRUCTION</p>
 
            <p>Words will go here.</p>
 
            <p>[[File:Elsie_Splash2.jpg]]</p>
          </div>
        </div>
      </div>
 
      <div class="heroImage w-100">[[File:Elsie16.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>Changeling</td>
            <td>It's getting dark. Let's light a spark.</td>
          </tr>
          <tr>
            <td>Court Seelie</td>
            <td>Helloooo</td>
          </tr>
          <tr>
            <td>I see dead people?</td>
            <td>Give into the beat and set your soul on fire.</td>
          </tr>
          <tr>
            <td>Living Legend</td>
            <td>More words</td>
          </tr>
          <tr>
            <td>Story Slam!</td>
            <td>More words</td>
          </tr>
            <td>That Creative Spark</td>
            <td>More words!</td>
          </tr>
          </tr>
        </table>
      </div>
 
      <div class="heroImage w-100">[[File:Elsie14.jpg]]</div>
 
      <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center">Contacts</h2>
 
        <table class="contacts-table">
          <tr>
            <td>[[Person1|This Person]]</td>
            <td>Person</td>
          </tr>
          <tr>
            <td>[[Person 2|Is Very Special]]</td>
            <td>Person</td>
          </tr>
          <tr>
            <td>[[Person 3|To Elsie]]</td>
            <td>Person</td>
          </tr>
          <tr>
            <td>[[Person 4|I promise!]]</td>
            <td>Person </td>
          </tr>
        </table>
      </div>
 
      <div class="heroImage w-100" >[[File:Elsie12.jpg]]</div>
 
      <div class="section color-bg-light color-shade-dark" id="logs-section">
        <h2 class="label text-center">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:Elsie17.jpg]]</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:Elsie3.jpg]][[File:Elsieg1.jpg]][[File:Elsie3.jpg]]</div>
      </div>
    </div>


[[Category:Characters]]  
[[Category:Characters]]
[[Category:Changelings]]
[[Category:Changelings]]

Revision as of 15:18, 19 September 2023


Full Name: Elizabeth Clara Graham
Position: Some Dreamer of the Golden Dream
Legacy: Courtier and Peacock
Sphere: Changeling
Kith: Autumn Sidhe
Court: Seelie
House: Beaumayne (Former)
Height: 5'0"
Weight: Girl
Hair: Brown
Apparent Age: Twenties
File:Elsie1.png

Biography

UNDER CONSTRUCTION

Words will go here.

Roleplay Hooks

Changeling It's getting dark. Let's light a spark.
Court Seelie Helloooo
I see dead people? Give into the beat and set your soul on fire.
Living Legend More words
Story Slam! More words
That Creative Spark More words!
File:Elsie14.jpg

Contacts

This Person Person
Is Very Special Person
To Elsie Person
I promise! Person
File:Elsie12.jpg
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Elsie&oldid=33551"