glenthemes/pages
glenthemes
/
pages
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
pages/chara-pages/08-Fisher-King

850 lines
26 KiB
Plaintext
Raw Permalink Blame History

<!-----------------------------------------------------------------------
Character Page [08]: Fisher King
Made by glenthemes
Release date: 2021/10/08
Last updated: 2023/10/03
What's new:
✱ rehosted fish images
✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦
EDITING GUIDE:
💬 https://dub.sh/fisher-king-guide
✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦✦
TERMS OF USE:
1) Do not remove the page credit.
2) Do not repost/redistribute my work.
3) Do not take parts of my work and use them as your own.
4) Do not use my work as a base code.
5) Do not mix my works together.
DISCLAIMER:
- all fish images, Zagreus render, skull transparents, and frame images
from Hades by Supergiant Games.
DETAILED CREDITS:
💬 glencredits.tumblr.com/fisher-king
------------------------------------------------------------------------>
<!DOCTYPE html>
<html lang="en">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<!--------------------SCRIPTS-------------------->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<link href="https://fonts.googleapis.com/css?family=Newsreader|Tenor+Sans|Reggae+One|Kufam|Sen|RocknRoll+One|Poppins|Rubik" rel="stylesheet">
<link rel="preload" href="//cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons.js" as="script">
<script src="//cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.js" crossorigin="anonymous"></script>
<script src="//glen-themes.gitlab.io/chara-pages/08/bisexual-zagreus/bi-son.js"></script>
<link href="//glen-themes.gitlab.io/chara-pages/08/bisexual-zagreus/mainstuff.css" rel="stylesheet">
<!-------------------------------------------------------------------->
<style type="text/css">
/*--------- TOOLTIPS ---------*/
#s-m-t-tooltip {
padding:5px 10px;
margin:7px;
margin-top:30px;
margin-left:30px;
background-color:var(--Tooltips-BG);
border-radius:2px;
font-family:RocknRoll One;
font-size:9px;
letter-spacing:1px;
text-transform:uppercase;
color:var(--Tooltips-Text);
z-index:99;
max-width:40vw;
}
/*--------- TUMBLR CONTROLS ---------*/
iframe#tumblr_controls, .iframe-controls--desktop {
top:5px!important;
right:5px!important;
position:fixed!important;
transform:scale(0.7,0.7);
-webkit-transform:scale(0.7,0.7);
-moz-transform:scale(0.7,0.7);
-o-transform:scale(0.7,0.7);
-ms-transform:scale(0.7,0.7);
transform-origin:100% 0;
-webkit-transform-origin:100% 0;
-moz-transform-origin:100% 0;
-o-transform-origin:100% 0;
-ms-transform-origin:100% 0;
z-index:999999!important;
user-select:none;
opacity:0;
visibility:hidden;
}
.opac {
opacity:1!important;
transition:opacity 0.420s ease-in-out;
}
/*----------- SCROLLBAR -----------*/
::-webkit-scrollbar {
width:13px;
height:13px;
background-color:transparent;
}
::-webkit-scrollbar-thumb {
border:6px solid transparent;
background:var(--Scrollbar-Thumb);
background-clip:padding-box;
}
::-webkit-scrollbar-track {
border:6px solid transparent;
border-top:none;
border-bottom:none;
background:var(--Scrollbar-Track);
background-clip:padding-box;
}
/*---------- TEXT HIGHLIGHT ----------*/
::selection {
background:var(--Text-Highlight-Background);
color:var(--Text-Highlight);
}
::-moz-selection {
background:var(--Text-Highlight-Background);
color:var(--Text-Highlight);
}
/*------------ BASICS ------------*/
body {
margin:0;
padding:0;
color:var(--Character-Profile-MainText-Color);
font-family:kufam;
line-height:1.6em;
font-size:12px;
text-align:left;
overflow:hidden;
overscroll-behavior-y:none;
/*---- NORMAL CURSOR ----*/
cursor:url(https://rhizo.gitlab.io/hades/hadesCursorDefault1_.png), auto;
}
body:active, .one {
/*---- CURSOR ON CLICK ----*/
cursor:url(https://rhizo.gitlab.io/hades/hadesCursorDefault2_.png), auto;
}
a {
color:var(--Character-Profile-MainText-Color-Special);
text-decoration:none;
cursor:inherit;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
}
.shade {
/*--- 🍂🍂🍂🍂🍂🍂 ---*/
/*---- LOADING SCREEN BACKGROUND ----*/
background-image:url("https://rhizo.gitlab.io/hades/memphis-mini-dark.png");
background-repeat:repeat;
}
body {
/*--- 🍂🍂🍂🍂🍂🍂 ---*/
/*---- BACKGROUND IMAGE ----*/
background-image:url(https://rhizo.gitlab.io/hades/john-towner-JgOeRuGD_Y4-unsplash_c1_e1.jpg);
background-position:center;
background-size:cover;
background-attachment:fixed;
background-repeat:no-repeat;
/*--- 🍂🍂🍂🍂🍂🍂 ---*/
/*---- BACKGROUND COLOR ----*/
/*
technically this is the color of your screen
whilst everything is still loading
*/
background-color:#150f11;
}
:root {
/*--- 🍂🍂🍂🍂🍂🍂 ---*/
/*---- CUSTOMIZE YOUR OPTIONS HERE ----*/
--Background:#150f11;
/*--- LOADING SIGIL ---*/
--Loading-Icon-Size:58px;
--Loading-Icon-Margin:26px;
/*--- GLOW SPIKES ABOVE MAIN CHARACTER ---*/
--SpikesGlow-1:#ddb996;
--SpikesGlow-2:#b7e2e1;
--SpikesGlow-3:#e87e69;
/*--- MAIN CHARACTER IMAGE (BIG) ---*/
--Leftside-Character-Width:305px;
--Leftside-Character-Right-Margin:69px;
/*--- MAIN CONTAINER (RIGHT) ---*/
--Container-Width:510px;
--Container-Borders:#090909;
--Container-Border-Accent:#a6273e;
--Container-Border-Thickness:2px;
--Container-Border-Decor:#6f2a31;
/*--- HEADING TEXT (TOP) ---*/
--Container-Heading-Background:#221515;
--Container-Heading-Padding:16px;
--Container-Heading-Font-Size:15px;
--Container-Heading-Text:#d59f98;
/*---- HEADING TEXT (BOT) ----*/
--Container-Subtitle-Background:#090909;
--Container-Subtitle-Padding:10px;
--Container-Subtitle-Font-Size:9px;
--Container-Subtitle-Text:#d59f98;
/*--- TRANSPARENT SMALL IMAGES | LEFT & RIGHT ---*/
--CornerImage-Size:110px;
--CornerImage-Adjust-X:-11px;
--CornerImage-Adjust-Y:0px;
/*--- MAIN CONTENT BOX ---*/
--MainBox-Background:#060909;
--MainBox-SemiTransparent:yes;
/*--- "CHOOSE" TEXT FOR LIST ---*/
--ChooseText-Font-Size:12px;
--ChooseText-Color:#cb9a93;
/*--- CHARACTER ROSTER ---*/
--Menu-Character-Box-Padding:6px;
--Menu-Character-Box-Border-Thickness:2px;
--Menu-Character-Box-Border-1:#2a141c;
--Menu-Character-Box-Border-2:#40261f;
--Menu-Character-Box-Background:#060909;
--Menu-Character-Box-HOVERED-Border-1:#40261f;
--Menu-Character-Box-HOVERED-Border-2:#c19794;
--Menu-Character-Box-HOVERED-Bottom-Glow:#27191d;
--Menu-Character-Image-Width:64px;
--Menu-Character-Image-Padding:6px;
--Menu-Character-Image-Background:#150f11;
--Menu-Character-Image-SimpleFrame-Thickness:4px;
--Menu-Character-Image-SimpleFrame-Color:#5d3428;
/*--- CHARACTER TYPE INDICATOR COLORS ---*/
--Character-TYPE1-Color:#eeeeee; /* common */
--Character-TYPE2-Color:#77bfd8; /* rare */
--Character-TYPE3-Color:#ae89de; /* epic */
--Character-TYPE4-Color:#d65858; /* heroic */
--Character-TYPE5-Color:#ff7766; /* legendary */
--Character-TYPE6-Color:#6ec5b6; /* duo */
/*--- CHARACTER NAME & SHORT DETAILS ---*/
--Menu-Character-Text-Left-Gap:20px;
--Menu-Character-Title-Color:#b67a66;
--Menu-Character-Title-Size:13px;
--Menu-Character-DescriptionLabel-Size:11px;
--Menu-Character-DescriptionLabel-Color:#e4a793;
--Menu-Character-DescriptionText-Size:12px;
--Menu-Character-DescriptionText-Color:#a87968;
--Menu-Character-Boxes-Spacing:10px;
--Scrollbar-Thumb:#7a4d43;
--Scrollbar-Track:transparent;
/* max. height until scrollbar appears */
/* the larger the number, the shorter the container */
--CharacterList-CutOff-Height:40px;
--Container-Position:middle; /* options: top | middle | bottom */
--Container-TopBottom-Gap:30px;
/*--- "BACK TO ALL CHARACTERS" BUTTON ---*/
--BackButton-Font-Size:11px;
--BackButton-Text-Color:#cb9a93;
/*--- CHARACTER PROFILES ---*/
--Character-Profile-Image-Width:150px;
--Character-Profile-Image-Background:#070808;
/*
◉ if you want SOLID COLOR, change the image url to NONE
◉ if you want BACKGROUND IMAGE, change the image url to your own
◉ do not remove the [;] at the end
*/
--Character-Profile-Image-Background-Image:"https://rhizo.gitlab.io/hades/subtlepatterns_5_dots_pattern.png";
--Character-Profile-Image-Border-Thickness:2px;
--Character-Profile-Image-Border-Color-1:#f6a696;
--Character-Profile-Image-Border-Color-2:#502c27;
--Character-Profile-Image-Border-Color-3:#a1614f;
--Character-Profile-Image-Border-Color-4:#40261f;
--Character-Profile-Image-SpikesGlow-1:#a1614f;
--Character-Profile-Image-SpikesGlow-2:#f6a696;
--Character-Profile-Image-SpikesGlow-3:#e87e69;
--Character-Profile-Title-Size:12px;
--Character-Profile-Title-Color:#e1968a;
--Character-Profile-Title-Padding:9px;
--Character-Profile-Title-Border-Thickness:2px;
--Character-Profile-Title-Border-Outer:#2a1d18;
--Character-Profile-Title-Border-Inner:#482c25;
--Character-Profile-Title-Background:#231813;
--Tassel-Color:#6d483e;
--Character-Profile-MainText-LeftGap:14px;
--Character-Profile-MainText-Size:12px;
--Character-Profile-MainText-Color:#b9968b;
--Character-Profile-MainText-Color-Special:#cd7a72;
--Character-Profile-MainText-LineHeight:1.69;
/*--- CUSTOM LINKS ---*/
--CustomLinks-Left-Margin:20px;
--CustomLinks-Bar-Width:69%;
--CustomLinks-Bar-Background:#0C0B0C;
--CustomLinks-Bar-Border-Thickness:2px;
--CustomLinks-Bar-Border-Color:#44363c;
--CustomLinks-Icon-Size:16px;
--CustomLinks-Icon-Color:#c08c78;
--CustomLinks-Icon-Padding:20px;
--CustomLinks-Icon-Background:#150F11;
--CustomLinks-Icon-SimpleBorder-Thickness:2px;
--CustomLinks-Icon-SimpleBorder-Color:#5c4232;
--CustomLinks-Icon-HOVER-Glow:#b99887;
--CustomLinks-Spacing:9px;
/*--- OTHER / MISC ---*/
--Tooltips-BG:#121616;
--Tooltips-Text:#cb9a93;
--Text-Highlight-Background:#48312e;
--Text-Highlight:#debeaf;
}
/*----------- LOADING SIGIL -----------*/
.loading-sigil {
position:fixed;
top:0;margin-top:var(--Loading-Icon-Margin);
right:0;margin-right:var(--Loading-Icon-Margin);
display:none;
z-index:99;
}
.loading-sigil img {
width:var(--Loading-Icon-Size);
height:auto;
}
/*----- TOP-LEFT SMALL TRANSPARENT IMAGE-----*/
.the-transparent {
}
/*----- MAIN CHARACTER IMAGE (BIG) -----*/
.leftside-character {
width:var(--Leftside-Character-Width);
height:auto;
}
/*----- MAIN CONTAINER (RIGHT) -----*/
.maincont {
margin:var(--Container-TopBottom-Gap) 0;
margin-left:calc(var(--Leftside-Character-Width) + var(--Leftside-Character-Right-Margin));
width:var(--Container-Width);
}
/*----- TRANSPARENT SMALL IMAGES | LEFT & RIGHT -----*/
.cornerimage-left {
left:0;
}
.cornerimage-right {
right:0;
}
.cornerimage-right[flip] {
transform:scaleX(-1);
}
/*----- HEADING TEXT (TOP) -----*/
.boc .main-heading {
font-family:newsreader;
font-size:var(--Container-Heading-Font-Size);
text-transform:uppercase;
letter-spacing:5px;
color:var(--Container-Heading-Text);
text-shadow:0px 1.5px 0px var(--Container-Borders);
text-align:center;
line-height:1em;
}
/*----- HEADING TEXT (BOT) -----*/
.textbar {
font-family:tenor sans;
font-weight:bold;
font-size:var(--Container-Subtitle-Font-Size);
text-transform:uppercase;
letter-spacing:1px;
word-spacing:-.5px;
color:var(--Container-Subtitle-Text);
text-shadow:0px 1px 0px var(--Container-Borders);
line-height:2em;
}
/*----- MAIN CONTENT BOX -----*/
.mainbox {
border-radius:3px 3px 5px 5px;
text-align:left;
}
.mb-semitrans {
background:none;
backdrop-filter:brightness(calc(1 - 0.69));
}
/*----- "CHOOSE" TEXT FOR LIST -----*/
.choosetext {
margin:0;
padding-top:0.5em;
padding-bottom:1.069em;
width:calc(100% - 12px);
font-family:RocknRoll One;
font-weight:normal;
font-size:var(--ChooseText-Font-Size);
text-transform:uppercase;
letter-spacing:.5px;
color:var(--ChooseText-Color);
}
/*----- CHARACTER ROSTER -----*/
.charalist {
}
[menu-character] {
}
/* character's name */
.chara-select-text h1 {
display:flex;
align-items:center;
justify-content:space-between;
margin-top:0;
margin-right:var(--Menu-Character-Box-Padding);
font-family:reggae one;
font-weight:normal;
font-size:var(--Menu-Character-Title-Size);
text-transform:uppercase;
letter-spacing:1px;
color:var(--Menu-Character-Title-Color);
}
/* character's attribute, right */
.chara-select-text h1 span:nth-child(2) {
font-family:tenor sans;
font-weight:bold;
font-size:calc(var(--Menu-Character-Title-Size) * 0.69);
letter-spacing:1.3px;
opacity:0.9;
filter:saturate(120%) contrast(110%) brightness(130%);
-webkit-font-smoothing:antialiased;
}
.chara-select-text .description {
font-family:kufam;
font-size:var(--Menu-Character-DescriptionText-Size);
color:var(--Menu-Character-DescriptionText-Color);
}
.chara-select-text .description label {
font-family:Sen;
font-size:var(--Menu-Character-DescriptionLabel-Size);
text-transform:uppercase;
letter-spacing:.7px;
color:var(--Menu-Character-DescriptionLabel-Color);
cursor:inherit;
}
/*----- "BACK TO ALL CHARACTERS" BUTTON -----*/
.back-to-characters {
display:flex;
align-items:center;
margin:0;
padding-top:0.5em;
padding-bottom:1em;
font-family:RocknRoll One;
font-weight:normal;
font-size:var(--BackButton-Font-Size);
text-transform:uppercase;
letter-spacing:.7px;
word-spacing:-.3px;
color:var(--BackButton-Text-Color);
}
.back-to-characters ion-icon {
margin-right:9px;
transform:scaleX(-1);
font-size:calc(var(--BackButton-Font-Size) * 1.269);
color:var(--BackButton-Text-Color);
}
/*----- CHARACTER DETAILED INFO PANEL -----*/
.chara-actual h1[character-name] {
display:table-row;
height:0;
font-family:reggae one;
font-weight:normal;
font-size:var(--Character-Profile-Title-Size);
text-transform:uppercase;
letter-spacing:0.7px;
color:var(--Character-Profile-Title-Color);
}
.text-entry {
position:absolute;
top:0;
left:0;margin-left:calc(var(--Character-Profile-Image-Width) + var(--Character-Profile-MainText-LeftGap));
margin-right:-6px;
padding-right:6px;
font-family:kufam;
font-size:var(--Character-Profile-MainText-Size);
color:var(--Character-Profile-MainText-Color);
line-height:var(--Character-Profile-MainText-LineHeight);
text-align:justify;
overflow:auto;
}
.text-entry label {
position:relative;
margin-left:calc(var(--Character-Profile-MainText-Size) + 9px);
font-family:poppins;
text-transform:uppercase;
letter-spacing:.5px;
color:var(--Character-Profile-MainText-Color-Special);
cursor:inherit;
}
/*--------- CUSTOM LINKS ---------*/
.customlink:hover {
transition-duration:0.069s; /* mouseover speed */
}
.customlink {
transition:all 0.269s ease-in-out; /* mouseleave speed */
}
</style>
</head>
<!---------------------------------------------------------->
<body>
<div class="loading-sigil">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- LOADING IMAGE ---->
<!-- appears in the top right when site is still loading -->
<img src="https://rhizo.gitlab.io/hades/hades_save_.png">
</div>
<div class="shade"></div>
<!---------------------------------------------------------->
<div class="navy">
<div class="nvt">
<div class="naav">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- CUSTOM LINKS ---->
<a class="customlink" href="/" title="home">
<ion-icon name="home-outline"></ion-icon>
</a>
<a class="customlink" href="/ask" title="askbox">
<ion-icon name="mail-outline"></ion-icon>
</a>
<a class="customlink" href="" title="sample link">
<ion-icon name="list-outline"></ion-icon>
</a>
<a class="customlink" href="/archive" title="visit archive">
<ion-icon name="grid-outline"></ion-icon>
</a>
<!-- please do not remove the credit thank you! -->
<a class="customlink" href="//glenthemes.tumblr.com" title="coded by glenthemes"></a>
</div><!--- ⛔ do not delete this line --->
</div><!--- ⛔ do not delete this line --->
</div><!--- ⛔ do not delete this line --->
<!---------------------------------------------------------->
<div class="leftcont">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- SMALL TRANSPARENT IMAGE ABOVE MAIN CHARACTER ---->
<div class="the-transparent" image="https://rhizo.gitlab.io/hades/rodOfFishing_.png" size="103px" move-to-right="22px" move-upwards="22px">
</div>
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- GLOW SPIKES (above main character) ---->
<!-- remove the next line if you don't want glow spikes -->
<div class="glowspikes" gap="0px" move-left="0px"></div>
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- MAIN CHARACTER IMAGE ---->
<img class="leftside-character" src="https://rhizo.gitlab.io/hades/zagrender02_.png">
</div><!--end left 'sidebar'-->
<!---------------------------------------------------------->
<div class="maincont">
<div class="banner">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- MAIN HEADING ---->
<div class="main-heading">fishing codex</div>
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- CORNER IMAGES (IN HEADER) ---->
<img class="cornerimage-left" src="https://rhizo.gitlab.io/hades/skellie_01.png">
<img class="cornerimage-right" src="https://rhizo.gitlab.io/hades/skellie_01.png" flip>
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- MAIN SUBTITLE ---->
<div class="textbar">
"Some water-dwelling beasts for you, good Chef."
</div>
</div><!--banner-->
<!---------------------------------------------------------->
<div class="mainbox">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!---- "CHOOSE" TEXT FOR LIST ---->
<h1 class="choosetext">choose one:</h1>
<div class="charalist">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE CHARACTER ------>
<div menu-character chara-id="hellfish" type="1" no-triangle no-tab>
<img chara-select-image src="https://rhizo.gitlab.io/hades/hellfish_.png" size="80%" move-to-left="3px">
<h1>
<span>Hellfish</span>
<span>Common</span>
</h1>
<div class="description">
<label>Location:</label> Tartarus
<label>Rarity:</label> Common
<label>Reward:</label> 5 gemstones
</div>
</div><!--end one character-->
<!------->
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE CHARACTER ------>
<div menu-character chara-id="knucklehead" type="2" no-triangle>
<img chara-select-image src="https://rhizo.gitlab.io/hades/knucklehead_.png" size="76%" move-to-right="1.5px">
<h1>
<span>Knucklehead</span>
<span>Rare</span>
</h1>
<div class="description">
<label>Location:</label> Tartarus
<label>Rarity:</label> Common
<label>Reward:</label> 20 gemstones
</div>
</div><!--end one character-->
<!------->
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE CHARACTER ------>
<div menu-character chara-id="scyllascion" type="5">
<img chara-select-image src="https://rhizo.gitlab.io/hades/scyllascion_.png" move-to-left="2px" move-upwards="1px">
<h1>
<span>Scyllascion</span>
<span>Legendary</span>
</h1>
<div class="description">
<label>Location:</label> Tartarus
<label>Rarity:</label> Legendary
<label>Reward:</label> 30 gemstones
</div>
</div><!--end one character-->
</div><!--- ⛔ do not delete this line --->
<!--end character list-->
<!---------------------------------------------------------->
<div class="nextpan">
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ "BACK TO ALL" BUTTON ------>
<h1 class="back-to-characters">
<ion-icon name="play-outline"></ion-icon>
back to all fish
</h1>
<!----------------------------------------->
<!------ DETAILED CHARACTER PROFILES ------>
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE DETAILED PROFILE ------>
<div class="chara-actual" chara-id="hellfish">
<h1 character-name>hellfish</h1>
<div class="longside">
<img image-in-longcolumn src="https://rhizo.gitlab.io/hades/hellfish_.png" size="50%">
</div><!--do not delete this line-->
<div class="text-entry">
<label>Rarity:</label> Common
<label>Residence:</label> Tartarus
<label>Reaction time required:</label> 0.68s
<label>Acquisition chance:</label> Guaranteed (NORMAL)
<label>'Catch' phrase: </label> "What do you know, a Hellfish."
<p>
'...From the looks of them, they must have once been stowaways on the outer hull of Charon's boat, affixing themselves just below the waterline, securing passage from the surface down into the depths via the River Styx. Having adapted to the river's blood-red waters here, they are by now as common as undying shades, and seem very much content to have reached these depths.'
</div><!--end text entry-->
</div><!--end one character-->
<!------->
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE DETAILED PROFILE ------>
<div class="chara-actual" chara-id="knucklehead">
<h1 character-name>knucklehead</h1>
<div class="longside">
<img image-in-longcolumn src="https://rhizo.gitlab.io/hades/knucklehead_.png" size="54%">
</div><!--do not delete this line-->
<div class="text-entry">
<label>Rarity:</label> Rare
<label>Residence:</label> Tartarus
<label>Reaction time required:</label> 0-0.68s
<label>Acquisition chance:</label> 50% (NORMAL, PERFECT)
<label>'Catch' phrase: </label> "Got me a knucklehead."
<p>
'...My mother taught me countless water-dwelling denizens, though of this variety, I learned much more only in darkest Tartarus, their habitat being the deepest reaches of the River Styx. I believe they once were living sea-creatures themselves, their faint spirits having washed down all this way via the river, to take on a form of un-life, here.'
</div><!--end text entry-->
</div><!--end one character-->
<!------->
<!--- 🍂🍂🍂🍂🍂🍂 --->
<!------ START ONE DETAILED PROFILE ------>
<div class="chara-actual" chara-id="scyllascion">
<h1 character-name>scyllascion</h1>
<div class="longside">
<img image-in-longcolumn src="https://rhizo.gitlab.io/hades/scyllascion_.png" size="80%">
</div><!--do not delete this line-->
<div class="text-entry">
<label>Rarity:</label> Legendary
<label>Residence:</label> Tartarus
<label>Reaction time required:</label> 0-0.34s
<label>Acquisition chance:</label> 50% (PERFECT)
<label>'Catch' phrase: </label> "Wow, a Scyllascion!"
<p>
'...There is a monstrous sea-creature that thrashes somewhere in Poseidon's waters far above; we were very careful to avoid sailing across her trenches even in my sailing days. This rare breed is reminiscent of her dozen heads. Whether or not these creatures are related to Scylla, or merely appear to be, is a matter that is still contested, as no one has yet bothered asking Scylla herself.'
</div><!--end text entry-->
</div><!--end one character-->
<!------->
</div><!--nextpan--><!--- ⛔ do not delete this line --->
</div><!--mainbox--><!--- ⛔ do not delete this line --->
</div><!--maincont--><!--- ⛔ do not delete this line --->
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink