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

refactor: ♻️ reorder attacks for clarity

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-25 01:33:32 +01:00
parent ee7930a8d5
commit 3c1afafefa
1 changed files with 144 additions and 89 deletions
Download patch file Download diff file Expand all files Collapse all files

233
src/App.vue
View file

@ -471,7 +471,46 @@
</p> </p>
</div> </div>
<h3>Overdrive Form</h3> <h3>Attacks</h3>
<div class="prose">
<table class="attacks">
<tr>
<td><strong>Fire Breath</strong></td>
<td>
Either a long breath of fire or short bursts fired directly from
Sebin's mouth.
</td>
</tr>
<tr>
<td><strong>Flame Toss</strong></td>
<td>
Sebin spits fireballs into his hands to throw them at his
opponents. His scales are fireproof and can withstand the high
temperatures. On impact these fireballs explode into a bigger
fire bursts with a diameter of 1-2 meters. He can also combine
two fireballs into a bigger one for bigger impact.
</td>
</tr>
<tr>
<td><strong>Kindled Fist</strong></td>
<td>
Besides throwing fireballs Sebin can also greatly increase the
speed of the projectiles by a strong punch or kick.
</td>
</tr>
<tr>
<td><strong>Burning Twister</strong></td>
<td>
An attack for aerial combat, Sebin can use his fire breath to
engulf his body in flames while spinning to become a fire
tornado that singes opponents.
</td>
</tr>
</table>
</div>
<h2>Overdrive Form</h2>
<ref-figure> <ref-figure>
<template #img> <template #img>
<div> <div>
@ -526,94 +565,85 @@
</p> </p>
</div> </div>
<h2>Attacks</h2> <h3>Attacks</h3>
<h3>Normal Form</h3>
<div class="prose"> <div class="prose">
<p> <table class="attacks">
<strong>Fire Breath:</strong> Either a long breath of fire or short <tr>
bursts fired directly from Sebin's mouth. <td><strong>Fire Breath</strong> (improved)</td>
</p> <td>
The reach of Sebin's Fire Breath increases as well as the
<p> frequency at which he can fire shots from his mouth.
<strong>Flame Toss:</strong> Sebin spits fireballs into his hands to </td>
throw them at his opponents. His scales are fireproof and can </tr>
withstand the high temperatures. On impact these fireballs explode <tr>
into a bigger fire bursts with a diameter of 1-2 meters. He can also <td><strong>Flame Toss</strong> (improved)</td>
combine two fireballs into a bigger one for bigger impact. <td>
</p> Overdrive Form eliminates the need for Sebin to spit fire into
his palms. It instead enables him to fire the shots directly
<p> from the palm of his hands, as the firey veins crossing his arms
<strong>Kindled Fist:</strong> Besides throwing fireballs Sebin can act as an orifice to do so. The explosion radius of the burning
also greatly increase the speed of the projectiles by a strong punch projectiles that explode on impact is greatly increased.
or kick. </td>
</p> </tr>
<tr>
<p> <td><strong>Kindled Fist</strong> (improved)</td>
<strong>Burning Twister:</strong> An attack for aerial combat, Sebin <td>
can use his fire breath to engulf his body in flames while spinning As his arms and legs are infused with fire his punches and kicks
to become a fire tornado that singes opponents. exert trails of flames while doing so. Landing a punch or kick
</p> sears enemies.
</div> </td>
</tr>
<h3>Attacks in Overdrive Form</h3> <!-- <tr>
<div class="prose"> <td><strong>Searing Discus</strong></td>
<p> <td>
<strong>Fire Breath:</strong> The reach of Sebin's Fire Breath Overdrive allows Sebin to form rings of fire by igniting flames
increases as well as the frequency at which he can fire shots from from his fingertips and swirling them in a circle motion. He can
his mouth. use them for both close quarters or ranged combat.
</p> </td>
</tr> -->
<p> <tr>
<strong>Flame Toss:</strong> Overdrive Form eliminates the need for <td><strong>Combustion Flare</strong></td>
Sebin to spit fire into his palms. It instead enables him to fire <td>
the shots directly from the palm of his hands, as the firey veins Clinking both of his wrists against each other like flints
crossing his arms act as an orifice to do so. The explosion radius unleashes a devestating fire blast from both of his fire-infused
of the burning projectiles that explode on impact is greatly hands. A secure foothold is needed to prevent Sebin from being
increased. thrown back by the recoil of the attack. Using this technique in
</p> the air is therefore highly risky.
</td>
<p> </tr>
<strong>Searing Discus:</strong> Overdrive allows Sebin to form <tr>
rings of fire by igniting flames from his fingertips and swirling <td><strong>Blazing Pandemonium</strong></td>
them in a circle motion. He can use them for both close quarters or <td>
ranged combat. A heavy impact into the ground from a great height with both
</p> fists, tearing deep cracks in the ground around the impact
crater. Combined with <strong><em>Kindled Fist</em></strong>
<p> the heat in Sebin's arms are forced through the newly created
<strong>Combustion Flare:</strong> A devastating firestorm by furrows, transforming the scene into an inferno.
combining the power of both hands from his fire-infused arms. The </td>
impact of the two carbon-like palms against each other is like the </tr>
clash of two flints, used to ignite the attack. A secure foothold is <tr>
needed to prevent Sebin from being thrown back by the recoil of the <td><strong>Scorching Edge</strong></td>
attack. Using this technique in the air is therefore highly risky. <td>
</p> A fiery blade towering several meters into the air that Sebin
sends careening towards his enemies from his fire-infused legs
<p> with a backflip kick, leaving a swath of destruction in its
<strong>Blazing Pandemonium:</strong> A heavy impact into the ground wake. Upon impact the force of the attack is distributed
from a great height with both fists, tearing deep cracks in the sideways.
ground around the impact crater. Combined with </td>
<em>Burning Twister</em>, the flames that previously surrounded </tr>
Sebin's body are forced through the newly created furrows, <tr>
transforming the scene into an inferno. <td><strong>Circling Fire Shield</strong></td>
</p> <td>
A rather defensive technique. By spinning around with stretched
<p> out arms Sebin creates fire balls, which he usually hurls
<strong>Scorching Edge:</strong> A fiery blade towering several towards enemies, that circle around his body diagonally. They
meters into the air that Sebin sends careening towards his enemies act as a shield while he can still move his arms relatively
from his fire-infused legs with a backflip kick, leaving a swath of freely. Enemies would be well advised to keep their distance to
destruction in its wake. Upon impact the force of the attack is this spinning shield, as the fire balls will still explode on
distributed sideways. contact.
</p> </td>
</tr>
<p> </table>
<strong>Circling Fire Shield:</strong> 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.
</p>
</div> </div>
</section> </section>
</main> </main>
@ -717,7 +747,8 @@ main {
h2, h2,
h3, h3,
p, p,
.quickfacts { .quickfacts,
.attacks {
margin-left: 1rem; margin-left: 1rem;
margin-right: 1rem; margin-right: 1rem;
} }
@ -733,4 +764,28 @@ section {
border-bottom: 0.125em $copy-color dotted; border-bottom: 0.125em $copy-color dotted;
} }
} }
.attacks {
tr {
display: flex;
flex-flow: row wrap;
align-items: center;
padding: 0.375em 0;
@include mq-desktop {
flex-flow: row nowrap;
}
td {
flex: 1 1 auto;
&:first-child {
@include mq-desktop {
flex: 0 0 8em;
}
}
}
}
}
</style> </style>