Post by Warren Gray on Aug 23, 2024 21:17:22 GMT -7
[nospaces][googlefont=Mr Dafoe:400|Roboto:400,400i,700]
[newclass=.volc_Contain] --volc_accent:#e23c3c; [/newclass]
[newclass=.volc_Contain] width:550px; height:500px; border-radius:5px; overflow:hidden; background-color:#eee; display:flex; justify-content:space-between; [/newclass]
[newclass=.volc_Sidebar] height:100%; width:200px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background-color:#444; position:relative; [/newclass]
[newclass=.volc_SideLink] width:calc(50%); height:50%; display:flex; align-items:center; justify-content:center; color:#7a7a7a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink:hover] background-color:#555555; color:#8a8a8a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink span] font-size:20px!important; [/newclass]
[newclass=.volc_Sidebar img] width:100px; height:100px; border-radius:100%; padding:10px; background-color:#494949; border:1px solid #555; position:absolute; z-index:1; [/newclass]
[newclass=.volc_Animation] width:120px; height:120px; position:absolute; z-index:2; border-radius:100%; border:1px solid transparent; border-right:1px solid var(--volc_accent); animation:1.75s volc_spinner linear infinite; animation-play-state:paused; } @keyframes volc_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.volc_Contain:hover .volc_Animation] animation-play-state:running; [/newclass]
[newclass=.volc_Sidebar:before] content:''; position:absolute; height:100%; width:1px; background-color:#555; [/newclass]
[newclass=.volc_Sidebar:after] content:''; position:absolute; width:100%; height:1px; background-color:#555; [/newclass]
[newclass=.volc_List] position:relative; width:325px; height:calc(100% - 25px); padding-top:25px; padding-right:25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.volc_List div] height:450px; overflow:auto; [/newclass]
[newclass=.volc_List div div] margin-top:25px; padding:0px 25px 0px 80px; height:auto; font:400 10px/14px roboto; color:#7a7a7a; text-align:justify; position:relative; z-index:1; text-shadow:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; [/newclass]
[newclass=.volc_List div div:first-child]margin-top:0px;[/newclass]
[newclass=.volc_List div div h1] margin:0px; font:400 20px/20px mr dafoe; text-transform:lowercase; color:var(--volc_accent); text-align:right; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.volc_List img] width:75px; height:75px; margin-left:-55px; margin-right:10px; border-radius:100%; padding:5px; background-color:#eee; border:1px solid #ccc; position:relative; z-index:1; float:left; [/newclass]
[newclass=.volc_List:before] content:''; position:absolute; height:100%; width:1px; background-color:#ccc; top:0px; left:68px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar] width:11px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-thumb] background-color:var(--volc_accent); border:5px solid #eee; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-track] background-color:#ddd; border:5px solid #eee; [/newclass]
[newclass=.volc_Credit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.volc_Credit a] font:bold 7px roboto!important; [/newclass]
[newclass=.lnr]font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face {font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal;[/newclass]
[newclass=.lnr-calendar-full:before]content:"\e836";[/newclass]
[newclass=.lnr-heart-pulse:before]content:"\e840";[/newclass]
[newclass=.lnr-briefcase:before]content:"\e84c";[/newclass]
[newclass=.lnr-home:before]content:"\e800";[/newclass]
[newclass=.volc_Contain] --volc_accent:#e23c3c; [/newclass]
[attr="class","volc_Contain"]
[attr="class","volc_Sidebar"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-calendar-full"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-heart-pulse"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-briefcase"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-home"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-calendar-full"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-heart-pulse"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-briefcase"]
[attr="class","volc_SideLink"][attr="class","lnr lnr-home"]
[attr="class","volc_Animation"]
[attr="class","volc_List"]
A bittersweet sheen comes over his eyes, a whispering of disappointment, but not aimed at the subjects of the conversations. "If... it weren't for them, I probably would have been a lot worse off. My mom, she helped me look after Penny when she was little so I could study and get this far. Then my dad? Sure, he isn't around all the time, but when he is... he takes an interest and makes sure I, mom and Penny are taken care of... I owe them a lot for... uh... my mischief." There is no elaboration, merely an awkward smile as Warren scratches the back of his head.
The mere mention of the name brings a flicker to his golden eyes. Contempt perhaps? "I don't know what she is doing nowadays, nor do I care really... She is Penny's mother, but... I'm fairly certain I nor my daughter wants anything to do with her." He pauses, contemplating, as though the words he is about to state burn his lips. "But, if she asked to meet her daughter... it would be Penny's choice, not mine."
Immediately, there is light to his expression at the mere mention of her name. An indescribable warmth breathes life into his countenance as a smile settles on his face. "I love her to pieces. Sometimes it's hard to believe that when her mother was pregnant, I was uncertain about fatherhood, but that little girl? One of the best 'mistakes' I made in my life if you can even call her that. I damn well wouldn't. Being a parent that young... it was hard, but if I waited? I wouldn't have Penny, it would be some other kid." The softest laugh leaves his lips, as though recalling memories. "She looks a lot like Marie... but I don't care. That smart, clever and artistic kid is my kid... How could I get hung up on what she looks like? She is my little girl, no matter how tall she grows."
Something about his expression is almost shell-shocked, as though stunned someone would even mention the man long put to rest. Obvious glints of sorrow glisten in the golden hues of his eyes. "I... well... He may not be around anymore, but... My grandfather was a good man... Mom says I'm a lot like him... Thinks spending all that time with him rubbed off on me." A smile brimming with melancholy touches his face. "He is the reason I teach metalworking though... His workshop meant the world to me. It was somewhere to escape when the world got hard..." There is a pause as a gentle frown touches his face. "I just wish he told me he was sick..."
karmella & fenton gray
A bittersweet sheen comes over his eyes, a whispering of disappointment, but not aimed at the subjects of the conversations. "If... it weren't for them, I probably would have been a lot worse off. My mom, she helped me look after Penny when she was little so I could study and get this far. Then my dad? Sure, he isn't around all the time, but when he is... he takes an interest and makes sure I, mom and Penny are taken care of... I owe them a lot for... uh... my mischief." There is no elaboration, merely an awkward smile as Warren scratches the back of his head.
marie fontaine
The mere mention of the name brings a flicker to his golden eyes. Contempt perhaps? "I don't know what she is doing nowadays, nor do I care really... She is Penny's mother, but... I'm fairly certain I nor my daughter wants anything to do with her." He pauses, contemplating, as though the words he is about to state burn his lips. "But, if she asked to meet her daughter... it would be Penny's choice, not mine."
penelope gray
Immediately, there is light to his expression at the mere mention of her name. An indescribable warmth breathes life into his countenance as a smile settles on his face. "I love her to pieces. Sometimes it's hard to believe that when her mother was pregnant, I was uncertain about fatherhood, but that little girl? One of the best 'mistakes' I made in my life if you can even call her that. I damn well wouldn't. Being a parent that young... it was hard, but if I waited? I wouldn't have Penny, it would be some other kid." The softest laugh leaves his lips, as though recalling memories. "She looks a lot like Marie... but I don't care. That smart, clever and artistic kid is my kid... How could I get hung up on what she looks like? She is my little girl, no matter how tall she grows."
Warren "Jack" Marce
Something about his expression is almost shell-shocked, as though stunned someone would even mention the man long put to rest. Obvious glints of sorrow glisten in the golden hues of his eyes. "I... well... He may not be around anymore, but... My grandfather was a good man... Mom says I'm a lot like him... Thinks spending all that time with him rubbed off on me." A smile brimming with melancholy touches his face. "He is the reason I teach metalworking though... His workshop meant the world to me. It was somewhere to escape when the world got hard..." There is a pause as a gentle frown touches his face. "I just wish he told me he was sick..."
[attr="class","volc_Credit"]SELKIE
[newclass=.volc_Contain] width:550px; height:500px; border-radius:5px; overflow:hidden; background-color:#eee; display:flex; justify-content:space-between; [/newclass]
[newclass=.volc_Sidebar] height:100%; width:200px; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; background-color:#444; position:relative; [/newclass]
[newclass=.volc_SideLink] width:calc(50%); height:50%; display:flex; align-items:center; justify-content:center; color:#7a7a7a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink:hover] background-color:#555555; color:#8a8a8a; transition:.25s ease; [/newclass]
[newclass=.volc_SideLink span] font-size:20px!important; [/newclass]
[newclass=.volc_Sidebar img] width:100px; height:100px; border-radius:100%; padding:10px; background-color:#494949; border:1px solid #555; position:absolute; z-index:1; [/newclass]
[newclass=.volc_Animation] width:120px; height:120px; position:absolute; z-index:2; border-radius:100%; border:1px solid transparent; border-right:1px solid var(--volc_accent); animation:1.75s volc_spinner linear infinite; animation-play-state:paused; } @keyframes volc_spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } [/newclass]
[newclass=.volc_Contain:hover .volc_Animation] animation-play-state:running; [/newclass]
[newclass=.volc_Sidebar:before] content:''; position:absolute; height:100%; width:1px; background-color:#555; [/newclass]
[newclass=.volc_Sidebar:after] content:''; position:absolute; width:100%; height:1px; background-color:#555; [/newclass]
[newclass=.volc_List] position:relative; width:325px; height:calc(100% - 25px); padding-top:25px; padding-right:25px; display:flex; flex-flow:column nowrap; [/newclass]
[newclass=.volc_List div] height:450px; overflow:auto; [/newclass]
[newclass=.volc_List div div] margin-top:25px; padding:0px 25px 0px 80px; height:auto; font:400 10px/14px roboto; color:#7a7a7a; text-align:justify; position:relative; z-index:1; text-shadow:-1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee; [/newclass]
[newclass=.volc_List div div:first-child]margin-top:0px;[/newclass]
[newclass=.volc_List div div h1] margin:0px; font:400 20px/20px mr dafoe; text-transform:lowercase; color:var(--volc_accent); text-align:right; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.volc_List img] width:75px; height:75px; margin-left:-55px; margin-right:10px; border-radius:100%; padding:5px; background-color:#eee; border:1px solid #ccc; position:relative; z-index:1; float:left; [/newclass]
[newclass=.volc_List:before] content:''; position:absolute; height:100%; width:1px; background-color:#ccc; top:0px; left:68px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar] width:11px; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-thumb] background-color:var(--volc_accent); border:5px solid #eee; [/newclass]
[newclass=.volc_List div::-webkit-scrollbar-track] background-color:#ddd; border:5px solid #eee; [/newclass]
[newclass=.volc_Credit] font:bold 7px roboto; margin-left:500px; [/newclass]
[newclass=.volc_Credit a] font:bold 7px roboto!important; [/newclass]
[newclass=.lnr]font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } @font-face {font-family:Linearicons-Free;src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot);src:url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.eot?#iefix) format('embedded-opentype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2) format('woff2'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf) format('truetype'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff) format('woff'),url(https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.svg#Linearicons-Free) format('svg');font-weight:400;font-style:normal;[/newclass]
[newclass=.lnr-calendar-full:before]content:"\e836";[/newclass]
[newclass=.lnr-heart-pulse:before]content:"\e840";[/newclass]
[newclass=.lnr-briefcase:before]content:"\e84c";[/newclass]
[newclass=.lnr-home:before]content:"\e800";[/newclass]