Difference between revisions of "Dusk"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Dusk
imported>Felix
Line 1: Line 1:
[[File:Dusk.jpg]]
+
{{#css:
Aaaaand, done
+
#content, h1, h2 {
 
+
    background-color: #493829 !important;
Full name: Dusk Daniel Ring
+
    color: white !important;
Occupation: Free spirit
+
}
Birthday: June 13, 1995
+
#wrapper {
Age: 22
+
    height: 100%;
Height/Weight 6'2" / 176lbs
+
    width: 100%;
Hair/Eye colour: light brown/green
+
}
Played by: Rafael Lazzini
+
#pagecontent {
DeMEANor: Hedonist (Bon Vivant)
+
    background: white;
 
+
    border: 4px #8f3b1b solid;
Noteable stats/merits/flaws
+
    color: #493829;
  Appearance 3
+
    height: 600px;
  Supporter
+
    margin: 3.5em auto 5em;
  Gold Old Boy
+
    max-height: 600px;
  Way with Words
+
    min-height: 600px;
  Allergy (to latex, baby)
+
    min-width: 740px;
 
+
    padding-left: 250px;
Give me a head with hair, long beautiful hair... the light brown locks flow freely over his shoulders and
+
    position: relative;
    all the way down to the small of his back. His beard is sparse, not connecting with the corners of his
+
    width: 740px;
    moustache, and expressive eyebrows, thin but dense, rest above his moss-green eyes. Even his forearms are in
+
}
    on the hairy act. He tops six feet by an inch or two, with a slender build, and looks to be in his early
+
.background {
    twenties.
+
    height: 100%;
 
+
    left: 0;
* [https://www.youtube.com/watch?v=yRhq-yO1KN8 Imagine - John Lennon]
+
    position: absolute;
* [https://www.youtube.com/watch?v=ZNIeuQXc_QA Here Comes the Sun - The Beatles]
+
    top: 0;
 +
    width: 100%;
 +
}
 +
.portrait {
 +
    height: 100%;
 +
    position: absolute;
 +
    left: 0;
 +
    width: auto;
 +
}
 +
#pagecontent > p {
 +
    margin: 0;
 +
}
 +
.name {
 +
    align-items: center;
 +
    border-bottom: medium none;
 +
    color: transparent;
 +
    display: flex;
 +
    font-size: 4em;
 +
    font-weight: bold;
 +
    height: 2em;
 +
    justify-content: center;
 +
    line-height: 0.5em;
 +
    padding: 0.5em 0;
 +
    text-align: center;
 +
    width: 710px;
 +
}
 +
/*-- Panels --*/
 +
#panels {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: center;
 +
    position: relative;
 +
    width: 710px;
 +
    z-index: 3;
 +
}
 +
.tab {
 +
    font-weight: bold;
 +
    margin-top: -15em;
 +
    order: 1;
 +
    padding-top: 15em;
 +
}
 +
#Overview{
 +
    order: 0;
 +
}
 +
.tab a, *:target ~ #Overview a {
 +
    display: inline-block;
 +
    font-size: 1.125em;
 +
    margin: 0 0.5em 0.5em;
 +
    opacity: 0.5;
 +
    padding: 0 1em;
 +
}
 +
#Overview a, .tab:target a {
 +
    opacity: 1;
 +
}
 +
.panel {
 +
    display: none;
 +
    height: 350px;
 +
    order: 2;
 +
    overflow: auto;
 +
    padding: .75em 0 1.5em;
 +
    width: 100%;
 +
}
 +
#Overview-panel, #Playlist-panel {
 +
    align-items: flex-start;
 +
    flex-flow: row wrap;
 +
    justify-content: space-around;
 +
}
 +
:target ~ #Overview-panel {
 +
    display: none;
 +
}
 +
#Overview-panel, #Overview:target ~ #Overview-panel,
 +
#Playlist:target ~ #Playlist-panel {
 +
    display: flex;
 +
}
 +
#Playlist:target ~ #Playlist-panel {
 +
    justify-content: center;
 +
}
 +
#Playlist-panel > p {
 +
    font-size: 1.25em;
 +
    font-weight: bold;
 +
}
 +
#Desc:target ~ #Desc-panel,
 +
#Gallery:target ~ #Gallery-panel,
 +
#Contacts:target ~ #Contacts-panel {
 +
    display: block;
 +
}
 +
