Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: cards with img and repeated card #1208

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

fix: cards with img and repeated card #1208

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added Images/mirai-sarutobi.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
235 changes: 5 additions & 230 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -719,7 +719,7 @@ <h2 class="card-title">Anko Mitarashi</h2>
<div class="card-content">
<h2 class="card-title">Hayate Gekko</h2>
</div>
<img data-src="./Images/Hayate_Gekk%3F.jpg" alt="Hayate Gekko" height="300px" width="300px"
<img data-src="./Images/Hayate_Gekko.jpg" alt="Hayate Gekko" height="300px" width="300px"
class="img_card">

</div>
Expand Down Expand Up @@ -2380,36 +2380,6 @@ <h2 class="card-title">Inari</h2>
</div>
<!--Inari card end-->

<!-- Third Raikage card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Third Raikage</h2>
</div>

<img data-src="Images/Raikage3.png" alt="Third Raikage" height="300px" width="300px">
</div>
<div class="flip-card-back">
<p class="card-text">The Third Raikage (三代目雷影, Sandaime Raikage, literally meaning: Third
Lightning Shadow) of Kumogakure, was renowned to be the greatest Raikage the village has
ever had.</p>
<p>The Third Raikage's rule was punctuated by the berserk attacks of the Eight-Tails but as
Kumogakure couldn't afford to dispose of such a valuable war deterrent, he was forced to
look for a suitable jinchūriki in quick succession, after the conclusion of each
rampage. During one of these attacks, he fought the Eight-Tails alone, allowing his
comrades to escape. Their battle resulted in him receiving a self-inflicted wound to the
chest after he collapsed upon his own hand, which became his life's shame.</p>
<p>Since this event, he made it a personal duty to combat the Eight-Tails whenever its
jinchūriki lost control, eventually making even his son become part of the group that
supported him during these occurrences. He chose to seal the Eight-Tails in the Kohaku
no Jōhei, resulting in his nephew's death, hoping that someone else would have more
success in controlling it.</p>
</div>
</div>
</div>
<!--Third Raikage card end-->

<!-- Shikadai card start-->
<div class="flip-card">
<div class="flip-card-inner">
Expand Down Expand Up @@ -3617,7 +3587,7 @@ <h2 class="card-title">Gold and Silver Brothers</h2>
<div class="card-content">
<h2 class="card-title">Shino Aburame</h2>
</div>
<img data-src="" alt="shino" height="300px" width="300px" class="img_card">
<img data-src="./Images/Shino Aburame.jpg" alt="shino" height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">A member of the Aburame clan, an expert in ninja
Expand Down Expand Up @@ -3756,7 +3726,7 @@ <h2 class="card-title">A Third Raikage</h2>
</div>
</div>
</div>
<!--[A (Third Raikage)] card end-->
<!--[A (Third Raikage)] card end -->

<div class="flip-card">
<div class="flip-card-inner">
Expand Down Expand Up @@ -3858,96 +3828,6 @@ <h2 class="card-title">Kushina Uzumaki</h2>
</div>
<!--[Kushina Uzumaki] card end-->


<!-- [Mito Uzumaki] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Mito Uzumaki</h2>
</div>
<img src="Images\Mito.jpeg" alt="Mito" height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">[Mito Uzumaki (うずまきミト, Uzumaki Mito) was a kunoichi who originated from
Uzushiogakure's Uzumaki clan.
After migrating to Konohagakure, she married Hashirama Senju, the village's First
Hokage.]
</p>
<p>Mito seemed to be a very calm and composed individual with a dignified air about her. She
also had a strong
sense of duty to her husband and the village as seen when she turned herself into a
jinchūriki by sealing
Kurama into herself in order to gain power for her husband.[2] During the time when
Kushina discovered
that she was to be made a jinchūriki, Mito comforted her, and told her about how to cope
with being a
jinchūriki sharing how she usually climbed the stairs of her residence in order to see
her husband's
face on the Hokage Rock. Mito was also described as gentle and reassuring</p>
</div>
</div>
</div>
<!--[Mito Uzumaki] card end-->


<!-- [Kushina Uzumaki] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Kushina Uzumaki</h2>
</div>
<img src="Images\Kushina_Uzumaki.png" alt="Kushina" height="300px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">[Kushina Uzumaki (うずまき クシナ, Uzumaki Kushina) is the mother of the
series' protagonist, Naruto Uzumaki and the wife of the Fourth Hokage, Minato Namikaze.]
</p>
<p>While Naruto physically resembles his father, Minato, he inherits most of his personality
from Kushina, who is brash, temperamental, likes ramen, and even has the "Believe it!".
Being a member of the Uzumaki Clan, Kushina possesses a special chakra that was
distinguished even among her peers, causing her to be sent from her homeland to
Konohagakure to be the host of Kurama, replacing Mito Uzumaki.</p>
</div>
</div>
</div>
<!--[Kushina Uzumaki] card end-->


<!-- [Mito Uzumaki] card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Mito Uzumaki</h2>
</div>
<img src="Images\Mito.jpeg" alt="Mito" height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">[Mito Uzumaki (うずまきミト, Uzumaki Mito) was a kunoichi who originated from
Uzushiogakure's Uzumaki clan.
After migrating to Konohagakure, she married Hashirama Senju, the village's First
Hokage.]
</p>
<p>Mito seemed to be a very calm and composed individual with a dignified air about her. She
also had a strong
sense of duty to her husband and the village as seen when she turned herself into a
jinchūriki by sealing
Kurama into herself in order to gain power for her husband.[2] During the time when
Kushina discovered
that she was to be made a jinchūriki, Mito comforted her, and told her about how to cope
with being a
jinchūriki sharing how she usually climbed the stairs of her residence in order to see
her husband's
face on the Hokage Rock. Mito was also described as gentle and reassuring</p>
</div>
</div>
</div>
<!--[Mito Uzumaki] card end-->


