Lindy: Difference between revisions

From LiberationMUSH Wiki
No edit summary
No edit summary
Line 1: Line 1:
__NOTOC__
__NOTOC__
{| align="center" width="90%" style="background: linear-gradient(to right, #5173d1 20%, #000000 55%);"
{{#css:
|-
    img {
|
        margin-bottom: -5px;
{| align="center" width="750px" cellspacing="1" cellpadding="10" style="font-family: Egyptienne; serif; font-size: 12pt; margin-bottom: 100px; margin-top: 100px; padding: 0px; spacing: 0px; border: 2px solid #F7FF05; background-color: #F9F2F2; -moz-box-shadow: 0px 0px 80px #F9F2F2; -webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #AA3939, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0); box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #492E74, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);"
    }
|-
| colspan="2" style="text-align: center;" |
[[File:Lindy79.png|center|x750px|link=]]


|-
    table {
| colspan="2" style="text-align: center; font-family: Egyptienne; serif; font-size: 20pt; font-variant: small-caps; padding-bottom: 4px;" |
        padding: 0 1.2em;
'''Dr. Lindy Hopper'''
    }


|-
    tr {
| colspan="2" style="text-align: center; font-style: italic; font-size: 11pt; padding-bottom: 10px;" |
        margin: 0.2rem 0;
"No system exists in isolation."
    }


|-
    td {
| colspan="2" |
        width: 50%;
Dr. Lindy Hopper from Livermore, CA.
    }


|-
    .hooks-table td,
| colspan="2" |
    .contacts-table td {
        width: auto;
    }


{| style="width: 100%; border-top: 1px solid #ccc; margin-top: 10px;" cellpadding="6"
    .hooks-table td:nth-child(1) {
|-
        width: 25%;
! style="text-align:left; width: 40%;" | Demeanour
    }
| Innovator
|-
! style="text-align:left;" | Apparent Age
| Mid 20's
|-
! style="text-align:left;" | Org
| Society of Ether
|-
! style="text-align:left;" | Agreement
| Ethernauts
|-
! style="text-align:left;" | Role
| IG Model and Systems Engineer
|-
! style="text-align:left;" | Scope
| To be determined!
|}


|-
    .contacts-table td:nth-child(1) {
| colspan="2" style="padding-top: 10px;" |
        width: 25%;
'''Statistics'''
    }


{| style="width: 100%; border-top: 1px solid #ccc; margin-top: 6px;" cellpadding="6"
    table tr td:nth-child(1) {
|-
        font-weight: 600;
! style="text-align:left; width: 40%;" | Something
    }
| 🔴🔴🔴⚫️⚫️
|-
! style="text-align:left;" | Something
| 🔴⚫️⚫️⚫️⚫️
|}


|-
    h2.label {
| colspan="2" style="padding-top: 10px;" |
        margin-bottom: 0.5rem;
'''Soundtrack'''
    }


[https://youtu.be/mKnd5rZGqzY The crack in the system]
    .color-main {
:''They paint me a villain''
        color: #3a3f6e;
:''I'm back with a vengeance, like I'm a god''
    }
:''I can't be defeated''
:''I am the reason, I am the source''
:''I got a legion, the battle is mine''
:''The one to believe in''


[https://youtu.be/FRtd8ArvH_s Gold Guns Girls]
    .color-shade-light,
:''Words''
    .color-shade-light td {
:''Words''
        color: #f4f1ef;
    }


|-
    .contacts-table {
| colspan="2" style="padding-top: 10px;" |
        width: 100%;
'''RP Hooks'''
    }


* '''Senses''' ''Words.''
    .contacts-table a {
* '''Material''' ''Words.''
        color: #f4f1ef !important;
* '''Immaterial''' ''Words.''
    }
* '''What Is Love?''' ''Words.''


|-
    .color-bg-light {
| colspan="2" style="padding-top: 10px;" |
        background-color: #e8f0ff;
'''Gallery'''
    }


[[File:Lindy5.png|350px]][[File:Lindy3.png|350px]][[File:Lindy2.png|350x]][[File:Lindy10.png|350px]][[File:Lindy1.png|350px]][[File:Lindy7.png|350px]][[File:Lindy11.png]][[File:Lindy13.png]][[File:Lindy14.png]][[File:Lindy15.png]][[File:Lindy16.png]][[File:Lindy17.png]][[File:Lindy18.png]][[File:Lindy19.png]][[File:Lindy20.png]][[File:Lindy21.png]][[File:Lindy22.png]][[File:Lindy23.png]]
    .color-accent-light {
        color: #8a92b2;
    }


|-
    .color-shade-dark {
| colspan="2" style="padding-top: 10px;" |
        color: #1d1b1f;
'''Systems of Interest'''
    }


    .color-bg-dark {
        background-color: #1a1a2e;
    }


|}
    .color-accent-dark {
|}
        color: #5173d1;
    }
 
    .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: 1rem;
        border-color: #5173d1;
        border-style: solid;
    }
 
    .container {
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        width: calc(100% - 2rem);
        border-width: 1rem;
        border-color: #5173d1;
        border-style: solid;
        -webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #492E74, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF;
        box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #492E74, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF;
    }
 
    .section {
        padding: 1rem;
    }
 
    .info-section {
        width: 30%;
        border-right-width: 0.5rem;
        border-top-width: 0;
        border-left-width: 0;
        border-color: #5173d1;
        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: #1a1a2e;
    }
 
    #logs-section ul {
        display: flex;
        flex-wrap: wrap;
    }
 
    #logs-section li {
        width: 50%;
    }
 
    .gallery-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
 
    .mw-body-content a > img {
        max-width: auto;
    }
 
    .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%;
        }
    }
}}
 
