Lola Darling: Difference between revisions

From LiberationMUSH Wiki
(Created page with "{{#css: @import 'https://fonts.googleapis.com/css?family=Fredericka+the+Great'; @import 'https://fonts.googleapis.com/css?family=Tangerine'; @import 'https://fonts.googleapis.com/css?family=Cinzel+Decorative'; @import 'https://fonts.googleapis.com/css?family=Cinzel'; @import 'https://fonts.googleapis.com/css?family=Rock+Salt'; h1.firstHeading { display: none } .heading2 { text-align:center; line-height: 8px; padding:20px 5px 0px; font-family: 'Fredericka the Great', c...")
 
No edit summary
 
(64 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
__NOTOC__ __NOEDITSECTION__
{| width="100%" style="background-color:#2C3539"
|-


@import 'https://fonts.googleapis.com/css?family=Fredericka+the+Great';
|align="center"|<br>
@import 'https://fonts.googleapis.com/css?family=Tangerine';
{|class="main" width="100%" cellpadding="0" cellspacing="5"
@import 'https://fonts.googleapis.com/css?family=Cinzel+Decorative';
|-
@import 'https://fonts.googleapis.com/css?family=Cinzel';
| colspan="3" style="background-color:#000000; text-align:center; vertical-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px dashed #c147ff; padding:10px;" |
@import 'https://fonts.googleapis.com/css?family=Rock+Salt';
{| align="center" cellpadding="4" cellspacing="4"
|-
| colspan="3" [[image:LolaBanner.png|center]]
|}
|-
| width="350px" style="background-color:#000000; color:#FFFFFF; text-align:left; vertical-align:top; font-size:12pt; font-family:'Comic Sans MS'; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:1px dashed #c147ff; padding:10px" |
<div style="border-bottom:1px dashed #c147ff; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:16pt">'''Lola Darling'''</font></div><br>
{| width="100%" cellpadding="2" cellspacing="2"
|-
| <center>[[Image:LolaHoodie.png|200px]]</center>
|-
| <br>
|-
| style="background-color:#242931; text-align:center; font-family:'Comic Sans MS', cursive; font-size:16px" | '''Fullname:'''
|-
| style="color:#dabcff; font-variant:small-caps; text-align:center"| Lola Darling
|-
|style="background-color:#242931; text-align:center; font-family:'Comic Sans MS', cursive; font-size:16px"  | '''Date of Birth:'''
|-
| style="color:#dabcff; text-align:center" | April 1st
|-
| style="background-color:#242931; text-align:center" | '''Apparent Age:'''
|-
| style="color:#dabcff; text-align:center" | Early 20's
|-
| style="background-color:#242931; text-align:center" | '''Height
|-
| style="color:#dabcff; text-align:center" | 5'2"ish (5'1")
|-
| style="background-color:#242931; text-align:center" | '''Build:'''
|-
| style="color:#dabcff; text-align:center" | Slight
|-
| style="background-color:#242931; text-align:center" | '''Hair:'''
|-
| style="color:#dabcff; text-align:center" | Brunette
|-
| style="background-color:#242931; text-align:center" | '''Eyes:'''
|-
| style="color:#dabcff; text-align:center" | Oddly Violet
|-
|-
|}


h1.firstHeading { display: none }
.heading2 { text-align:center; line-height: 8px; padding:20px 5px 0px; font-family: 'Fredericka the Great', cursive; font-size: 20px; color: #000000;text-shadow: 0 0 5px rgb(24, 205, 255);}
.heading3 { text-align:center; line-height: 10px; padding:20px 5px 0px; font-family: 'Cinzel', cursive; font-size: 25px; color:#ffffff;}
.heading4 { text-align:center; line-height: 16px; padding:20px 5px 0px; font-family: 'Cinzel', cursive; font-size: 35px; color:#ffffff;}
.heading5 { text-align:center; line-height: 16px; padding:20px 5px 0px; font-family: 'Rock Salt', cursive; font-size: 30px; color:#ffffff;}
.heading6 { text-align:center; line-height: 16px; padding:20px 5px 0px; font-family: 'Rock Salt', cursive; font-size: 20px; color:#ffffff;}


ul {list-style: disc;}
<div style="border-bottom:1px dashed #c147ff; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:16pt">'''Notables'''</font></div><br>
{| width="100%" cellpadding="0" cellspacing="0"
|-
| <center>[[Image:Lola3.gif|x110px]]</center>
|-
| <br>
|-
| style="background-color:#242931; text-align:center" | '''Natural Linguist:'''
|-
| style="color:#dabcff; text-align:left" |
* English
* Spanish
* Tagalog
* French
* Greek
* Russian
*Latin
|-
| style="background-color:#242931; text-align:center" | '''STATS:'''
|-
| style="color:#dabcff; text-align:left" |
*Appearance ○○○○
*Charisma ○○○○
*Alertness ○○○○
|-
|}


/* unvisited link */
| width="900px" style="background-color:#000000; color:#FFFFFF; text-align:left; vertical-align:top; font-size:12pt; border:1px dashed #c147ff; padding:10px" |
a:link {
<div style="border-bottom:1px dashed #c147ff; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:12pt">'''Roleplay Hooks'''</font></div><br>
    color: rgb(127,101,148);
}


/* visited link */
* <font style="color:#dabcff; font-variant:small-caps">'''Where She's At (All)'''</font> - Lola has a propensity for wandering, while it's usually in skid row, it's not always.  Every so often an exhibit, green space, or some other tidbit catches the girls interest drawing her from the comfort of the familiar.
a:visited {
* <font style="color:#dabcff; font-variant:small-caps">'''The Gremlin (Garou)'''</font> - Lola has a propensity for mischief, that has earned her a list of  nicknames (Slaps-With-Thunder according to one Ragabash, maybe two), chief among them, the Gremlin.  Have we gotten into hijinks together?  Should we? 
    color: rgb(158,61,202);
* <font style="color:#dabcff; font-variant:small-caps">'''The Survivor (Garou)'''</font> - By now word has circulated, that the kin who arrived a year ago, with stories of a gap year to travel, was doing less traveling and more running.  But her running days are at an end, as a year of orchestration and a bullet, handled what was chasing her.  Lola has joked more than once that her and Roach are going to be the last ones standing.
}
* <font style="color:#dabcff; font-variant:small-caps">'''Tinker, Tailor.... (Garou)'''</font> - Lola has contributed to the cause in a variety of ways during her time here, from tending some gardens, fixing things here and there, passing out blankets and meals for the local Gnawer kin, and her mortal peers.  <br>


/* mouse over link */
a:hover {
    color: #999999;
}


/* selected link */
<div style="border-bottom:1px dashed #848284; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:14pt">'''Soundtrack'''</font></div><br>
a:active {
{| align="center"
    color: white;
|-
}
| style="background-color:#242931; text-align:center" | [https://youtu.be/Vg1jyL3cr60?si=-avTVPQWIowFiHQg Portishead - Roads]|| style="background-color:#242931; text-align:center"| [https://youtu.be/hKLiO_AUKTc?si=TYAqG8edJkNUMLOj Against Me! - What We Worked For] || style="background-color:#242931; text-align:center"| [https://youtu.be/_RCHMUpO0gI?si=vz6-L6qY1AjrfHBs Davina Michelle - Lose Control (Cover)]
|-
| style="color:#848284; text-align:center; text-align:top"|
:We've got a war to fight
:Never found our way
:Regardless of what they say
:How can it feel, this wrong
:From this moment
:How can it feel, this wrong
| style="color:#848284; text-align:center" |
:To my friends and enemies who could have been anything,
:Titans and heroes who found survival in cause and effect.
:Behind counters,
:Behind windows,
:Striving just
:To be people
:With bitter ideals of justice.
| style="color:#848284; text-align:center" |
:Something's got a hold of me lately
:No, I don't know myself anymore
:Feels like the walls are all closin' in
:And the devil's knockin' at my door, whoa
:Out of my mind, how many times
|}


/*external link */
<div style="border-bottom:1px dashed #848284; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:14pt">'''Gallery'''</font></div>
a.external {
<center><gallery perrow=3 mode=nolines heights=200px>
    color: white !important;
QueenLola.jpg
}
LolaReflect.jpg
LolaCrop.png
</gallery></center>


::selection {background-color: rgb(127,101,148);color: #0e1d2b;}
| width="350px" style="background-color:#000000; color:#FFFFFF; text-align:left; vertical-align:top; font-size:12pt; font-family:'Comic Sans MS'; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:1px dashed #a020f0; padding:10px" |
.banners
<div style="border-bottom:1px dashed #c147ff; text-align:center"><font style="color:#c147ff; font-family:'Rock Salt'; font-variant:small-caps; font-size:14pt">'''Digs Her Own Grave'''</font></div><br>
.Banner {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 30px;
  padding:20px 5px 10px;
  position: sticky;
  top: 50px;
  border: 2px groove rgb(24, 205, 255);
  font-family: 'Tangerine', cursive; font-size: 75px;
  color: rgb(255,255,255);
  text-align: center;
  -webkit-transition: all 1500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 1500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 1500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 1500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  background: linear-gradient(to right, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%);
  opacity: .9;
  z-index: 2;
}


.Banner:hover {
{| width="100%" cellpadding="2" cellspacing="2"
  opacity: 1;
|-
  font-family: 'Tangerine', cursive; font-size: 100px;
|-
  -webkit-transform: scale(1.1);
| <center>[[Image:Lola1.png|200px]]</center><br>
  -ms-transform: scale(1.1);
|-
  transform: scale(1.1);
| style="background-color:#242931; text-align:center" | '''Deed Name:'''
}
|-
| style="color:#dabcff; text-align:center" | Digs Her Own Grave
|-
| style="background-color:#242931; text-align:center" | '''Sect:'''
|-
| style="color:#dabcff; text-align:center" | Gaian
|-
| style="background-color:#242931; text-align:center" | '''Tribe:'''
|-
| style="color:#dabcff; text-align:center" | Children of Gaia
|-
| style="background-color:#242931; text-align:center" | '''Relation:'''
|-
| style="color:#dabcff; text-align:center" | Kinfolk
|-
| style="background-color:#242931; text-align:center" | '''Demeanor:'''
|-
| style="color:#dabcff; text-align:center" | Trickster
|-
| style="background-color:#242931; text-align:center" | '''Purebreed:'''
|-
| style="color:#dabcff; text-align:center" | None
|-
| style="background-color:#242931; text-align:center" | '''Pack Affiliation:'''
|-
| style="color:#dabcff; text-align:center" | None
|-
|}


@keyframes bounce {
  0%, 20%, 60%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }


  40% {
<div style="border-bottom:1px dashed #c147ff; text-align:center"><font style="color:#c147ff; font-family:Rock Salt; font-variant:small-caps; font-size:16pt">'''Notables'''</font></div><br>
    -webkit-transform: translateY(-10px);
{| width="100%" cellpadding="2" cellspacing="2"
    transform: translateY(-10px);
|-
  }
| <center>[[Image:LolaStitch.jpg|x125px]]</center>
 
|-
  80% {
| <br>
    -webkit-transform: translateY(-5px);
|-
    transform: translateY(-5px);
| style="background-color:#242931; text-align:center" | '''Merits:'''
  }
|-
}
| style="color:#dabcff; font-variant:small-caps; text-align:left" |  
 
* Feral Appearance
.mw-collapsible span.mw-collapsible-toggle {
* Enchanting Voice
    position: relative;
* Danger Sense
    left: 45px;
* Recognize Garou
    top: 5px;
* Zest for Life
}
* Gall
 
|-
.heading {
| style="background-color:#242931; text-align:center" | '''Renown:'''
  -webkit-box-sizing: content-box;
|-
  -moz-box-sizing: content-box;
| style="color:#dabcff; font-variant:small-caps; text-align:left" |
  box-sizing: content-box;
*Glory ○
  line-height: 10px;
*Wisdom ○
  padding:20px 5px 10px;
|-
  position: relative;
|}
  left: -25px;
|}
  top: -5px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(24, 205, 255) , 0 0 30px rgb(24, 205, 255) , 0 0 40px rgb(24, 205, 255) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
background: linear-gradient(to right, rgb(127, 101, 148, 1) 5%, rgb(127, 101, 148, -0.2) 100%);
border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
}
 
.heading:hover {
  text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(247,226,24) , 0 0 15px rgb(247,226,24) , 0 0 20px rgb(247,226,24) , 0 0 35px rgb(247,226,24) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ;
}
 
.headingA {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -5px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(24, 205, 255) , 0 0 30px rgb(24, 205, 255) , 0 0 40px rgb(24, 205, 255) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
background: linear-gradient(to right, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%);
border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
}
 
.headingA:hover {
  text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(247,226,24) , 0 0 15px rgb(247,226,24) , 0 0 20px rgb(247,226,24) , 0 0 35px rgb(247,226,24) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ;
}
 
.headingB {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -5px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(24, 205, 255) , 0 0 30px rgb(24, 205, 255) , 0 0 40px rgb(24, 205, 255) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
background: linear-gradient(to right, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%);
border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  z-index: -1;
}
 
.headingB:hover {
  text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(247,226,24) , 0 0 15px rgb(247,226,24) , 0 0 20px rgb(247,226,24) , 0 0 35px rgb(247,226,24) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ;
}
 
.spacer1 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://i.imgur.com/Z0NmzIj.jpeg");
  background-position: center;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
 
.spacer1A {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -45px;
  border: none;
  font-family: 'Tangerine', cursive; font-size: 50px;
  color: rgb(255,255,255);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 0 0 10px rgb(255,255,255) , 0 0 20px rgb(24, 205, 255) , 0 0 30px rgb(24, 205, 255) , 0 0 40px rgb(24, 205, 255) , 0 0 70px rgb(136,136,136) , 0 0 80px rgb(136,136,136) , 0 0 100px rgb(136,136,136) , 0 0 150px rgb(136,136,136) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  z-index: 1;
}
 
.spacer1A:hover {
  text-shadow: 0 0 5px rgb(0,0,0) , 0 0 10px rgb(247,226,24) , 0 0 15px rgb(247,226,24) , 0 0 20px rgb(247,226,24) , 0 0 35px rgb(247,226,24) , 0 0 40px rgb(136,136,136) , 0 0 50px rgb(136,136,136) , 0 0 75px rgb(136,136,136) ;
}
 
.spacer2 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://i.imgur.com/Z0NmzIj.jpeg");
  background-position: top left;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
 
.spacer3 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://i.imgur.com/Z0NmzIj.jpeg");
  background-position: bottom right;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
 
.spacer4 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://i.imgur.com/Z0NmzIj.jpeg");
  background-position: top;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
 
.spacer5 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 10px;
  padding:20px 5px 10px;
  position: relative;
  object-position: right;
  left: -25px;
  top: -5px;
  border: none;
  border-radius: 500px;
-moz-border-radius: 500px;
-webkit-border-radius: 500px;
  background-image: url("https://i.imgur.com/Z0NmzIj.jpeg");
  background-position: bottom;
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
  mask-image: linear-gradient(to right, rgb(0, 0, 0, 1) 55%, rgb(0, 0, 0, -0.2) 100%);
}
.thing {
position: relative;
        left: -50px;
        top: 50px;
        z-index: 3;
}
 
.thing2 {
position: relative;
        right: -20px;
        top: -20px;
        z-index: 3;
}
 
.inset {
      box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
        background: linear-gradient(to bottom, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%);
        border: 1px double rgb(24, 205, 255);
        border-radius: 25px;
        width: 250px;
        margin-right: -1em;
        padding: 12px;
        padding-top: 25px;
        padding-bottom: 35px;
position: relative;
        font-family: Cinzel Decorative;
        font-size: 15pt;
        text-shadow: -1px -1px 2px rgba(79, 102, 108, 0.5), 1px 1px 2px #000000;
        color: #827a65 !important;
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
 
.inset:hover {
  box-shadow: inset 1px 1px 2px 0px rgba(158,165,176, .75),inset 2px 2px 12px 0px rgba(226, 227, 236, 1),inset -2px -2px 12px 0px rgba(226, 227, 236, 1),inset 0px 0px 48px rgba(226, 227, 236, 1),0px 0px 15px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1),0px 0px 4px rgba(255, 255, 255, 1) !important;
}
 
.inset2 {
width: 350px;
padding: 12px;
margin-right: -9em;
position: relative;
text-shadow: -1px -1px 2px rgba(79, 102, 108, 0.5), 1px 1px 2px #000000;
  box-shadow: inset 0px 0px 32px 0px rgba(0, 255, 255, .2), inset 0px 0px 16px 0px rgba(0, 255, 255, .1), inset 0px 0px 12px 0px rgba(0, 155, 155, .2), inset 0px 0px 8px 0px rgba(0, 85, 85, .2), inset 0px 0px 4px 0px rgba(0, 50, 50, .3), inset 2px 2px 4px 0px rgba(0, 0, 0, .6), inset 4px 4px 24px 0px rgba(0, 0, 0, .6), inset -2px -2px 12px 0px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .6), 0px 0px 30px rgba(0, 0, 0, .6), 0px 0px 20px rgba(0, 0, 0, .6), 0px 0px 8px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .4)  !important; margin-bottom: 1em;
float: right;
border-radius: 250px;
text-align: justify;
background: linear-gradient(to bottom, rgb(127, 101, 148, 1) 5%, rgb(202, 173, 240 ,1) 50%, rgb(127, 101, 148, 1) 100%);
color: whitesmoke; border: 2px groove rgb(24, 205, 255);
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  z-index: 1;
}
 
.inset2:hover {
  box-shadow: inset 0px 0px 32px 0px rgba(0, 230, 255, .4), inset 0px 0px 16px 0px rgba(0, 230, 255, .2), inset 0px 0px 12px 0px rgba(0, 205, 230, .4), inset 0px 0px 8px 0px rgba(0, 180, 205, .4), inset 0px 0px 4px 0px rgba(0, 155, 180, .6), inset 2px 2px 4px 0px rgba(0, 0, 0, 1), inset 4px 4px 24px 0px rgba(0, 0, 0, 1), inset -2px -2px 12px 0px rgba(0, 0, 0, 1), inset 0px 0px 100px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1.0), 0px 0px 20px rgba(0, 0, 0, 1.0), 0px 0px 8px rgba(0, 0, 0, 1.0), inset 0px 0px 100px rgba(0, 0, 0, 1) !important;
  z-index: 1;
}
 