<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
Expand Down Expand Up @@ -4285,7 +4165,7 @@ <h2 class="card-title">Kurenai</h2>
<div class="card-content">
<h2 class="card-title">Mirai</h2>
</div>
<img data-src="https://static.wikia.nocookie.net/naruto/images/7/7a/Mirai_Sarutobi.png/revision/latest/scale-to-width-down/300?cb=20190616124826"
<img data-src="./Images/mirai-sarutobi.png"
alt="Mirai" height="350px" width="250px">
</div>
<div class="flip-card-back">
Expand All @@ -4300,34 +4180,6 @@ <h2 class="card-title">Mirai Sarutobi</h2>
</div>

<!-- [Mirai Sarutobi] card end-->
<!--[Temari] card start-->

<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Temari</h2>
</div>
<img data-src="https://th.bing.com/th/id/OIP.VLNfQJX3TxPnAYDDV8v9_QHaGV?pid=ImgDet&rs=1"
alt="Temari" height="350px" width="250px">
</div>
<div class="flip-card-back">
<div class="card-content">
<h2 class="card-title">Temari</h2>
</div>
<p class="card-text">Temari Nara is a Hidden Sand Village Ninja that is most known for her
affiliation with Three Sand
Siblings and marriage to Shikamaru Nara.
Although somewhat of a side character, she has very powerful ninjitsu and analytical
skills.

</p>
</div>
</div>
</div>

<!-- [Temari] card end-->

<!-- start temari -->
<div class="flip-card">
<div class="flip-card-inner">
Expand Down Expand Up @@ -4633,31 +4485,6 @@ <h2 class="card-title">Amado</h2>
</div>
</div>
<!-- Hero [character name] card end-->
<!-- Yugito Nii card start-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Yugito Nii</h2>
</div>
<img data-src="./Images/YugitoNii.jpg" alt="Yugito Nii" height="300px" width="300px"
class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Yugito Nii: The Two-Tails Jinchūriki</p>
<p>Yugito Nii, a formidable kunoichi from Kumogakure,
was the chosen jinchūriki of the Two-Tails, Matatabi.
Symbolizing both strength and loyalty to her village,
she mastered control over her Tailed Beast, showcasing
a harmony not seen in many jinchūriki. Despite her prowess,
she fell victim to the Akatsuki's hunt for the tailed beasts.
Her legacy in the Naruto series provides insight into the
challenges and solitude faced by those carrying the weight
of a tailed beast within them.</p>
</div>
</div>
</div>
<!--Yugito Nii card end-->

<!--[SAKUMO HATAKE] card start-->

Expand All @@ -4682,7 +4509,6 @@ <h2 class="card-title">Sakumo Hatake 2.0</h2>
</div>
</div>
</div>

<!-- [SAKUMO HATAKE] card end-->


Expand Down Expand Up @@ -4750,58 +4576,7 @@ <h2 class="card-title">Choji Akimichi</h2>
</div>
<!-- Hero [character name] card end-->

<!-- Hero [Hamura-Otsutsuki] card start-->
<div class="flip-card animate__animated animate__flipInX good">
<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Hamura Otsutsuki</h2>
</div>
<img data-src="./Images/Hamura-otsutsuki.jpeg" alt="Hamura-otsutsuki" height="300px"
width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Hamura is the brother of Hagoromo Otsutsuki (also known as the Sage of
the Six Paths) and the son of Kaguya Otsutsuki. He played a crucial role in the series
as one of the first users of chakra and a protector of Earth alongside his brother.</p>
<p>After defeating Kaguya, Hamura chose to remain on the moon to guard the powerful Ten
Tails beast, while his brother stayed on Earth. He established the Moon Clan, which
later became known as the Hyuga clan in the Naruto series. Hamura's legacy echoes
throughout the series, emphasizing the importance of balance and cooperation between
different forces for the world's harmony. His story adds depth to the intricate
mythology of the Naruto universe.</p>

</div>
</div>
</div>
<!-- Hero [Hamura-Otsutsuki] card start-->

<div class="flip-card animate__animated animate__flipInX good">

<div class="flip-card-inner">
<div class="flip-card-front">
<div class="card-content">
<h2 class="card-title">Hamura Otsutsuki</h2>
</div>
<img data-src="./Images/Hamura-otsutsuki.jpeg" alt="Hamura-otsutsuki" height="300px"
width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">Hamura is the brother of Hagoromo Otsutsuki (also known as the Sage of
the Six Paths) and the son of Kaguya Otsutsuki. He played a crucial role in the series
as one of the first users of chakra and a protector of Earth alongside his brother.</p>
<p>After defeating Kaguya, Hamura chose to remain on the moon to guard the powerful Ten
Tails beast, while his brother stayed on Earth. He established the Moon Clan, which
later became known as the Hyuga clan in the Naruto series. Hamura's legacy echoes
throughout the series, emphasizing the importance of balance and cooperation between
different forces for the world's harmony. His story adds depth to the intricate
mythology of the Naruto universe.</p>


</div>
</div>
</div>
<!-- Hero [character name] card end-->

<!-- Hero [Hamura-Otsutsuki] card start-->

Expand Down Expand Up @@ -4949,7 +4724,7 @@ <h2 class="card-title">Menma</h2>
<div class="card-content">
<h2 class="card-title">Indra Otsutsuki</h2>
</div>
<img data-src=https://i0.wp.com/www.gyaniboys.com/wp-content/uploads/2023/06/Untitled-design-23.png?fit=1920%2C1080&ssl=1
<img data-src="./Images/indra.png"
alt="Indra Otsutsuki" height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
Expand Down