#pagecontent hr {
 +
    background-color: transparent;
 +
    border-bottom: 1px dotted #8f3b1b;
 +
    color: transparent;
 +
    height: 1px;
 +
    margin: 0 0 0.5em;
 +
    opacity: 0.5;
 +
    width: 710px;
 +
}
 +
#panels > hr {
 +
    order: 2;
 +
}
 +
#panels a {
 +
    color: #8f3b1b;
 +
}
 +
#info, #stats {
 +
    max-width: 49%;
 +
    min-width: 250px;
 +
}
 +
#Playlist-panel > ul {
 +
    list-style: none;
 +
    max-width: 47%;
 +
    min-width: 47%;
 +
}
 +
.header {
 +
    border-bottom: 1px dotted #8f3b1b;
 +
    font-size: 1.25em;
 +
    font-weight: bold;
 +
    line-height: 1.75em;
 +
    text-align: center;
 +
}
 +
#Desc-panel {
 +
    text-indent: 3em;
 +
}
 +
#Playlist-panel li::before {
 +
    color: #493829;
 +
    content: "⚜ ";
 +
}
 +
.empty {
 +
    text-align: center;
 +
}
 +
/*-- Tables --*/
 +
th, td {
 +
    text-align: left;
 +
    padding: .25em;
 +
    vertical-align: top;
 +
}
 +
#stats td:nth-child(2) {
 +
    text-align: right;
 +
    width: 100%;
 +
}
 +
#Playlist-panel span {
 +
    display: block;
 +
    text-indent: 3em;
 +
}
 +
.feather {
 +
    height: auto;
 +
    position: absolute;
 +
    width: 200px;
 +
    z-index: 10;
 +
}
 +
.upperleft {
 +
    top: -75px;
 +
    left: -50px;
 +
    transform: scale(1, -1);
 +
}
 +
.lowerright {
 +
    right: -50px;
 +
    bottom: -75px;
 +
    transform: scale(-1, 1);
 +
}
 +
.upperright {
 +
    right: -50px;
 +
    top: -75px;
 +
    transform: scale(-1, -1);
 +
}
 +
.lowerleft {
 +
    left: -50px;
 +
    bottom: -75px;
 +
    transform: scale(1, 1);
 +
}
 +
}}
 +
<div id="wrapper">
 +
<div id="pagecontent">[[File:DuskFeather.png|link=|class=feather upperleft|]][[File:DuskFeather.png|link=|class=feather upperright|]][[File:DuskFeather.png|link=|class=feather lowerleft|]][[File:DuskFeather.png|link=|class=feather lowerright|]][[File:DuskBG.jpg|link=|class=background]][[File:Dusk.png|link=|class=portrait|Dusk]]
 +
<div class="name">Dusk</div>
 +
<hr/>
 +
<div id="panels">
 +
