Difference between revisions of "Etienne"

From Fate's Harvest
Jump to: navigation, search
(Created page with "__NOTOC__ __NOEDITSECTION__ <css> @import 'https://fonts.googleapis.com/css?family=Caveat'; @import 'https://fonts.googleapis.com/css?family=Monoton'; @import 'https://fonts....")
 
 
(12 intermediate revisions by one other user not shown)
Line 1: Line 1:
__NOTOC__ __NOEDITSECTION__
 
 
 
<css>
 
<css>
@import 'https://fonts.googleapis.com/css?family=Caveat';
+
@import 'https://fonts.googleapis.com/css?family=Playfair+Display+SC';
@import 'https://fonts.googleapis.com/css?family=Monoton';
+
@import 'https://fonts.googleapis.com/css?family=Unica+One';
+
  
h1.firstHeading { display: none }
+
.info
.heading2 { text-align:left; line-height: 14px; padding:20px 5px 0px; font-family: 'Unica One', cursive; font-size: 14px; color: #e10404; font-weight: bold;}
+
{
.heading3 { text-align:left; line-height: 28px; padding:20px 5px 0px; font-family: 'Caveat', cursive; font-size: 20px; color:#ffffff;}
+
   width: 296px;
.heading4 { text-align:left; line-height: 22px; padding:20px 5px 0px; font-family: 'Unica One', cursive; font-size: 18px; color:#fc1515;}
+
   background-color: black;
.heading5 { text-align:left; line-height: 20px; padding:20px 5px 0px; font-family: 'Caveat', cursive; font-size: 50px; color:#ffffff;}
+
   border-radius: 25px;
 
+
   border:3px solid #FFFFFF;
ul {list-style: disc;}
+
   align: center;
 
+
   margin-left: -75px;
/* unvisited link */
+
   padding: 5px;
a:link {
+
    color: white;
+
}
+
 
+
/* visited link */
+
a:visited {
+
    color: white;
+
}
+
 
+
/* mouse over link */
+
a:hover {
+
    color: gray;
+
    text-decoration: none;
+
}
+
 
+
/* selected link */
+
a:active {
+
    color: white;
+
}
+
 
+
/*external link */
+
a.external {
+
    color: white !important;
+
}
+
 
+
.box {
+
  text-align:center;
+
  border:5px solid #e00505;
+
   width:1000px;
+
  border-radius:20px;
+
  margin: auto;
+
  animation: border-flicker 2s linear infinite;
+
   background-color:#000000;
+
}
+
 
+
 
+
.h1 {
+
   color:#fc1515;
+
  font-family: 'Monoton', cursive;
+
   font-size:54px;
+
  letter-spacing:10px;
+
  animation: text-flicker 3s linear infinite;
+
}
+
 
+
#offset {
+
  animation: letter-flicker 2s linear infinite;
+
}
+
 
+
@keyframes text-flicker {
+
   0% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
   }
+
 
+
  2% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  8% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
   }
+
  9% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  12% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px rgba(242, 22, 22, 1);
+
  }
+
  20% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
  25% {
+
    opacity:0.3;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
  30% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
 
+
  70% {
+
    opacity:0.7;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
 
+
  72% {
+
    opacity:0.2;
+
    text-shadow:0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
 
+
  77% {
+
    opacity:.9;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
  100% {
+
    opacity:.9;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1)
+
  }
+
}
+
 
+
@keyframes border-flicker {
+
  0% {
+
    opacity:0.1;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
  2% {
+
    opacity:1;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
  4% {
+
    opacity:0.1;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
 
+
  8% {
+
    opacity:1;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
  70% {
+
    opacity:0.7;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
  100% {
+
    opacity:1;
+
    -webkit-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
-moz-box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
box-shadow: 0px 0px 78px 4px rgba(16,134,232,0.73);
+
  }
+
}
+
 
+
@keyframes letter-flicker {
+
  0% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  2% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  4% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
 
+
 
+
  19% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  21% {
+
    opacity:0.1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  23% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
 
+
  80% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  83% {
+
    opacity:0.4;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
  87% {
+
    opacity:1;
+
    text-shadow: 0px 0px 29px rgba(242, 22, 22, 1);
+
  }
+
}
+
 
+
#wrapper {
+
 
   text-align: center;
 
   text-align: center;
}
+
  color:#ffffff;
#center {
+
   margin-top: 15px;
   display: inline-block;
+
 
}
 
}
  
.title {
+
.title
   color: #fa0e0e;
+
{
 +
   font-family:'Playfair Display SC',CenturyGothic, AppleGothic, sans-serif;
 
   font-size: 40px;
 
   font-size: 40px;
  font-weight: 100;
+
   letter-spacing: 5px;
  font-variant: small-caps;
+
   letter-spacing: .2em;
+
  padding: 0px;
+
  text-shadow: 0px 0px 20px #a00a0a;
+
  vertical-align: middle;
+
 
}
 
}
  
.vignette{
+
.subtitle
   position: relative;
+
{
   width: 400px;
+
   font-family:'Playfair Display SC',CenturyGothic, AppleGothic, sans-serif;
  max-width: 90%;
+
   font-size: 20px;
  margin: 0 auto;
+
   letter-spacing: 3px;
  cursor: pointer;
+
   margin-top: 10px;
+
 
}
 
}
  
.vignette img{
+
.logs
   position: absolute;
+
{
   width: 100%;
+
   color: white;
   margin-top: 10px;
+
   font-size: 10pt;
 +
  font-weight: lighter;
 +
  font-family: Verdana,Arial,sans-serif;
 +
   line-height: 10pt;
 
}
 
}
  
.vignette .overlay{
+
a:link {color: #BFC1C2;}
  opacity: 0;
+
a:visited {color: #C0C0C0;}
  transition: opacity 2s;
+
a:hover {color: #C0C0C0;}
}
+
 
+
.vignette:hover .overlay{
+
  opacity: 1;
+
}
+
 
+
.grow:hover
+
{
+
        -webkit-transform: scale(1.7);
+
        -ms-transform: scale(1.7);
+
        transform: scale(1.7);
+
}
+
  
 
</css>
 
</css>
  
<center>
+
{| width="900" align="center" style="border-radius: 25px; background-color: #000000; color: #FFFFFF; font-family:'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif"
 +
| style = "padding-left: 10px; padding-right: 10px; spacing: 0px; margin: 20px;vertical-align:top"|
  
{| style="background: #000000; color: #ffffff; padding-top:0em; border-radius:20px;" width="1000px"
+
<div class="info">
 +
{| cellpadding="0" width="290"
 
|-
 
|-
|colspan="2"|
+
|<div><center>
 
+
{|
<div class="box">
+
{| width="1000px"
+
 
|-
 
|-
| width="50%"|[[File:Etienne-tattoo-shop.jpg|center]]
+
|colspan=2 style="text-align:center"|[[image:Etienne.jpg|275px]]
|}
+
</div>
+
</center>
+
 
|-
 
|-
|width="400px" style="vertical-align: top; padding-right: 0.2em; padding-left: 0.2em;"|
+
|colspan=2|<hr/>
<div class="vignette">
+
<div class="img><div class="underlay">[[File:Leonie1.jpg|400px]]</div></div>
+
<div class="img><div class="overlay">[[File:Leonie2.jpg|400px]]</div></div>
+
</div>
+
 
+
{|style="background: #000000; color: #ffffff; padding-top: 550px; padding-right: 2em; padding-left: 2em;" width="100%"
+
 
|-
 
|-
| class="left" | <div class="heading2">full name</div>
+
|'''Full Name'''
| <div class="heading3">Leonie 'Leo' Radcliff</div>
+
| Etienne Renee Ladet
 
|-
 
|-
| class="left" | <div class="heading2">place&nbsp;of&nbsp;birth</div>
+
| '''Birthdate'''
| <div class="heading3">Fallcoast</div>
+
| July 07, 1991
 
|-
 
|-
| class="left" | <div class="heading2">date&nbsp;of&nbsp;birth</div>
+
|'''Age'''
| <div class="heading3">18 Feb 1994</div>
+
| 26
 
|-
 
|-
| class="left" | <div class="heading2">apparent&nbsp;age</div>
+
| '''Place of Birth'''
| <div class="heading3">20s</div>
+
| New Orleans, La
 
|-
 
|-
| class="left" | <div class="heading2">occupation</div>
+
|'''Occupation'''
| <div class="heading3">Bartender at the [[Queen_of_Hearts_Lounge | Queen of Hearts]]</div>
+
| Tattoo Artist
 
|-
 
|-
| class="left" | <div class="heading2">virtue/vice</div>
+
|'''Sphere'''
| <div class="heading3">Mettle/Arrogance</div>
+
| Psychic
 
|-
 
|-
| colspan="2" | &nbsp;
+
|'''Virtue'''
 +
| Wrath
 
|-
 
|-
| class="left" | <div class="heading2">presence</div>
+
|'''Vice'''
| style="padding:10px 5px 0px;" | {{Dots|4|5}}
+
| Fortitude
 
|-
 
|-
| class="left" | <div class="heading2">brawl</div>
+
|}
| style="padding:10px 5px 0px;" | {{Dots|4|5}}
+
-----
 +
'''Fame 3''': Over the last few years Etienne's skill has earned him his fair share of fame in the tattoo community.
 +
[[File:Etienne2.jpg|275px]]
 +
</center>
 +
<br/><span class=subtitle>Contacts</span><br/>
 +
: <li> [[Emilienne]] - Little sister. Sass problems. Intervention planed for June.<br/>
 +
: <li> '''Title Here''' - Text Goes Here<br/>
 +
: <li> '''Title Here''' - Text Goes Here<br/>
 +
: <li> '''Title Here''' - Text Goes Here<br/>
 +
</div>
 +
|}
 +
</div>
 +
|
 +
{|width="500px" style="color: black;"|
 
|-
 
|-
| class="left" | <div class="heading2">intimidation</div>
+
|<br/><span class=subtitle>Snapshot Observations</span><br/>
| style="padding:10px 5px 0px;" | {{Dots|4|5}}
+
 
|-
 
|-
| class="left" | <div class="heading2">specialties</div>
+
|
| <div class="heading3">Persuasion: Over a Drink</div>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac orci ac turpis imperdiet interdum malesuada non enim. Nullam et diam dui, vitae suscipit dui. Duis non nunc diam, a bibendum lorem. Cras semper mollis dui sed imperdiet. Donec interdum, est hendrerit porta gravida, ipsum est condimentum mauris, eu dictum erat eros non quam. Vestibulum gravida quam dolor, convallis vulputate elit. Maecenas in odio ac augue lacinia luctus et at dui. Praesent at mi augue, non convallis leo. Ut gravida congue neque, in blandit ante elementum non. [[File:Etienne3.jpg|right|250px]]Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vel scelerisque felis. Duis hendrerit euismod nisi, vitae pharetra orci suscipit at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed ultricies felis. Cras vel ipsum neque, at placerat massa. Integer et leo vitae purus porttitor viverra vel et ipsum. <br/>
 
|-
 
|-
| class="left" | <div class="heading2">noteworthy<br><br><br><br><br><br><br></div>
+
|<br/><span class=subtitle>RP Hooks</span><br/>
| <div class="heading3">Striking Looks 1: Intense<br> Predator's Bearing<br>Sweet-Voiced Fiend<br>Extraordinary Specimen</div>
+
 
|-
 
|-
| colspan="2" | &nbsp;
+
|
|}
+
: <li> '''Title Here''' - Text Goes Here<br/>
 
+
: <li> '''Title Here''' - Text Goes Here<br/>
 
+
: <li> '''Title Here''' - Text Goes Here<br/>
|width="500px" style="vertical-align: top; padding-right: 2em;"|
+
: <li> '''Title Here''' - Text Goes Here<br/>
 
+
{|
+
|<div class="heading4">Description</div>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac orci ac turpis imperdiet interdum malesuada non enim. Nullam et diam dui, vitae suscipit dui. Duis non nunc diam, a bibendum lorem. Cras semper mollis dui sed imperdiet. Donec interdum, est hendrerit porta gravida, ipsum est condimentum mauris, eu dictum erat eros non quam. Vestibulum gravida quam dolor, convallis vulputate elit. Maecenas in odio ac augue lacinia luctus et at dui. Praesent at mi augue, non convallis leo. Ut gravida congue neque, in blandit ante elementum non. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vel scelerisque felis. Duis hendrerit euismod nisi, vitae pharetra orci suscipit at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed ultricies felis. Cras vel ipsum neque, at placerat massa. Integer et leo vitae purus porttitor viverra vel et ipsum. <br/>
+
 
+
|}
+
 
+
{|
+
|<div class="heading4">Hooks</div>
+
* '''Hook Title:''' Description.
+
* '''Hook Title:''' Description.
+
* '''Hook Title:''' Description.
+
* '''Hook Title:''' Description.
+
|}
+
 
+
 
+
<div class="heading4">Playlist</div>
+
{|style="width:100%; margin: auto;"
+
|style="width:50%;"|<div class="link"><div class="heading3">[https://www.youtube.com/watch?v=uCLVOdjNXrM Kiss It]</div></div>
+
<span style="font-size: 9px;">''Mama she don't like my walk <br>Daddy he don't like my talk <br>My baby told me "Listen here, a woman need a man." <br>All I gotta say to you is "Kiss it baby, " yeah''</span>
+
|style="width:50%;"|<div class="link"><div class="heading3">[https://www.youtube.com/watch?v=ogDnZFbkBxY Hit Me Like a Man]</div></div>
+
<span style="font-size: 9px;">''I am strong, <br>love is evil <br>It's a version of perversion <br>that is only for the lucky people''</span>
+
 
|-
 
|-
|style="width:50%;"|<div class="link"><div class="heading3">[https://www.youtube.com/watch?v=vzFUESHaDJk Sex Metal Barbie]</div></div>
+
|<br/><span class=subtitle>Logs</span><br/>
<span style="font-size: 9px;">''Excuse me can you tell me what you've heard about my life <br>Maybe a dirty little fairy tale, a girl of the night <br>I heard that I grew up filthy, a trailer park queen <br>Drop out pregnant statistical teen''
+
|style="width:50%;"|<div class="link"><div class="heading3">[https://www.youtube.com/watch?v=3OGtu91HvZ0 Bloody Creature Poster Girl]</div></div>
+
<span style="font-size: 9px;">''Darling I don't need no princes <br>I'm no damsel in distress <br>The only thing I'm needing is for you to be bleeding <br>From my homicidal kiss''
+
|}
+
<br><br>
+
 
+
{|style="width:100%; margin: auto;"
+
|style="width:25%;"|<span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[File:Leonie3.jpg|center|125px]]</span>
+
|style="width:25%;"|<span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[File:Leonie4.jpg|center|125px]]</span>
+
|style="width:25%;"|<span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[File:Leonie5.jpg|center|125px]]</span>
+
|style="width:25%;"|<span style="display: inline-block; overflow: hidden; border-radius: 20px;">[[File:Leonie6.jpg|center|125px]]</span>
+
|}
+
 
+
 
|-
 
|-
|style="padding-left:2em" colspan="2"| <div class="heading4"><div id="text">Connections</div></div>
+
|<font class=logs>{{ RP Logs | name = Soren| columns = 3 | ordermethod = gamedate }}</font>
 
+
|-
{|style="width:90%; margin: auto;"
+
|
|style="width:45%; margin: auto;"|<div class="link">
+
'''Mama Candy:''' ''Boss Ass Bitch, Surrogate Mom.'' <br>
+
'''[[Wolf|Wolfie]]:''' ''My favourite pain in the ass.'' <br>
+
'''[[Kilo]]:''' ''Gets the credit for all that awesome ink.'' <br>
+
</div>
+
|style="width:45%; margin: auto;"|<div class="link">
+
'''[[Dahlia]]:''' ''Rawr.'' <br>
+
'''[[Splash]]:''' ''Not too attitudey, all things considered.'' <br>
+
'''[[Hawker]]:''' ''Cute. Knows it.'' <br>
+
</div>
+
 
|}
 
|}
 
+
[[File:Etienne-tattoo-shop.jpg|600px|center]]
 
|-
 
|-
|style="padding-left:2em" colspan="2"| <div class="heading4"><div id="text">Lo<span id="offset">g</span>s</div></div>
 
 
 
{|style="width:90%; margin: auto;"
 
| style="width:50%;" | <div class="link">
 
<div class="heading3">
 
{{ #dpl:
 
|userdateformat='''d M y''' 
 
|namespace=Logs
 
|linksto=Leonie
 
|ordermethod=firstedit
 
|order=ascending
 
|addeditdate=true
 
|shownamespace=false
 
|noresultsheader=<font color="white">''None yet.''</font>
 
|mode=userformat
 
|columns=2
 
|format=<ul>,<li><font color="white">(%DATE%)</font> [[%PAGE%|<font color="white>%TITLE%</font>]],</li>,</ul>
 
}}
 
</div>
 
</div>
 
 
|}
 
|}
  
Line 395: Line 126:
 
| Sample = Etienne.jpg
 
| Sample = Etienne.jpg
 
}}
 
}}
[[category: PCs]][[category: Potential PCs]][[category:Psychic]]
+
{{Character
 +
| use-infobox=No
 +
| char-page-name=Etienne
 +
| fullname=Etienne Ladet
 +
| icon=Etienne-icon.jpg
 +
| portrait=Etienne-icon.jpg
 +
| muxname=Etienne
 +
| played-by=Stephen James
 +
| concept=Tattoo Artist
 +
| occupation=Tattoo Artist
 +
| virtue=Fortitude
 +
| vice=Wrath
 +
| date-of-birth=July 07, 1991
 +
| apparent-age=Mid 20's
 +
| char-type= PC
 +
| char-status=Inactive
 +
| family=
 +
| family-position=
 +
| family-influence=
 +
| template= Psychic
 +
| seeming=
 +
| kith_1=
 +
| kith_2=
 +
| kith_3=
 +
| kith_4=
 +
| court=
 +
| court-position=
 +
| court-influence=
 +
| mantle=
 +
| freehold=
 +
| freehold-position=
 +
| freehold-influence=
 +
| entitlement=
 +
| entitlement-title=
 +
| entitlement-rank=
 +
| motley=
 +
| keeper=
 +
| psy-org=
 +
| tradition=
 +
| ensorcelled=No
 +
}}

Latest revision as of 03:21, 2 March 2020


Etienne.jpg

Full Name Etienne Renee Ladet
Birthdate July 07, 1991
Age 26
Place of Birth New Orleans, La
Occupation Tattoo Artist
Sphere Psychic
Virtue Wrath
Vice Fortitude

Fame 3: Over the last few years Etienne's skill has earned him his fair share of fame in the tattoo community. Etienne2.jpg


Contacts

  • Emilienne - Little sister. Sass problems. Intervention planed for June.
  • Title Here - Text Goes Here
  • Title Here - Text Goes Here
  • Title Here - Text Goes Here

  • Snapshot Observations
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac orci ac turpis imperdiet interdum malesuada non enim. Nullam et diam dui, vitae suscipit dui. Duis non nunc diam, a bibendum lorem. Cras semper mollis dui sed imperdiet. Donec interdum, est hendrerit porta gravida, ipsum est condimentum mauris, eu dictum erat eros non quam. Vestibulum gravida quam dolor, convallis vulputate elit. Maecenas in odio ac augue lacinia luctus et at dui. Praesent at mi augue, non convallis leo. Ut gravida congue neque, in blandit ante elementum non.
    Etienne3.jpg
    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut vel scelerisque felis. Duis hendrerit euismod nisi, vitae pharetra orci suscipit at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed ultricies felis. Cras vel ipsum neque, at placerat massa. Integer et leo vitae purus porttitor viverra vel et ipsum.

    RP Hooks
  • Title Here - Text Goes Here
  • Title Here - Text Goes Here
  • Title Here - Text Goes Here
  • Title Here - Text Goes Here

  • Logs
    No logs have been posted yet.

    Etienne-tattoo-shop.jpg

    Template:Played by