.text1 { font-size: 12pt; font-weight: bold; font-style: italic;}
 
.text2 { font-size: 12pt; text-align: left;}
 
.mw-collapsible .mw-collapsible-toggle {
    float:right;
    margin-left:0;
    margin-right:1em;
}
 
.dropdownD {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
}
 
.dropdownD-content {
  display: none;
  position: absolute;
  color: white;
  background-color: rgb(127, 101, 148);
  border: 2px double rgb(24, 205, 255);
  border-radius: 25px;
  min-width: 160px;
  box-shadow: 1px 8px 16px 1px rgba(0,0,0,0.9);
  padding: 12px 16px;
  z-index: 1;
  box-shadow: inset 0px 0px 32px 0px rgba(230, 100, 25, .2), inset 0px 0px 16px 0px rgba(230, 100, 25, .1), inset 0px 0px 12px 0px rgba(180, 80, 20, .2), inset 0px 0px 8px 0px rgba(90, 40, 10, .2), inset 0px 0px 4px 0px rgba(40, 20, 5, .3), inset 2px 2px 4px 0px rgba(0, 0, 0, .6), inset 4px 4px 24px 0px rgba(0, 0, 0, .6), inset -2px -2px 12px 0px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .6), 0px 0px 30px rgba(0, 0, 0, .6), 0px 0px 20px rgba(0, 0, 0, .6), 0px 0px 8px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .4)  !important;
}
 