<div id="Desc" class="tab" tabindex="0">[[#Desc|Description]]</div>
 +
<div id="Playlist" class="tab" tabindex="0">[[#Playlist|Playlist]]</div>
 +
<div id="Contacts" class="tab" tabindex="0">[[#Contacts|Subscribers/Contacts]]</div>
 +
<div id="Gallery" class="tab" tabindex="0">[[#Gallery|Gallery]]</div>
 +
<div id="Overview" class="tab" tabindex="0">[[#Overview|Overview]]</div>
 +
<hr/>
 +
<div id="Overview-panel" class="panel">
 +
<div id="info">
 +
<div class="header">Basic Info</div>
 +
{|
 +
|-
 +
!Full name:
 +
|Dusk Daniel Ring
 +
|-
 +
!Occupation:
 +
|Nature Novelist & Youtuber
 +
|-
 +
!Birthday:
 +
|June 13, 1995
 +
|-
 +
!Age:
 +
|22
 +
|-
 +
!Height:
 +
|6'2"
 +
|-
 +
!Weight:
 +
|176lbs
 +
|-
 +
!Hair Colour:
 +
|Light Brown
 +
|-
 +
!Eye Colour:
 +
|Green
 +
|-
 +
!Played by:
 +
|Rafael Lazzini
 +
|-
 +
!DeMEANor:
 +
|Hedonist (Bon Vivant)
 +
|}
 +
</div>
 +
<div id="stats">
 +
<div class="header">Notable Stats</div>
 +
{|
 +
|-
 +
!Appearance:
 +
|{{Flexidot|3|dot-empty=Choc-dot.png|dot-filled=Choc-dot-f.png}}
 +
|-
 +
!Charisma:
 +
|{{Flexidot|3|dot-empty=Choc-dot.png|dot-filled=Choc-dot-f.png}}
 +
|-
 +
| colspan=2 |Supporter
 +
|-
 +
| colspan=2 |Good Old Boy
 +
|-
 +
| colspan=2 |Way with Words
 +
|-
 +
| colspan=2 |Allergy (to latex, baby)
 +
|}
 +
</div>
 +
</div>
 +
<div id="Desc-panel" class="panel">
 +
Give me a head with hair, long beautiful hair... the light brown locks flow freely over his shoulders and all the way down to the small of his back. His beard is sparse, not connecting with the corners of his moustache, and expressive eyebrows, thin but dense, rest above his moss-green eyes. Even his forearms are in on the hairy act. He tops six feet by an inch or two, with a slender build, and looks to be in his early twenties.
 +
</div>
 +
<div id="Playlist-panel" class="panel plainlinks">
 
* [https://www.youtube.com/watch?v=eOCtHjQKySw I'd Love to Change the World - Ten Years After]
 
* [https://www.youtube.com/watch?v=eOCtHjQKySw I'd Love to Change the World - Ten Years After]
* [https://www.youtube.com/watch?v=Tfpn3wHoNGA In a gadda da vida - Iron Butterfly]
+
* [https://www.youtube.com/watch?v=Tfpn3wHoNGA In-A-Gadda-Da-Vida - Iron Butterfly]
 
* [https://www.youtube.com/watch?v=rXVNAeOosP4 All You Need Is Love - The Beatles]
 
* [https://www.youtube.com/watch?v=rXVNAeOosP4 All You Need Is Love - The Beatles]
 
* [https://www.youtube.com/watch?v=9muzyOd4Lh8 Nights in White Satin - Moody Blues]
 
* [https://www.youtube.com/watch?v=9muzyOd4Lh8 Nights in White Satin - Moody Blues]
Line 36: Line 274:
 
* [https://www.youtube.com/watch?v=5aeWicwy7fA White Rabbit - The Jefferson Airplane]
 
* [https://www.youtube.com/watch?v=5aeWicwy7fA White Rabbit - The Jefferson Airplane]
 
* [https://www.youtube.com/watch?v=kiv0hyZqUNk I Love The Flower Girl - The Cowsills]
 
* [https://www.youtube.com/watch?v=kiv0hyZqUNk I Love The Flower Girl - The Cowsills]
* [https://www.youtube.com/watch?v=2LGD4MiSlEs Crimson and Clover - Tommy James and the Shondells]
+
* [https://www.youtube.com/watch?v=2LGD4MiSlEs Crimson and Clover <span>- Tommy James and the Shondells</span>]
 
* [https://www.youtube.com/watch?v=zLXuBEMgtyo Incense and Peppermints - Strawberry Alarm Clock]
 
* [https://www.youtube.com/watch?v=zLXuBEMgtyo Incense and Peppermints - Strawberry Alarm Clock]
 
* [https://www.youtube.com/watch?v=3f33ZUM1RjM She's Not There - The Zombies]
 
* [https://www.youtube.com/watch?v=3f33ZUM1RjM She's Not There - The Zombies]
Line 44: Line 282:
 
* [https://www.youtube.com/watch?v=GKiLEgAzFDQ Us and Them - Pink Floyd]
 
* [https://www.youtube.com/watch?v=GKiLEgAzFDQ Us and Them - Pink Floyd]
 
* [https://www.youtube.com/watch?v=boJlejbuyw0 Pleasant Valley Sunday - The Monkees]
 
* [https://www.youtube.com/watch?v=boJlejbuyw0 Pleasant Valley Sunday - The Monkees]
 +
 
* [https://www.youtube.com/watch?v=AaxSUhG5GSY We Gotta Get Out Of This Place - The Animals]
 
* [https://www.youtube.com/watch?v=AaxSUhG5GSY We Gotta Get Out Of This Place - The Animals]
 
* [https://www.youtube.com/watch?v=B32dBS_1vMc Strawberry Fields Forever - The Beatles]
 
* [https://www.youtube.com/watch?v=B32dBS_1vMc Strawberry Fields Forever - The Beatles]
Line 52: Line 291:
 
* [https://www.youtube.com/watch?v=wUF8fduL8NU Sympathy for the Devil - The Rolling Stones]
 
* [https://www.youtube.com/watch?v=wUF8fduL8NU Sympathy for the Devil - The Rolling Stones]
 
* [https://www.youtube.com/watch?v=rKuLtVXGRp8 Fortunate Son - Creedence Clearwater Revival]
 
* [https://www.youtube.com/watch?v=rKuLtVXGRp8 Fortunate Son - Creedence Clearwater Revival]
* [https://youtu.be/YLmIlVJYEtw You Don't Know What Love Is (You Just Do As You're Told) - White Stripes]
+
* [https://www.youtube.com/watch?v=YLmIlVJYEtw You Don't Know What Love Is (You Just Do As<span>You're Told) - White Stripes</span>]
* [https://youtu.be/apBWI6xrbLY Good Vibrations - The Beach Boys]
+
* [https://www.youtube.com/watch?v=apBWI6xrbLY Good Vibrations - The Beach Boys]
* [https://youtu.be/oLMLvHy_WOk What The World Needs Now Is Love - Jackie DeShannon]
+
* [https://www.youtube.com/watch?v=oLMLvHy_WOk What The World Needs Now Is Love <span>- Jackie DeShannon</span>]
* [https://youtu.be/-NyC6mrutj0 People Are Strange - The Doors]
+
* [https://www.youtube.com/watch?v=-NyC6mrutj0 People Are Strange - The Doors]
 
* [https://www.youtube.com/watch?v=1Z8gStsMxx8 Lola - The Kinks]
 
* [https://www.youtube.com/watch?v=1Z8gStsMxx8 Lola - The Kinks]
 
* [https://www.youtube.com/watch?v=6lZxoHSELZ4 Indian Reservation - Paul Revere and the Raiders]
 
* [https://www.youtube.com/watch?v=6lZxoHSELZ4 Indian Reservation - Paul Revere and the Raiders]
Line 61: Line 300:
 
* [https://www.youtube.com/watch?v=2xQnHUFD5yc Piggies - The Beatles]
 
* [https://www.youtube.com/watch?v=2xQnHUFD5yc Piggies - The Beatles]
 
* [https://www.youtube.com/watch?v=KWkWkKZCnCE A Horse With No Name - America]
 
* [https://www.youtube.com/watch?v=KWkWkKZCnCE A Horse With No Name - America]
* [https://www.youtube.com/playlist?list=PLkW-xSuAN-yT8P-IxUHpOL6IoD8-cqtu_ - playlister]
 
 
No really, aaannd done
 
 
Instead of people I know -- subscribers/contacts
 
  
categories
+
[https://www.youtube.com/playlist?list=PLkW-xSuAN-yT8P-IxUHpOL6IoD8-cqtu_ Full Playlist]
active, fame, streetwise
+
</div>
 +
<div id="Contacts-panel" class="panel empty">
 +
No one yet.
 +
</div>
 +
<div id="Gallery-panel" class="panel empty">
 +
No pics yet.
 +
</div>
 +
</div>
 +
</div>
 +
[[Category: PCs]][[Category: Active PCs]][[Category:Streetwise PC]][[Category: Fame]]

Revision as of 06:12, 12 April 2017

DuskFeather.pngDuskFeather.pngDuskFeather.pngDuskFeather.pngDuskBG.jpgDusk
Dusk


Basic Info
Full name: Dusk Daniel Ring
Occupation: Nature Novelist & Youtuber
Birthday: June 13, 1995
Age: 22
Height: 6'2"
Weight: 176lbs
Hair Colour: Light Brown
Eye Colour: Green
Played by: Rafael Lazzini
DeMEANor: Hedonist (Bon Vivant)
Notable Stats
Appearance: Choc-dot-f.pngChoc-dot-f.pngChoc-dot-f.pngChoc-dot.pngChoc-dot.png
Charisma: Choc-dot-f.pngChoc-dot-f.pngChoc-dot-f.pngChoc-dot.pngChoc-dot.png
Supporter
Good Old Boy
Way with Words
Allergy (to latex, baby)

Give me a head with hair, long beautiful hair... the light brown locks flow freely over his shoulders and all the way down to the small of his back. His beard is sparse, not connecting with the corners of his moustache, and expressive eyebrows, thin but dense, rest above his moss-green eyes. Even his forearms are in on the hairy act. He tops six feet by an inch or two, with a slender build, and looks to be in his early twenties.

No one yet.