2024-12-31 23:30:54 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
< link rel = "stylesheet" href = "./css/bootstrap.css" >
< link rel = "stylesheet" href = "./css/parvus.css" >
< link rel = "stylesheet" href = "./css/custom.css" >
< script src = "https://kit.fontawesome.com/14a35c233c.js" crossorigin = "anonymous" > < / script >
< title > OC@Dalfuss : ~$< / title >
< / head >
< body >
< div class = "container my-5" >
< div class = "row" >
< div class = "col-md-6" id = "Jax" >
<!-- window Jax -->
2024-12-31 23:41:51 +00:00
< a class = "card text-white mb-3 terminal-card terminal-card-jax text-decoration-none" href = "./Jax.html"
2024-12-31 23:30:54 +00:00
target="_blank">
<!-- header -->
< div class = "card-header py-1 px-2 terminal-toolbar terminal-toolbar-jax" >
< span > Terminal< / span >
< span class = "pull-right" style = "letter-spacing:2px" >
< i class = "fa-solid fa-chevron-down" > < / i >
< i class = "fa-solid fa-chevron-up" > < / i >
< i class = "fa-solid fa-circle-x" > < / i >
< / span >
< / div >
<!-- end header -->
<!-- main info -->
< div class = "card-body p-3" >
< span > < span class = "terminal-title" > Jax@Dalfuss< / span > : ~$
neofetch
< / span >
< div class = "row my-1" >
<!-- image -->
< div class = "col-12 col-sm-6" >
< div class = "card bg-transparent border-0" >
< img src = "./img/jax.png" class = "terminal-img terminal-img-jax" >
< / div >
< / div >
<!-- end image -->
<!-- main info -->
< div class = "col-12 col-sm-6" >
< span >
< span class = "terminal-title" > Jax< / span >
@
< span class = "terminal-title" > Dalfuss< / span >
< / span >
< hr class = "my-1" style = "border-style:dashed;border-width:2px" >
< span > < span class = "terminal-title" > Name< / span > :
Jax P. Nolan
< / span >
< br >
< span > < span class = "terminal-title" > Gender< / span > :
Nonbinary
< / span >
< br >
< span > < span class = "terminal-title" > Pronouns< / span > :
they/them
< / span >
< br >
< span > < span class = "terminal-title" > Species/Race< / span > :
Sea Elf
< / span >
< br >
< span > < span class = "terminal-title" > Age< / span > :
103 (19)
< / span >
< br >
< span > < span class = "terminal-title" > Orientation< / span > :
Pansexual
< / span >
< br >
< span > < span class = "terminal-title" > Designer< / span > :
Sam Dalfuss (+ Ori Ottero)
< / span >
< br >
< span > < span class = "terminal-title" > Cover Art< / span > :
@river_stubs@instagram.com
< / span >
< br >
< br >
<!-- pallete -->
< div class = "row no-gutters my-2" >
<!-- color 1 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#f5a9b8" title = "Dyed Hair | #f5a9b8" > < / div >
< / div >
<!-- color 2 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#a8c5db" title = "Skin | #a8c5db" > < / div >
< / div >
<!-- color 3 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#12354b" title = "Natural Hair | #12354b" > < / div >
< / div >
<!-- color 4 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#12404b" title = "Freckles | #12404b" > < / div >
< / div >
<!-- color 5 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#105522" title = "Eyes | #105522" > < / div >
< / div >
< / div >
< / div >
< / div >
< span > < span class = "terminal-title" > Jax@Dalfuss< / span > : ~$
< svg class = "rect animation-blink rect-hover" xmlns = "http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve">
< rect x = "27.9" y = "4.4" width = "45" height = "90" / >
< / svg >
< span class = "terminal-command" > cat jax.sheet
< svg class = "rect animation-blink" xmlns = "http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve">
< rect x = "27.9" y = "4.4" width = "45" height = "90" / >
< / svg >
< / span >
< / span >
< / div >
< / a >
<!-- end window -->
< / div >
< div class = "col-md-6" id = "Aidan" >
<!-- window Aidan -->
< a class = "card text-white mb-3 terminal-card terminal-card-aidan text-decoration-none" href = "#" >
<!-- header -->
< div class = "card-header py-1 px-2 terminal-toolbar terminal-toolbar-aidan" >
< span > Terminal< / span >
< span class = "pull-right" style = "letter-spacing:2px" >
< i class = "fa-solid fa-chevron-down" > < / i >
< i class = "fa-solid fa-chevron-up" > < / i >
< i class = "fa-solid fa-circle-x" > < / i >
< / span >
< / div >
<!-- end header -->
<!-- main info -->
< div class = "card-body p-3" >
< span >
< span class = "terminal-title" > Aidan@Dalfuss< / span > : ~$
neofetch
< / span >
< div class = "row my-1" >
<!-- image -->
< div class = "col-12 col-sm-6" >
< div class = "card bg-transparent border-0" >
< img src = "./img/aidan.png" class = "terminal-img terminal-img-aidan" >
< / div >
< / div >
<!-- end image -->
<!-- main info
if you want to keep it just the pallete/not have anything happen when you hover over them, delete the data-toggle="tooltip" and title="(color)" classes-->
< div class = "col-12 col-sm-6" >
< span >
< span class = "terminal-title" > Aidan< / span >
@
< span class = "terminal-title" > Dalfuss< / span >
< / span >
< hr class = "my-1" style = "border-style:dashed;border-width:2px" >
< span > < span class = "terminal-title" > Name< / span > :
Aidan Leahy
< / span >
< br >
< span > < span class = "terminal-title" > Gender< / span > :
Male
< / span >
< br >
< span > < span class = "terminal-title" > Pronouns< / span > :
he/him
< / span >
< br >
< span > < span class = "terminal-title" > Species/Race< / span > :
Sea Elf
< / span >
< br >
< span > < span class = "terminal-title" > Age< / span > :
118 (21)
< / span >
< br >
< span > < span class = "terminal-title" > Orientation< / span > :
???
< / span >
< br >
< span > < span class = "terminal-title" > Designer< / span > :
Sam Dalfuss
< / span >
< br >
< span > < span class = "terminal-title" > Cover Art< / span > :
Picrew/ぼわず
< / span >
< br >
< br >
<!-- pallete -->
< div class = "row no-gutters my-2" >
<!-- color 1 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#93abbe" title = "Skin | #93abbe" > < / div >
< / div >
<!-- color 2 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#216240" title = "Hair | #216240" > < / div >
< / div >
<!-- color 3 -->
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#2ba2e6" title = "Eyes | #2ba2e6" > < / div >
< / div >
<!-- color 4
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#12404b" title = "#12404b" > < / div >
< / div > -->
<!-- color 5
< div class = "col-2" >
< div class = "card border-0 rounded-0 palette-swatch" data-toggle = "tooltip" style = "background-color:#105522" title = "#105522" > < / div >
< / div > -->
< / div >
< / div >
< / div >
< span > < span class = "terminal-title" > Aidan@Dalfuss< / span > : ~$
< svg class = "rect animation-blink rect-hover" xmlns = "http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve">
< rect x = "27.9" y = "4.4" width = "45" height = "90" / >
< / svg >
< span class = "terminal-command" > cat aidan.sheet
< svg class = "rect animation-blink" xmlns = "http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px"
viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve">
< rect x = "27.9" y = "4.4" width = "45" height = "90" / >
< / svg >
< / span >
< / span >
< / div >
< / a >
<!-- end window -->
< / div >
<!-- Credit. You may move it, but please do not delete/remove -->
< small >
< p style = "text-align:right;margin-top:3px" >
HTML by
< a href = "https://toyhou.se/15218563" style = "color:#62c3f7" target = "_blank" > < i class = 'fa-solid fa-heart' > < / i > Jade-Everstone< / a >
modified by
< a href = "https://dalfuss.link" target = "_blank" style = "color: #F5A9B8;" > Sam Dalfuss< / a >
< / p >
< / small >
< / div >
< / div >
< script src = "https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous">< / script >
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
crossorigin="anonymous">< / script >
< script src = "./js/parvus.js" > < / script >
< script >
const prvs = new Parvus()
< / script >
< / body >
< / html >
