SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: ♻️ make ability component standalone

Browse source 
This allows to move things that are actually content out of the character data file into page content files
This commit is contained in:
Sebin Nyshkim 2025-06-26 15:19:01 +02:00
parent 0b9a604b92
commit 779e7f92a3
4 changed files with 52 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/abilities.webc → src/components/ability.webc
View file

@ -1,16 +1,16 @@
<figure webc:for="ability of abilities" webc:root="override">
<figure webc:root="override">
<eleventy-image
webc:if="img"
webc:if="src"
class="image"
:src="`src/img/${char}/${ability.id}.png`"
:alt="`${char}'s ${ability.name}`"
:src="`src/img/${$data.firstName.toLowerCase()}/${src}`"
:alt="`${$data.firstName.toLowerCase()}'s ${name}`"
:width="[250, 500]"
sizes="(min-width: 64em) 500px, 250px"
></eleventy-image
><span class="no-image" webc:else>Here you would see an illustration… If I had one…</span>
<figcaption>
<p @text="ability.name"></p>
<p @text="ability.description"></p>
<p @text="name"></p>
<slot></slot>
</figcaption>
</figure>

20
src/sebin/abilities.md
View file

@ -8,8 +8,18 @@ Since Sebin is a fire dragon there's a myriad of abilities he has at his disposa
## Attacks
<abilities
:@abilities="attacks"
:@img="true"
:@char="$data.firstName.toLowerCase()"
></abilities>
<ability :@src="`attack-fire-breath.png`" name="Fire Breath">
Like most fire dragons, Sebin can breathe fire. In order to do this, he takes a deep breath to enrich the oxygen in his lungs with gases, which, together with special glands in his mouth, produce a combustible mixture. The resulting jet of fire, reaching several hundred degrees Celsius, spreads out on its way to its target, scorching everything in its path.
</ability>
<ability :@src="`attack-flame-toss.png`" name="Flame Toss">
By spitting fire into his hands, Sebin can form it into a ball and use it as a projectile. His scales are fireproof and can withstand the high temperatures. Due to their high concentration, the projectiles explode upon impact. By combining two fireballs the explosion radius increases dramatically.
</ability>
<ability :@src="`attack-kindled-fist.png`" name="Kindled Fist">
Apart from throwing projectiles, Sebin can also use the fireballs to wrap his fists in fire. This allows him to inflict severe burns on his opponent with each blow. In addition, he can release the fire from his fists with aimed blows and hurl it at his opponents.
</ability>
<ability :@src="`attack-burning-twister.png`" name="Burning Twister">
A technique used in aerial combat, Sebin uses his fire breath to engulf his body in flames while spinning to become a fire tornado that singes opponents.
</ability>

36
src/sebin/overdrive.md
View file

@ -24,8 +24,34 @@ Direct body contact with Sebin during overdrive causes 3rd degree burns as he em
## Attacks
<abilities
:@abilities="overdriveAttacks"
:@img="false"
:@char="$data.firstName.toLowerCase()"
></abilities>
<ability name="Fire Breath (improved)">
The reach of Sebin's Fire Breath increases as well as the frequency at which he can fire shots from his mouth.
</ability>
<ability name="Flame Toss (improved)">
Overdrive Form eliminates the need for Sebin to spit fire into his palms. It instead enables him to fire the shots directly from the palm palm of his hands, as the firey veins crossing his arms act as an orifice to do so. The explosion radius of the burning projectiles that explode on impact is greatly increased.
</ability>
<ability name="Kindled Fist (improved)">
As his arms and legs are infused with fire his punches and kicks exert trails of flames while doing so. Landing a punch or kick sears enemies.
</ability>
<ability name="Searing Discus">
Overdrive allows Sebin to form rings of fire by igniting flames from his fingertips and swirling them in a circle motion. He can use them for both close quarters or ranged combat.
</ability>
<ability name="Combustion Flare">
Clinking both of his wrists against each other like flints unleashes a devestating fire blast from both of his fire-infused hands. A secure foothold is needed to prevent Sebin from being thrown back by the recoil of the attack. Using this technique in the air is therefore highly risky.
</ability>
<ability name="Blazing Pandemonium">
A heavy impact into the ground from a great height with both fists, tearing deep cracks in the ground around the impact crater. Combined with Kindled Fist the heat in Sebin's arms are forced through the newly created furrows, transforming the scene into an inferno.
</ability>
<ability name="Scorching Edge">
A fiery blade towering several meters into the air that Sebin sends careening towards his enemies from his fire-infused legs with a backflip kick, leaving a swath of destruction in its wake. Upon impact the force of the attack is distributed sideways.
</ability>
<ability name="Circling Fire Shield">
A rather defensive technique. By spinning around with stretched out arms Sebin creates fire balls, which he usually hurls towards enemies, that circle around his body diagonally. They act as a shield while he can still move his arms relatively freely. Enemies would be well advised to keep their distance to this spinning shield, as the fire balls will still explode on contact.
</ability>