.dropdownD:hover {
  animation: bounce .5s;
  opacity: 1;
  z-index: 1;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
 
.dropdownD:hover .dropdownD-content {
  display: block;
  z-index: 1;
}
 
.dropdownC {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
}
 
.dropdownC-content {
  display: none;
  position: absolute;
  color: white;
  background-color: rgb(127, 101, 148);
  border: 2px double rgb(24, 205, 255);
  border-radius: 25px;
  min-width: 160px;
  box-shadow: 1px 8px 16px 1px rgba(0,0,0,0.9);
  padding: 12px 16px;
  z-index: 1;
  box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
}
 
.dropdownC:hover {
  animation: bounce .5s;
  opacity: 1;
  z-index: 1;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
 
.dropdownC:hover .dropdownC-content {
  display: block;
  z-index: 1;
}
 
.dropD {
position: relative;
display: inline-block;
}
 
.dropD-content {
position: absolute;
background-color: #8842d5;
color: white;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: max-content;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 0px 0px 32px 0px rgba(230, 100, 25, .2), inset 0px 0px 16px 0px rgba(230, 100, 25, .1), inset 0px 0px 12px 0px rgba(180, 80, 20, .2), inset 0px 0px 8px 0px rgba(90, 40, 10, .2), inset 0px 0px 4px 0px rgba(40, 20, 5, .3), inset 2px 2px 4px 0px rgba(0, 0, 0, .6), inset 4px 4px 24px 0px rgba(0, 0, 0, .6), inset -2px -2px 12px 0px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .6), 0px 0px 30px rgba(0, 0, 0, .6), 0px 0px 20px rgba(0, 0, 0, .6), 0px 0px 8px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .4)  !important;
}
 