<div class="container color-bg-dark">
    <div class="heroImage w-100 hide-mobile" id="topImage">[[File:Lindy79.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:Lindy12.png]]</div>
            <table>
                <tr>
                    <td>Full Name:</td>
                    <td>Dr. Lindy Hopper</td>
                </tr>
                <tr>
                    <td>Demeanour:</td>
                    <td>Innovator</td>
                </tr>
                <tr>
                    <td>Apparent Age:</td>
                    <td>Mid 20's</td>
                </tr>
            </table>
            <hr class="color-accent-light" />
            <table>
                <tr>
                    <td>Sphere:</td>
                    <td>Mage</td>
                </tr>
                <tr>
                    <td>Org:</td>
                    <td>Society of Ether</td>
                </tr>
                <tr>
                    <td>Agreement:</td>
                    <td>Ethernauts</td>
                </tr>
                <tr>
                    <td>Role:</td>
                    <td>IG Model and Systems Engineer</td>
                </tr>
            </table>
            <hr class="color-accent-light" />
            <table>
                <tr>
                    <td>Something:</td>
                    <td>🔴🔴🔴⚫️⚫️</td>
                </tr>
                <tr>
                    <td>Something:</td>
                    <td>🔴⚫️⚫️⚫️⚫️</td>
                </tr>
            </table>
            <hr class="color-accent-light" />
            <div style="text-align:center; padding: 0.5rem; font-style: italic; color: #3a3f6e;">"No system exists in isolation."</div>
        </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>Dr. Lindy Hopper from Livermore, CA.</p>
            </div>
 
            <h2 class="label color-shade-light text-center" style="margin-top: 1.5rem;">Soundtrack</h2>
            <hr class="color-shade-light" />
            <div class="color-shade-light ph-1">
                <p>[https://youtu.be/mKnd5rZGqzY The crack in the system]</p>
                <p>''They paint me a villain''<br>
                ''I'm back with a vengeance, like I'm a god''<br>
                ''I can't be defeated''<br>
                ''I am the reason, I am the source''<br>
                ''I got a legion, the battle is mine''<br>
                ''The one to believe in''</p>
                <p>[https://youtu.be/FRtd8ArvH_s Gold Guns Girls]</p>
                <p>''Words''<br>
                ''Words''</p>
            </div>
        </div>
    </div>
 
    <div class="section color-bg-light">
        <h2 class="label color-shade-dark text-center">⚗️ RP Hooks ⚗️</h2>
        <table class="hooks-table">
            <tr>
                <td>Senses</td>
                <td>Words.</td>
            </tr>
            <tr>
                <td>Material</td>
                <td>Words.</td>
            </tr>
            <tr>
                <td>Immaterial</td>
                <td>Words.</td>
            </tr>
            <tr>
                <td>What Is Love?</td>
                <td>Words.</td>
            </tr>
        </table>
    </div>
 
    <div class="section color-bg-dark color-shade-light">
        <h2 class="label text-center">🔬 Systems of Interest 🔬</h2>
        <table class="contacts-table">
            <tr>
                <td>Name</td>
                <td>Notes.</td>
            </tr>
        </table>
    </div>
 
    <div class="section color-bg-dark color-shade-light" 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="section color-bg-dark color-shade-light" id="gallery-section">
        <h2 class="label text-center"> 📸 Gallery 📸 </h2>
        <div class="gallery-container">[[File:Lindy5.png]][[File:Lindy3.png]][[File:Lindy2.png]][[File:Lindy10.png]][[File:Lindy1.png]][[File:Lindy7.png]][[File:Lindy11.png]][[File:Lindy13.png]][[File:Lindy14.png]][[File:Lindy15.png]][[File:Lindy16.png]][[File:Lindy17.png]][[File:Lindy18.png]][[File:Lindy19.png]][[File:Lindy20.png]][[File:Lindy21.png]][[File:Lindy22.png]][[File:Lindy23.png]]</div>
    </div>
</div>


[[Category:Characters]]
[[Category:Characters]]
[[Category:New]]
[[Category:New]]

Revision as of 16:20, 12 March 2026


Full Name: Dr. Lindy Hopper
Demeanour: Innovator
Apparent Age: Mid 20's
Sphere: Mage
Org: Society of Ether
Agreement: Ethernauts
Role: IG Model and Systems Engineer
Something: 🔴🔴🔴⚫️⚫️
Something: 🔴⚫️⚫️⚫️⚫️
"No system exists in isolation."

Biography

Dr. Lindy Hopper from Livermore, CA.

Soundtrack

The crack in the system

They paint me a villain
I'm back with a vengeance, like I'm a god
I can't be defeated
I am the reason, I am the source
I got a legion, the battle is mine
The one to believe in

Gold Guns Girls

Words
Words

⚗️ RP Hooks ⚗️

Senses Words.
Material Words.
Immaterial Words.
What Is Love? Words.

🔬 Systems of Interest 🔬

Name Notes.

📋 Logs 📋 

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