78
src/sebin/sebin.11tydata.js
View file

@ -32,82 +32,6 @@ const firstName = 'Sebin',
girth: 5 // cm
},
description = 'Learn all about that derg!',
attacks = [
{
id: 'attack-fire-breath',
name: 'Fire Breath',
description:
'Like most fire dragons, Sebin can breathe fire. In order to do this, he takes a deep breath to enrich the oxygen in his lungs with gases, which, together with special glands in his mouth, produce a combustible mixture. The resulting jet of fire, reaching several hundred degrees Celsius, spreads out on its way to its target, scorching everything in its path.'
},
{
id: 'attack-flame-toss',
name: 'Flame Toss',
description:
'By spitting fire into his hands, Sebin can form it into a ball and use it as a projectile. His scales are fireproof and can withstand the high temperatures. Due to their high concentration, the projectiles explode upon impact. By combining two fireballs the explosion radius increases dramatically.'
},
{
id: 'attack-kindled-fist',
name: 'Kindled Fist',
description:
'Apart from throwing projectiles, Sebin can also use the fireballs to wrap his fists in fire. This allows him to inflict severe burns on his opponent with each blow. In addition, he can release the fire from his fists with aimed blows and hurl it at his opponents.'
},
{
id: 'attack-burning-twister',
name: 'Burning Twister',
description:
'A technique used in aerial combat, Sebin uses his fire breath to engulf his body in flames while spinning to become a fire tornado that singes opponents.'
}
],
overdriveAttacks = [
{
id: 'attack-fire-breath',
name: 'Fire Breath (improved)',
description:
"The reach of Sebin's Fire Breath increases as well as the frequency at which he can fire shots from his mouth."
},
{
id: 'attack-flame-toss',
name: 'Flame Toss (improved)',
description:
'Overdrive Form eliminates the need for Sebin to spit fire into his palms. It instead enables him to fire the shots directly from the palm palm of his hands, as the firey veins crossing his arms act as an orifice to do so. The explosion radius of the burning projectiles that explode on impact is greatly increased.'
},
{
id: 'attack-kindled-fist',
name: 'Kindled Fist (improved)',
description:
'As his arms and legs are infused with fire his punches and kicks exert trails of flames while doing so. Landing a punch or kick sears enemies.'
},
{
id: 'attack-burning-twister',
name: 'Searing Discus',
description:
'Overdrive allows Sebin to form rings of fire by igniting flames from his fingertips and swirling them in a circle motion. He can use them for both close quarters or ranged combat.'
},
{
id: 'attack-fire-breath',
name: 'Combustion Flare',
description:
'Clinking both of his wrists against each other like flints unleashes a devestating fire blast from both of his fire-infused hands. A secure foothold is needed to prevent Sebin from being thrown back by the recoil of the attack. Using this technique in the air is therefore highly risky.'
},
{
id: 'attack-flame-toss',
name: 'Blazing Pandemonium',
description:
"A heavy impact into the ground from a great height with both fists, tearing deep cracks in the ground around the impact crater. Combined with Kindled Fist the heat in Sebin's arms are forced through the newly created furrows, transforming the scene into an inferno."
},
{
id: 'attack-kindled-fist',
name: 'Scorching Edge',
description:
'A fiery blade towering several meters into the air that Sebin sends careening towards his enemies from his fire-infused legs with a backflip kick, leaving a swath of destruction in its wake. Upon impact the force of the attack is distributed sideways.'
},
{
id: 'attack-burning-twister',
name: 'Circling Fire Shield',
description:
'A rather defensive technique. By spinning around with stretched out arms Sebin creates fire balls, which he usually hurls towards enemies, that circle around his body diagonally. They act as a shield while he can still move his arms relatively freely. Enemies would be well advised to keep their distance to this spinning shield, as the fire balls will still explode on contact.'
}
],
kinks = [
{ name: 'Absorption', rating: 0 },
{ name: 'Anal', rating: 3, receive: true, give: true },
@ -299,8 +223,6 @@ export default {
position,
kinks,
description,
attacks,
overdriveAttacks,
getFullName,
getTraits,
getColors