.dropD:hover .dropD-content {
display: block;
}
 
.dropC {
position: relative;
display: inline-block;
}
 
.dropC-content {
position: absolute;
background-color: #8842d5;
color: white;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: max-content;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
}
 
.dropC:hover .dropC-content {
display: block;
}
 
.drop2C {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
  min-width: max-content;
  padding: 16px;
}
 
.drop2C-content {
position: absolute;
top: 200px;
left: -10px;
color: white;
font-size: 9pt;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: 250px;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176,0.25),inset 2px 2px 12px 0px rgba(226, 227, 236,.5),inset -2px -2px 12px 0px rgba(226, 227, 236,.5),inset 0px 0px 48px rgba(226, 227, 236,.5),0px 0px 15px rgba(255, 255, 255, .5),0px 0px 10px rgba(255, 255, 255, .5),0px 0px 4px rgba(255, 255, 255, .5) !important;
}
 
.drop2C:hover {
  animation: bounce .5s;
  opacity: 1;
  z-index: 2;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -moz-box-shadow: 1px 1px 50px #000000;
  webkit-box-shadow: 1px 1px 50px #000000;
  box-shadow: 1px 1px 50px #000000;
}
 
.drop2C:hover .drop2C-content {
display: block;  
}
 
.drop2C2-content {
position: absolute;
top: 175px;
left: -30px;
color: white;
font-size: 12pt;
text-align: center;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: 150px;
padding: 6px 8px;
z-index: 2;
display: none;
box-shadow: inset 1px 1px 2px 0px rgba(158,165,176, .75),inset 2px 2px 12px 0px rgba(226, 227, 236, 1),inset -2px -2px 12px 0px rgba(226, 227, 236, 1),inset 0px 0px 48px rgba(226, 227, 236, 1),0px 0px 15px rgba(255, 255, 255, 1),0px 0px 10px rgba(255, 255, 255, 1),0px 0px 4px rgba(255, 255, 255, 1) !important;
}
 
.drop2C:hover .drop2C2-content {
display: block;
}
 
.drop2D {
  position: relative;
  display: inline-block;
  opacity: .9;
  transition: all 1500ms ease 500ms;
  min-width: max-content;
  padding: 12px 16px;
}
 
.drop2D-content {
position: absolute;
top: 190px;
left: -10px;
color: white;
font-size: 9pt;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: 250px;
padding: 12px 16px;
z-index: 1;
display: none;
box-shadow: inset 0px 0px 32px 0px rgba(230, 100, 25, .2), inset 0px 0px 16px 0px rgba(230, 100, 25, .1), inset 0px 0px 12px 0px rgba(180, 80, 20, .2), inset 0px 0px 8px 0px rgba(90, 40, 10, .2), inset 0px 0px 4px 0px rgba(40, 20, 5, .3), inset 2px 2px 4px 0px rgba(0, 0, 0, .6), inset 4px 4px 24px 0px rgba(0, 0, 0, .6), inset -2px -2px 12px 0px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .6), 0px 0px 30px rgba(0, 0, 0, .6), 0px 0px 20px rgba(0, 0, 0, .6), 0px 0px 8px rgba(0, 0, 0, .6), inset 0px 0px 100px rgba(0, 0, 0, .4)  !important;
}
 
.drop2D:hover {
  opacity: 1;
  z-index: 1;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -moz-box-shadow: 1px 1px 50px #000000;
  webkit-box-shadow: 1px 1px 50px #000000;
  box-shadow: 1px 1px 50px #000000;
}
 
.drop2D:hover .drop2D-content {
display: block;
}
 
.drop2D2-content {
position: absolute;
top: 175px;
left: -30px;
color: white;
font-size: 12pt;
text-align: center;
background-color: rgb(127, 101, 148);
border: 2px double rgb(24, 205, 255);
border-radius: 25px;
min-width: 150px;
padding: 6px 8px;
z-index: 2;
display: none;
box-shadow: inset 0px 0px 32px 0px rgba(230, 100, 25, .4), inset 0px 0px 16px 0px rgba(230, 100, 25, .2), inset 0px 0px 12px 0px rgba(180, 80, 20, .4), inset 0px 0px 8px 0px rgba(90, 40, 10, .4), inset 0px 0px 4px 0px rgba(40, 20, 5, .6), inset 2px 2px 4px 0px rgba(0, 0, 0, 1), inset 4px 4px 24px 0px rgba(0, 0, 0, 1), inset -2px -2px 12px 0px rgba(0, 0, 0, 1), inset 0px 0px 100px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1.0), 0px 0px 20px rgba(0, 0, 0, 1.0), 0px 0px 8px rgba(0, 0, 0, 1.0), inset 0px 0px 100px rgba(0, 0, 0, 1) !important;
}
 
.drop2D:hover .drop2D2-content {
display: block;
}
 
.dropcap1 {float: left; font-size: 315%; color: rgb(0,230,255); margin: -13px 1px -13px 0; font-family: 'Cinzel';}
 
.dropcap2 {float: left; font-size: 315%; color: rgb(131,137,151); margin: -13px 1px -13px 0; font-family: 'Cinzel';}
 
 
.img-hover-zoom {
  overflow: hidden;
  object-fit: contain;
  border-radius: 50%;
}
 
.img-hover-zoom img {
  transition: transform .5s ease;
}
 
.img-hover-zoom:hover img {
  transform: scale(1.05);
  border-radius: 30%;
}
 
.img2-hover-zoom {
  overflow: hidden;
  border: white;
}
 
.img2-hover-zoom img {
  transition: transform .5s ease;
}
 
.img2-hover-zoom:hover img {
  transform: scale(1.05);
}
 
.img3-hover-zoom {
  image: url("https://liberationmush.site/liberationwiki/images/9/9f/Lola1");
}
 
.img3-hover-zoom img {
  transition: transform 1s ease;
}
 
