373 lines
No EOL
16 KiB
HTML
373 lines
No EOL
16 KiB
HTML
<!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-->
|
|
<a class="card text-white mb-3 terminal-card terminal-card-jax text-decoration-none" href="./Jax.html"
|
|
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> |