Michelle: Difference between revisions
Michelle 1 (talk | contribs) No edit summary |
Michelle 1 (talk | contribs) No edit summary |
||
Line 52: | Line 52: | ||
} | } | ||
/* calc function to fill available space minus 2rem on either side */ | |||
.container { | .container { | ||
font-family: "Open Sans", sans-serif; | font-family: "Open Sans", sans-serif; | ||
Line 68: | Line 69: | ||
} | } | ||
.hooks { | |||
background-image: url('https://i.imgur.com/yacq8Gt.jpg'); | |||
padding-top:1.5rem; | |||
padding-bottom: 1.5rem; | |||
} | |||
.hooks-table { | |||
width: 100%; | |||
padding: 0.25rem 1.0rem; | |||
} | |||
.hook-name { | |||
width: 25%; | |||
} | |||
.hook-note { | |||
width: 75%; | |||
} | |||
/* flex box toolkit taken from W3C reference */ | |||
.flex-container { | .flex-container { | ||
display: flex; | display: flex; | ||
Line 77: | Line 98: | ||
flex: 33%; | flex: 33%; | ||
margin: auto; | margin: auto; | ||
padding: 0.5rem | padding: 0.5rem 1.0rem; | ||
} | } | ||
Line 83: | Line 104: | ||
flex: 25%; | flex: 25%; | ||
margin: auto; | margin: auto; | ||
padding: 0.5rem | padding: 0.5rem 1.0rem; | ||
} | } | ||
Line 89: | Line 110: | ||
flex: 50%; | flex: 50%; | ||
margin: auto; | margin: auto; | ||
padding: 0.5rem | padding: 0.5rem 1.0rem; | ||
} | } | ||
Line 95: | Line 116: | ||
flex: 40%; | flex: 40%; | ||
margin: auto; | margin: auto; | ||
padding: 0.5rem | padding: 0.5rem 1.0rem; | ||
} | } | ||
Line 101: | Line 122: | ||
flex: 60%; | flex: 60%; | ||
margin: auto; | margin: auto; | ||
padding: 0.5rem | padding: 0.5rem 1.0rem; | ||
} | } | ||
Line 211: | Line 232: | ||
}} | }} | ||
<div class="photo-header bg-black">[[ | <div class="photo-header bg-black">[[Image:TorresHeader.jpg|class=img-responsive|link=]]</div> | ||
<div class="character-name bg-black fg-grey">Michelle Torres</div> | <div class="character-name bg-black fg-grey">Michelle Torres</div> | ||
Line 238: | Line 259: | ||
<tr> | <tr> | ||
<td class="col-50 fg-lavender small-title v-top">Clan:</td> | <td class="col-50 fg-lavender small-title v-top">Clan:</td> | ||
<td class="col-50 v-top">Tremere</td> | <td class="col-50 v-top">[[Tremere]]</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 261: | Line 282: | ||
</div> | </div> | ||
<div> | <div class="hooks"> | ||
<div class="section fg-lavender p-2 text-center">Hooks</div> | <div class="section fg-lavender p-2 text-center">Hooks</div> | ||
< | <table class="hooks-table fg-white"> | ||
<tr> | |||
<td class="hook-name fg-lavender v-top">Kindred</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-name fg-lavender v-top">Clan Tremere</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-name fg-lavender v-top">Occultist</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-name fg-lavender v-top">Book Conservation</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-name fg-lavender v-top">Goth/Punk Scene</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
<tr> | |||
<td class="hook-name fg-lavender v-top">Boyle Heights</td> | |||
<td class="hook-note v-top">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis...</td> | |||
</tr> | |||
</table> | |||
</div> | </div> | ||
<div class="m-0 p-0">[[ | <div class="m-0 p-0">[[Image:TorresLibraryBanner.jpg|class=img-responsive|link=]]</div> | ||
<div><p> </p><p> </p><p class="fg-white p-5">Work in Progress</p><p> </p><p> </p></div> | <div><p> </p><p> </p><p class="fg-white p-5 text-center">Work in Progress</p><p> </p><p> </p></div> | ||
<div class="m-0 p-0">[[ | <div class="m-0 p-0">[[Image:TorresFooterImage.jpg|class=img-responsive|link=]]</div> | ||
</div> | </div> |
Revision as of 16:43, 6 June 2023

App Age: | 23 |
Demeanor: | Soldier |
Hometown: | Los Angeles, CA |
Sect: | Camarilla |
Clan: | Tremere |
Sire: | Regent Joseph Ravenfeather |
Position: | Apprentice |
Affiliation: | Los Angeles Chantry San Jose Chantry (Formerly) |
Michelle Torres was born January 16, 1970 in Boyle Heights, Los Angeles, CA where her parents immigrated to from Mexico. She was the first Mexican-American born in her family. Her association with the supernatural occured at a young age, both via her abuela who practiced Santisima Muerte and her own medium-like abilities that afforded her a view into the spirit world.
She is a lifelong occultist, illustrator, and book conservationist whose introduction to Kindred society came after moving to the San Jose area for college. There she drew the attention of Joseph Ravenfeather, Regent of the Tremere Chantry of San Jose (and her eventual sire), while exploring occult bookstores that grew increasingly more niche. Michelle has recently returned to Los Angeles after receiving orders from above to report to the Tremere Chantry of Los Angeles.
Kindred | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |
Clan Tremere | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |
Occultist | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |
Book Conservation | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |
Goth/Punk Scene | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |
Boyle Heights | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut vestibulum ligula, quis tempus quam. Maecenas gravida ipsum vitae risus vehicula venenatis... |

Work in Progress