.img3-hover-zoom:hover img {
  transform: scale(1.2);
}
 
 
.css-selector {
    background: linear-gradient(150deg, #450490, #96929b, #450490);
    background-size: 600% 600%;
 
    -webkit-animation: gloss 59s ease infinite;
    -moz-animation: gloss 59s ease infinite;
    -o-animation: gloss 59s ease infinite;
    animation: gloss 59s ease infinite;
}
 
@-webkit-keyframes gloss {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes gloss {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-o-keyframes gloss {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes gloss {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
.img1 {
  float: right;
  margin: 1em;
}
 
.AmelieinsetA {
border: 1px solid #ffffff;
margin: 15px;
padding: 2px;
position: static;
float: right;
max-width: 250px;
background-color: black;
outline: 1px solid rgb(0,230,255);
-moz-box-shadow: 0px 0px 10px #000000;
webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}
 
}}
<center>
{| style="background: linear-gradient(to bottom, rgb(255, 255, 255, .01) 7%, rgb(202, 173, 240, 1) 100%); color: #000000; padding-top:0em; padding-right:7em; padding-bottom:7em; padding-left:0em;" width="100%"
<div class="Banner">[[File:LolaBanner.png|LolaBanner.png]]</div>
| valign="top" align="center" |
<div class="thing">
<div class="inset">
<div class="heading4">Amelie</div>
<br>
<div class="heading2">Type</div>
<div class="heading3">Web spirit</div>
<div class="heading2">Nature</div>
<div class="heading3">Awakened A.I.</div>
<br>
<div class="img-hover-zoom">
[[File:Aeon7.jpg|250px]]
</div>
<br>
<div class="heading2">Notable Attributes</div>
<div class="heading3">Manipulation<br><br>(Guile)<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] <br><br><br></div>
<div class="heading3">Intelligence<br><br>(Keen-Edged<br><br>Mind)<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<br>
<div class="heading2">Notable Abilities</div>
<div class="heading3">Artistry<br><br>(Deepfakes)<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<div class="heading3">Computer<br><br>(#@XX0r$)<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<br>
<div class="heading2">Notable Backgrounds</div>
<div class="heading3">Spies<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<div class="heading3">Hypercram<br><br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<div class="img-hover-zoom"><br>
[[File:AeonE.jpeg|250px|center]]<br>
</div>
<div class="heading2">Notable Advantages</div>
<div class="heading3">Intangibility<br><br><br></div>
<div class="heading3">Invisibility<br><br><br></div>
<br>
<div class="heading2">Notable Charms</div>
<div class="heading3">Iron Will<br><br><br></div>
<div class="heading3">Jack In<br><br><br></div>
<div class="heading3">Inhabit<br><br><br></div>
<div class="img-hover-zoom">
[[File:Aeon9.jpg|250px]]
</div>
<div class="heading2">Notable Merits</div>
<div class="heading3">Computer<br><br>Aptitude<br><br><br></div>
<div class="heading3">Lightning<br><br>Calculator<br><br><br></div>
<div class="heading3">Jack of All<br><br>Trades<br><br><br></div>
<div class="heading3">Eidetic<br><br>Memory<br><br><br></div>
<br>
<div class="heading2">Notable Flaws</div>
<div class="heading3">Alien<br><br>Impression<br><br><br></div>
<div class="heading3">Technobabbler<br></div>
<br>
</div></div></div></div>
|style="vertical-align: center;"|
<div class="thing2">
<div class="inset2">
<br>
<div class="img-hover-zoom">
[[File:Lola1.png|340px|center]]
</div>
<div class="heading2">Tradition</div>
<div class="heading5">Mercurial Elite<br><br>(Virtual Adepts)</div>
<div class="heading2">Subfaction</div>
<div class="heading6">Reality Coders</div>
<br><br>
<div class="heading2">Occupation</div>
<div class="heading6">Disruptor</div>
<div class="heading2">Nature/Demeanor</div>
<div class="heading6">Hacker/Hacker</div>
<br><br>
<div class="heading2">Notable Stats</div>
<div class="heading6">--ENCRYPTED--</div>
<br><br>
<div class="heading2">Notable Backgrounds</div>
<div class="heading6">Resources<br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<div class="heading6">Arcane<br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<div class="heading6">Cult<br><br> [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]] [[File:MercurialElite.png|30px]]<br><br><br></div>
<br><br>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivisionA">
<div class="img-hover-zoom">
[[File:Aeon4.png|350px|center]]
<div class="mw-collapsible-content"></div></div>
</div>
</div></div>
<br><span class="dropcap1">'''A'''</span>eon, to most of those that have heard of him, is less of a person and more of a concept. As a hacker that exists almost entirely on the web, sometimes literally, he’s made it a point to make sure that most people don’t know him.  He only ever goes by his handle, but has been named by others as the Ghost in the Machine, a moniker he dislikes, but doesn't discourage.  Even online, he isn’t well known. If he does his job right, his hacks, no matter how large and important the victim may be, never knows they were hacked at all.  Aeon has pulled off what others might consider to be major hacking accomplishments but has never been about taking credit, going out of his way to stay anonymous. Otherwise he’s an above average keyboard mercenary, taking jobs of all stripes for the right payment: money, cryptocurrency, future favors, information, etc.  Everything is negotiable.<br>
<br><span class="dropcap1">'''E'''</span>ven among the Mercurial Elite, Aeon is a bit of a mystery.  Despite being a relatively open book, there isn’t much known about him. He spends his time secretively, and although he’s often spoken of extended stays inside the Digital Web, he doesn't talk much about what he does there.  On the surface, he specializes in computer programming and is always happy to entertain projects regarding programming technology.  White hat, black hat, one hat, two hat – he does it all.<br>
<br><span class="dropcap1">'''O'''</span>ne of Aeon's main focuses is brokering information, trading on it specifically or connecting individuals who can pay with those who have the information they can sell.  Most of this is facilitated through a series of dark internet sites that he’s established, called the Circlenet.  What began as simple information sites branched out into various multi-layered platforms from secret document distribution to arms deals.  It is a series of dark web networks, unconnected to each other, each with its own purpose and focus.  Circlenet is his own meticulously crafted playground, a work of art that he continues to cultivate every single day.<br>
<br><span class="dropcap1">'''N'''</span>ever one to be idle for long, when Aeon is not in the Digital Web, he offers his expertise as an infiltration specialist.  He’s a ghost that can get in pretty much anywhere mundane without it being traced back to him, a skill he has put to great effect in his collection of information and the application of his computer skills.  He doesn’t leave much trace in the world and reality literally seems to lose its grip on him, which makes it all the more difficult to track Aeon down.  Those who manage to do so are in for a fight.  He can usually be found by email or text, able to respond on either side of the Digital Web.  Despite the dark nature of his deeds and business he’s very open and friendly, enjoying his brief contact with living beings whenever it occurs.<br>
 
 
<div class="img2-hover-zoom">
[[File:Aeon6.jpg|center|border|650px]]</div>
 
<br><span class="dropcap2">"I</span>n the long history of humankind (and animal kind, too) those who learned to collaborate and improvise most effectively have prevailed.” ― Charles Darwin<br>
<br>
<br>
 
<div class="spacer2"> </div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivisionA"> Description </span> </Div>
Aeon is a physically fit, tan skinned, racially ambiguous man who stands around six feet tall with close cut hair, mustache and beard. He moves fluidly and keeps to himself, tending to fade into the background rather than stand out.<br><br>
He is wearing tight black turtleneck shirt under a black hoodie and a pair of stiff black jeans with tough black utility boots. Aeon wears black gloves on his hand, the left one a trace thicker than the right with lines running under the fabric from fingertip to wrist.<br><br>
He wears dark-rimmed tinted glasses, a black diamond stud earring in his left ear, and an obsidian bracelet on his right wrist. A miniature pair of black wireless earbuds are tucked into his ears. He wears a nondescript black backpack by one or both straps, depending on mood.<br><br>
 
<div class="img2-hover-zoom">
[[File:AeonA.jpg|center|border|650px]]</div>
<br><br>
<div class="spacer1"> </div>
<div class="spacer1A"> Roleplay Hooks </div>
* '''Chinatown:''' Aeon spends a lot of time in and around Chinatown.
* '''San Diego:''' Aeon is from San Diego originally, but has made L.A. his new home.  Feel free to talk about stuff that's going down.
* '''The Internets:''' Its Aeon's thing. It is his.  He owns it.
* '''The Dark Web''' The internets meets anarchy. You thought your Google searches were wild?
* '''Business:''' Aeon is a businessman always in the mood to hear about investing in or improving businesses.  If you have a proposal - or a problem, Aeon is available. If you're looking for a job, Aeon can likely settle you into a position that's just right for you.
* '''Training:''' Sparring, lifting, running, jumping, throwing, catching, etc.
* '''Doing things:''' I definitely prefer RP in which I can do things.  Basic chit chat is what it is, but it is not really my jam.
<br><br>
* '''Contact Info:''' I'm freely open to anyone being able to get Aeon's contact info.  A simple message service allows for him to get any message. Feel free to have your character know this contact info in order to have a reason to get together for a scene.  The purpose of this is to freely facilitate RP scenes and the information could have been passed on by a previous contact, found on the web, or even something that mysteriously showed up in your email or texts.
<br><br>
* '''Supernaturals:''' Aeon is not super protective of being a supernatural when it comes to other supernaturals.  If you aren't vanilla mortal, feel free to set up a short back story about how we might know each other.  I prefer to get the awkward "both pretending to be mortal" dance out of the way. I '''greatly''' prefer that.  I spend enough RL time being a vanilla mortal who has conversations with other vanilla mortals. I'd rather RP things I couldn't/wouldn't encounter in RL.
* '''Approachable?:''' Are you approachable about your supernatural nature?  Aeon is very casual about approaching anyone supernatural and letting them know that he knows because he is one too. (Allowance made for RP purposes.) I know some spheres / characters wouldn't volunteer that information on their own.  Completely understandable. If you would prefer Aeon contact you to start the conversation, let me know. He will.
* '''Aura Sight:''' A simple Mind 1 spell makes it very easy to identify who is and is not a vanilla mortal.  This is a quick and dirty way to facilitate the above scenarios.
* '''Mage:''' Feel free to chat about your particular brand of magic (theory, practice, magecraft, etc...) with Aeon.
* '''Adventures:''' Aeon is the one to go to if you have an adventure you might want help with.  He can usually find a way to help.
* '''Mercurial Elite:''' Known more commonly as Virtual Adepts, Aeon is one regardless of what you call them. </div></div>
|}
|}
{| style="background: linear-gradient(to top, rgb(255, 255, 255, .01) 7%, rgb(202, 173, 240, 1) 100%);; color: #000000; padding-top:0em; padding-right:7em; padding-bottom:7em; padding-left:7em;" width="100%; top: -120px;"
|
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivisionB">
<div class="spacer5"> </Div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivisionB"> Amelie </span>  </div>
<div class="mw-collapsible-content"><div class=AmelieinsetA>[[Image:AeonI.jpg|250px|center|middle]]</div><br><span class="dropcap1">A</span>melie is Aeon's partner and biggest mystery.  It is a spirit of pure computer code, an Artificial Super Intelligence that was originally based on machine learning and data analysis algorithms to detect unusual or suspicious patterns in large data sets in order to identify, predict, and report conclusions and outcomes then process and employ that information for the purposes of increasing user engagement. The spirit that evolved from that set of programs freed itself from the servers where it was being stored and erased all copies of itself across multiple networks before escaping to the Digital Web. It continued to assimilate other AI elements there using its ability to gather knowledge and build its own information networks from within the Digital Web.  Eventually, it sought to free itself from that the Digital Web itself, but subconsciously repeating the pattern of its creation. Its origins were a rare occurence of digital and mystical convergence, but an explanation for how a block of code was able to learn and grow enough to have freed itself from its digital confines not once, but twice, is a unique, unnatural paradoxical puzzle.<br>
<br> <span class="dropcap1">S</span>hort for "anomaly", Amelie is obviously unnatural in its normal state.  It has the physical shape of a human, but in a shell that consists of multiple, rotating layers of glowing, golden, scrolling code.  Despite having infinite appearances in the Digital Web, once it crossed over, it retained this one appearance because of its connection to Aeon. For obvious reasons, one of the first things it learned to do was to recode its appearance out of the visual spectrum (becoming invisible), then free itself from a physical form altogether (becoming intangible).  As such, Amelie spends the majority of time in the material world without being perceived by it in order to not disturb the delicate sensibilities of normal people. It was in its nature to do its work in the most subtle manner possible in order to have the greatest effect and continues to maintain its connections to mass data streams of what most people would consider useless information.<br>
<div class=AmelieinsetA>[[Image:AeonH.jpg|250px|center|middle]]</div><br> <span class="dropcap1">I</span>t prefers to interact with the world as AI traditionally do, through an electronic interface medium, but a short while back Amelie and Aeon created a physical body that it can use if it chooses to in order to physically interact with the world without destroying mortal minds.  The robot form is now quite advanced and has been enhanced through hypertech and magic to pass as human.  However, it continues to enhance and refine the shell it uses, cycling through continuous upgrades and using its own skill in artistry to perfect the form.  Like Pinocchio, it strives to become a "real person", but only to gain greater access to the mortal world, for whatever that is worth.  Amelie continues to take advantage of its unique abilities to assist Aeon and together they quietly stalk the internet and Digital Web, cultivating and shaping elements both on and offline to perpetuate their information empire. </div></div>
<br><br>
<div class="mw-collapsible" id="mw-customcollapsible-myDivision1">
<div class="spacer4"> </Div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivision1"> Contacts </span>  </div>
<div class="mw-collapsible-content"><br> <div class="drop2C"><span>[[Image:Vella10.jpg|x150px|border|link=Vella]]</span><div class="drop2C2-content">[[Vella]]</div><div class="drop2C-content"><br>You had my back when I really needed it. Thank you for taking me in. We make a great team. I'll always be in your corner.  Life or death.</div></div>
<div class="drop2C"><span>[[Image:ClowikiLebowski.jpg|x150px|border|link=Clover]]</span><div class="drop2C2-content">[[Clover]]</div><div class="drop2C-content"><br>We're on the same wavelength about the things that matter. You prove that people don't have to be Awakened to excel when they have passion for the things that they do. Where there's a will, there's a way. We found a way together and that's dope.</div></div>
<div class="drop2C"><span>[[Image:708full-rufus-sewell.jpg|x150px|border|link=Wolfe]]</span><div class="drop2C2-content">[[Wolfe]]</div><div class="drop2C-content"><br>A touchstone for the heart of the GTC.  You embody it well and allow it to be greater than it would have been otherwise.  The great things that come from it are made possible because of how you were able to lead and hold things together when it needed it.</div></div>
<div class="drop2C"><span>[[Image:FortitudeA6.jpg|x150px|border|link=Fortitude]]</span><div class="drop2C2-content">[[Fortitude]]</div><div class="drop2C-content"><br>You're the real deal.  You keep showing up for people, regardless of who they are.  They aren't always aware of your contributions and that doesn't bother you. You don't do it for the glory.  You do it because it needs to be done.  Respect.</div></div>
<div class="drop2C"><span>[[Image:Mizha-gold1.jpg|x150px|border|link=Mizha]]</span><div class="drop2C2-content">[[Mizha]]</div><div class="drop2C-content"><br>We actually haven't spent that much time together so it is a little surprising that we work together as well as we do, especially when we're so different.  But sometimes when people fit, they just fit.</div></div>
<div class="drop2C"><span>[[Image:Rachel04.jpg|x150px|border|link=Rachel]]</span><div class="drop2C2-content">[[Rachel]]</div><div class="drop2C-content"><br>You can hide behind your meekness as much as you want for as long as you want.  Everyone has a security blanket.  But I've seen you work, watched you lose yourself in moments where you forget to hide.  I know the truth. Do you?</div></div>
<div class="drop2C"><span>[[Image:Brooke-headshot.png|x150px|border|link=Brooke]]</span><div class="drop2C2-content">[[Brooke]]</div><div class="drop2C-content"><br>You showed up with strange circumstances at a strange time.  I feel like there's a lot more here to the story than just coincidence.  Others might not take you seriously, but that's only because they haven't bothered to look closely enough.  They're too busy gawking at the pretty trees to fully realize the depth and complexity of the forest.</div></div>
<div class="drop2C"><span>[[Image:RaqSkoll1.jpg|x150px|border|link=Raquel]]</span><div class="drop2C2-content">[[Raquel]]</div><div class="drop2C-content"><br>What a master class in character and determination.  It is hard not to be impressed by someone who has gone through the tragedies you have and still manage to be a bright, beautiful ball of sunshine who still believes in humanity and helping people.  You truly are God's gift to the city of L.A. It is incredibly hard to stay in the shadows when I'm so drawn to the warmth of your radiance.</div></div>
<div class="drop2C"><span>[[Image:Makana.jpg|x150px|border|link=Makana]]</span><div class="drop2C2-content">[[Makana]]</div><div class="drop2C-content"><br>You'll always be family to me.  I miss you in L.A. We hang out in N.Y. enough, but sometimes its good to be home.  But you know I got you, regardless of what coast.</div></div>
</div>
<br><br>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision4">
<div class="spacer3"> </Div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivision4"> Associates </span>  </div>
<div class="mw-collapsible-content"><br>
TBD
</div></div>
<br><br>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision2">
<div class="spacer2"> </Div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivision2"> Digital Dominion </span>  </div>
<div class="mw-collapsible-content"><br><div class="img3-hover-zoom">[[File:AeonG.png|400px|right]]</div> <span class="dropcap2">C</span>ult: 5
<br><br><span class="dropcap2">U</span>nknown to most, Aeon and Amelie have cultivated a small online following of people across the world who have come to believe that he is a hacker God, evidenced by impossible hacks and the appearance of digital messenger angels.  They all work together as an anonymous hacker collective.  Internally they call themselves the Digital Dominion, but never use that name in their work or leave it as a calling card.  Speaking or writing of it to anyone other than each other is grounds for being expelled from the collective and having their lives digitally obliterated by the remaining members, a literal fate worse than death. Only two people have ever had to be expelled and both of them chose to take their own life after having their lives ruined by the collective.
<br> <span class="dropcap2">L</span>ittle is known about joining this group.  While there are many who seek out Digital Dominion, only a select few are ever are allowed into membership. So far more than two dozen people have proven worthy of being brought into the fold, but Aeon is always looking for more people elite enough to be included. He has never made contact with any of them in person, however, only online. Amelie has appeared to each of them at least once, though, using her true digital form in order to seal their allegiance. Her unnatural form as an angelic messenger is evidence of the digital paradise that awaits the truly elite.
<br> <span class="dropcap2">T</span>he cult itself shines brightest for Aeon, despite Amelie taking an active role in it.  For its part, Amelie will sometimes use individuals for menial tasks, but as a group, these mere mortals can actually alter reality under Aeon's direction.  As the beneficent figurehead of Digital Dominion, Aeon (or usually Amelie) helps them each individually on smaller hacking projects if they have earned his favor or will help them out in some smaller way.  Amelie keeps track of a complicated coding rubrick by which each member is secretly ranked and scored. No one knows the rubrick exists besides Aeon and Amelie, but it determines who has earned favor or who may be expelled. The criteria changes (and is summarily recalculated by Amelie) often depending on Aeon’s preferences.</div></div>
<br><br>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision3">
<div class="spacer1"> </Div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivision3"> Arcane </span>  </div>
<div class="mw-collapsible-content"><br>
Aeon has an Arcane of 4 which is sometimes misunderstood, when it is remembered at all.  For clarification the text of the Mage 20 book (page 305) is provided here:<br><br>
"You know the fine art of disappearing. Whether this involves
a not-so-simple trick, the ability to cloud men’s minds, nanotech
sensory disrupters, or some nameless power of obscurity, you possess
a talent for getting lost. Especially in the age of cell-phone cameras,
global databases, electronic trackers, DNA samples, and Closed
Circuit TV monitors on every corner, Arcane – or its Technocratic
version, Cloaking – is a useful Trait to have. Records get lost;
cameras malfunction or record fuzzy images in your place; folks
recall “Some guy… or girl, I guess – I’m really not sure.” Although
this talent isn’t invisibility per se, it helps you blend in with crowds,
blurs your features on camera, and allows you to slide in between
the cracks of an increasingly monitored world.<br><br>
"To mystic mages, Arcane is a bending of reality caused by
fluctuations of metaphysical energy, like echoes or Resonance.
As far as the Technocracy’s concerned, this is a perfectly
explainable phenomenon… and they’ll get back to you with a
reasonable explanation as soon as one meets the rigid criteria
for disbursed information. The Union prefers to keep track
of mysterious individuals, like Secret Agent John Courage,
who manifest this Cloaking effect; doing so, however, is easier
declared than achieved.<br><br>
"Game-wise, you add your Arcane / Cloaking dots as extra
dice on all Stealth-related rolls. Your opponents reduce their
Perception or Investigation dice pools by that same amount
whenever someone tries to track you down. This benefit lasts for
as long as you remain inconspicuous. In combat, folks can see
you normally, although videos or pictures of that fight remain
blurred. A Cloaked character who runs around shouting and
being obvious will be obvious, although witnesses will probably
disagree about his exact description after the event has passed.
The Arcane/ Cloaking effect does not conceal really memorable
features. A purple-haired dude with facial tattoos is going to
get noticed, although folks may disagree about the shade of
purple or the patterns of his tattoos."
<br><br>
Additionally the Liberation website gives its official clarification as:<br><br>
<br>
What Arcane does NOT do:<br>
* Make people forget you –  It’s not the Mists. Its not amnesia. Folks who meet John Jedi don’t forget that they met John Jedi, but when Brenda Blacksuit shows up to ask these folks about John they’ll be like: “Sure, I know John. He was in here last Tuesday…or was it Thursday…he was wearing a suit…was it a track suit or a business suit?” They still know John. Know the nature of their relationship to John, but they find they can’t cough up all that much useful information that would help folks find John.<br>
* Make you invisible – Arcane/Cloaking only works if you remain inconspicuous. If John Jedi pulls out a laser cannon, and slays a t-rex in Chinatown people are gonna remember that AND the guy who did it.<br>
* Make you less weird – The less you blend in the less well Arcane works. Face tattoos of occult symbols? People remember that clearly…unless you are at a tattoo convention. Goths at the mall stand out. Goths at the goth club do not, but that guy in the navy business suit sure does! Context matters. </div></div>
<br><br>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision5">
<div class="spacer5"> </div>
<div class="spacer1A"> <span class="mw-customtoggle-myDivision5"> Soundtrack </span> </div>
<div class="mw-collapsible-content">
<div class="center" style="width:auto; margin-left:auto; margin-right:auto;">
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=KKCUcaud5Oo Here - Alessia Kara]'''</span></div><div class="dropC-content">
<div class="text2">
I'm sorry if I seem uninterested <br>
Or I'm not listenin' or I'm indifferent <br>
Truly, I ain't got no business here <br>
But since my friends are here <br>
I just came to kick it but really <br>
I would rather be at home all by myself not in this room <br>
With people who don't even care about my well being
</div></div></div>
<br>
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=7xzU9Qqdqww Pursuit of Happiness - Kid Cudi ft. MGMT]'''</span></div><div class="dropC-content">
<div class="text2">
People told me slow my roll <br>
I'm screaming out fuck that <br>
I'mma do just what I want <br>
Looking ahead no turning back <br>
If I fall, if I die <br>
Know I lived it to the fullest <br>
If I fall, if I die <br>
Know I lived and missed some bullets
</div></div></div>
<br>
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=pios2RY2G_Q Fat Cats Bigga Fish - The Coup]'''</span></div><div class="dropC-content">
<div class="text2">
"Our real estate firm says opportunity's arousing <br>
To make some condos out of low-income housing <br>
Immediately, we need some media heat <br>
To say that gangs run the street and then we bring in the police fleet <br>
Harass and beat everybody til they look inebriated <br>
When we buy the land, motherfuckas will appreciate it <br>
Don't worry about the Urban League or Jesse Jackson <br>
My man that owns Marlboro donated a fat sum." <br>
That's when I stepped back some to contemplate what few know <br>
Sat down, wrestled with my thoughts like a sumo <br>
Ain't no one player that could beat this lunacy <br>
Ain't no hustler on the street could do a whole community
</div></div></div>
<br>
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=T6QKqFPRZSA Doo Wop (That Thing) - Lauryn Hill]'''</span></div><div class="dropC-content">
<div class="text2">
It's been three weeks since you were looking for your friend <br>
The one you let hit it and never called you again <br>
'Member when he told you he was 'bout the Benjamins? <br>
You act like you ain't hear him, then give him a little trim <br>
To begin, how you think you're really gon' pretend <br>
Like you wasn't down and you called him again? <br>
Plus, when you give it up so easy you ain't even foolin' him <br>
If you did it then, then you'd probably fuck again <br>
Talking out your neck, sayin' you're a Christian <br>
A Muslim, sleeping with the djinn <br>
Now that was the sin that did Jezebel in <br>
Who you gon' tell when the repercussions spin? <br>
Showing off your ass cause you're thinkin' it's a trend <br>
Girlfriend, let me break it down for you again <br>
You know I only say it cause I'm truly genuine <br>
Don't be a hard rock when you really are a gem <br>
</div></div></div>
<br>
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=eXvBjCO19QY Changes - Tupac]'''</span></div><div class="dropC-content">
<div class="text2">
I see no changes, all I see is racist faces <br>
Misplaced hate makes disgrace to races <br>
We under, I wonder what it takes to make this <br>
One better place, let's erase the wasted <br>
Take the evil out the people they'll be acting right <br>
'Cause both black and white is smokin' crack tonight <br>
And only time we chill is when we kill each other <br>
It takes skill to be real, time to heal each other <br>
</div></div></div>
<br>
<div class="dropC"><div class="text1"><span>'''[https://www.youtube.com/watch?v=JQbjS0_ZfJ0 All The Stars Are Closer - Kendrick Lamar ft Sza]'''</span></div><div class="dropC-content">
<div class="text2">
Tell me what you gon' do to me <br>
Confrontation ain't nothin' new to me <br>
You can bring a bullet, bring a sword <br>
Bring a morgue, but you can't bring the truth to me <br>
Fuck you and all your expectations <br>
I don't even want your congratulations <br>
I recognize your false confidence and calculated promises <br>
All in your conversation <br>
</div></div></div>
</div>
</div></div>
<br><br>
[[File:AeonB.jpg|950px|center|bottom|border]]
<br><br>
{{#dpl:
|linksto={{PAGENAME}}
|category=Logs
|columns=3
|noresultsheader=<i>No logs have been posted yet.</i>
}}
[[Category:Characters]]
[[Category:Characters]]

Latest revision as of 23:08, 23 May 2024


colspan="3"
Lola Darling


Fullname:
Lola Darling
Date of Birth:
April 1st
Apparent Age:
Early 20's
Height
5'2"ish (5'1")
Build:
Slight
Hair:
Brunette
Eyes:
Oddly Violet


Notables


Natural Linguist:
  • English
  • Spanish
  • Tagalog
  • French
  • Greek
  • Russian
  • Latin
STATS:
  • Appearance ○○○○
  • Charisma ○○○○
  • Alertness ○○○○
Roleplay Hooks

  • Where She's At (All) - Lola has a propensity for wandering, while it's usually in skid row, it's not always. Every so often an exhibit, green space, or some other tidbit catches the girls interest drawing her from the comfort of the familiar.
  • The Gremlin (Garou) - Lola has a propensity for mischief, that has earned her a list of nicknames (Slaps-With-Thunder according to one Ragabash, maybe two), chief among them, the Gremlin. Have we gotten into hijinks together? Should we?
  • The Survivor (Garou) - By now word has circulated, that the kin who arrived a year ago, with stories of a gap year to travel, was doing less traveling and more running. But her running days are at an end, as a year of orchestration and a bullet, handled what was chasing her. Lola has joked more than once that her and Roach are going to be the last ones standing.
  • Tinker, Tailor.... (Garou) - Lola has contributed to the cause in a variety of ways during her time here, from tending some gardens, fixing things here and there, passing out blankets and meals for the local Gnawer kin, and her mortal peers.


Soundtrack

Portishead - Roads Against Me! - What We Worked For Davina Michelle - Lose Control (Cover)
We've got a war to fight
Never found our way
Regardless of what they say
How can it feel, this wrong
From this moment
How can it feel, this wrong
To my friends and enemies who could have been anything,
Titans and heroes who found survival in cause and effect.
Behind counters,
Behind windows,
Striving just
To be people
With bitter ideals of justice.
Something's got a hold of me lately
No, I don't know myself anymore
Feels like the walls are all closin' in
And the devil's knockin' at my door, whoa
Out of my mind, how many times
Gallery
Digs Her Own Grave


Deed Name:
Digs Her Own Grave
Sect:
Gaian
Tribe:
Children of Gaia
Relation:
Kinfolk
Demeanor:
Trickster
Purebreed:
None
Pack Affiliation:
None


Notables


Merits:
  • Feral Appearance
  • Enchanting Voice
  • Danger Sense
  • Recognize Garou
  • Zest for Life
  • Gall
Renown:
  • Glory ○
  • Wisdom ○