Skip to content

Commit

Permalink
Loading
Loading status checks…
credits page finished and starting acheron page
Browse files Browse the repository at this point in the history
@zequen
zequen committed May 31, 2024

Verified

This commit was signed with the committer’s verified signature.
aduh95 Antoine du Hamel
GPG key ID: 21D900FFDB233756
Verified
Learn about vigilant mode
1 parent 6c9a0b2 commit b13892b
Showing 3 changed files with 366 additions and 68 deletions.
144 changes: 76 additions & 68 deletions acheron.html
View file
Original file line number Diff line number Diff line change
@@ -72,79 +72,87 @@
</div>
</nav>
</header>

<section class="section">
<div class="container">
<div class="section__header">
<h1 class="section__title">Acheron</h1>
<p class="section__subtitle">Acheron is a character in Honkai: Star Rail</p>
<section class=dataTabs>
<div class="tabs snipcss-2aqin">
<div class="single-tab Lightning active">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="circle-info" class="svg-inline--fa fa-circle-info " role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="18">
<path fill="currentColor"
d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Profile</p>
</div>

<div class="section__content">
<div class="section__data">
<div class="section__img">
<img src="images/acheron.png" alt="Acheron">
</div>

<div class="section__info">
<h2 class="section__subtitle">Acheron</h2>
<p class="section__description">Acheron is a character in Honkai: Star Rail. He is a
4-star character and is a member of the <strong>Black Dragon</strong> faction.</p>
<p class="section__description">Acheron is a <strong>Support</strong> character and his
element is <strong>Fire</strong>.</p>
<p class="section__description">Acheron's weapon of choice is a <strong>Staff</strong>.</p>
<p class="section__description">Acheron's role is to provide support to his team by
increasing their damage output and providing healing.</p>
</div>
</div>
<div class="single-tab Lightning ">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book"
class="svg-inline--fa fa-book " role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512" width="18">
<path fill="currentColor"
d="M448 336v-288C448 21.49 426.5 0 400 0H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-31.1c0-11.72-6.607-21.52-16-27.1v-81.36C441.8 362.8 448 350.2 448 336zM143.1 128h192C344.8 128 352 135.2 352 144C352 152.8 344.8 160 336 160H143.1C135.2 160 128 152.8 128 144C128 135.2 135.2 128 143.1 128zM143.1 192h192C344.8 192 352 199.2 352 208C352 216.8 344.8 224 336 224H143.1C135.2 224 128 216.8 128 208C128 199.2 135.2 192 143.1 192zM384 448H96c-17.67 0-32-14.33-32-32c0-17.67 14.33-32 32-32h288V448z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Review</p>
</div>
<div class="single-tab Lightning ">
<div class="top-icon"><svg aria-hidden="true" focusable="false" data-prefix="fas"
data-icon="diagram-project" class="svg-inline--fa fa-diagram-project " role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" width="18">
<path fill="currentColor"
d="M0 80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V96H384V80C384 53.49 405.5 32 432 32H528C554.5 32 576 53.49 576 80V176C576 202.5 554.5 224 528 224H432C405.5 224 384 202.5 384 176V160H192V176C192 177.7 191.9 179.4 191.7 180.1L272 288H368C394.5 288 416 309.5 416 336V432C416 458.5 394.5 480 368 480H272C245.5 480 224 458.5 224 432V336C224 334.3 224.1 332.6 224.3 331L144 224H48C21.49 224 0 202.5 0 176V80z">
<!-- this is the icon -->
</path>
</svg></div>
<p>Build & Teams</p>
</div>
</div>
</section>

<footer>
<section class="footerBar">
<div class="footerRow">
<div class="footerColumn">
<h4>zenridev</h4>
<p>all rights reserved to me and the stuff i used from google and youtube</p>
</div>
<div class="footerColumn">
<h4>Links</h4>
<ul>
<li><a href="./">Home</li></a>
<li><a href="./characters">Characters</li></a>
<li><a href="./tierlist">Tier List</li></a>
<li><a href="./credits">Credits</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Contact</h4>
<ul>
<li><a href="mailto:[email protected]"><i class="ri-mail-fill"></i>
[email protected]</li></a>
<li><a href="https://youtu.be/Jp02zEGc3cM?si=0Ob3xCm0bV9MZkeQ" target="_blank"><i
class="ri-discord-fill"></i> @znri</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Support Us</h4>
<div class="footerSupport">
<a href="https://github.com/zequen/zenridev" target="_blank"><i
class="ri-github-fill"></i></a>
<a href="https://youtu.be/UIp6_0kct_U?si=q_-FVGL1VO5ZKW8Y" target="_blank"><i
class="ri-patreon-fill"></i></a>
<a href="https://www.reddit.com/r/HonkaiStarRail/" target="_blank"><i
class="ri-reddit-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i
class="ri-twitter-x-fill"></i></a>
</div>
<footer>
<section class="footerBar">
<div class="footerRow">
<div class="footerColumn">
<h4>zenridev</h4>
<p>all rights reserved to me and the stuff i used from google and youtube</p>
</div>
<div class="footerColumn">
<h4>Links</h4>
<ul>
<li><a href="./">Home</li></a>
<li><a href="./characters">Characters</li></a>
<li><a href="./tierlist">Tier List</li></a>
<li><a href="./credits">Credits</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Contact</h4>
<ul>
<li><a href="mailto:[email protected]"><i class="ri-mail-fill"></i>
[email protected]</li></a>
<li><a href="https://youtu.be/Jp02zEGc3cM?si=0Ob3xCm0bV9MZkeQ" target="_blank"><i
class="ri-discord-fill"></i> @znri</li></a>
</ul>
</div>
<div class="footerColumn">
<h4>Support Us</h4>
<div class="footerSupport">
<a href="https://github.com/zequen/zenridev" target="_blank"><i class="ri-github-fill"></i></a>
<a href="https://youtu.be/UIp6_0kct_U?si=q_-FVGL1VO5ZKW8Y" target="_blank"><i
class="ri-patreon-fill"></i></a>
<a href="https://www.reddit.com/r/HonkaiStarRail/" target="_blank"><i
class="ri-reddit-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i
class="ri-twitter-x-fill"></i></a>
</div>
</div>
</section>
</footer>
</div>
</section>
</footer>

<!-- scroll reveal effect -->
<script src="https://unpkg.com/scrollreveal"></script>
<!-- scroll reveal effect -->
<script src="https://unpkg.com/scrollreveal"></script>

<!-- custom javascript link -->
<script src="script.js"></script>
<!-- custom javascript link -->
<script src="script.js"></script>
</body>
45 changes: 45 additions & 0 deletions credits.html
View file
Original file line number Diff line number Diff line change
@@ -73,6 +73,51 @@
</nav>
</header>

<section class="creditsDevs">
<h1 class="creditsHeading">Credits</h1>
<div class="creditsGrid">
<div class="creditsGridBox">
<img src="https://cdn.discordapp.com/avatars/256681925693931521/8d2e26be6e84b4b2a031535c4fae3e2d.webp?size=1024&format=webp&width=0&height=512"
class="creditsOlivineImage"></a>
<h3 class="creditsName">zenri</h3>
<p class="creditsDescription">Founder and Main Developer, did like everything</p><br>
<p class="creditsawards">"the black guy with the lightning has a good point"</p>
<div class=creditsIcons>
<a href="https://github.com/zequen/zenridev" target="_blank"><i class="ri-github-fill"></i></a>
<a href="https://youtu.be/UIp6_0kct_U?si=q_-FVGL1VO5ZKW8Y" target="_blank"><i
class="ri-patreon-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i class="ri-twitter-x-fill"></i></a>
</div>
</div>
<div class="creditsGridBox">
<img src="https://cdn.discordapp.com/avatars/238889021940432906/8a130cce366df82b75a2357cf3ea05a3.webp?size=1024&format=webp&width=0&height=512"
class="creditsOlivineImage"></a>
<h3 class="creditsName">Faye</h3>
<p class="creditsDescription">Contributor, helped with carousel and carousel timer</p><br>
<p class="creditsawards">"get over your ex gf"</p>
<div class=creditsIcons>
<a href="https://github.com/1337faye" target="_blank"><i class="ri-github-fill"></i></a>
<a href="https://youtu.be/UIp6_0kct_U?si=q_-FVGL1VO5ZKW8Y" target="_blank"><i
class="ri-patreon-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i class="ri-twitter-x-fill"></i></a>
</div>
</div>
<div class="creditsGridBox">
<img src="https://cdn.discordapp.com/avatars/403525824432832523/26a0e860e4107d3f24e3916256847337.webp?size=1024&format=webp&width=0&height=512"
class="creditsOlivineImage"></a>
<h3 class="creditsName">Olivine</h3>
<p class="creditsDescription">Random ass guy no idea why he's here</p><br>
<p class="creditsawards">"That's how it's done, and actually it's easier than a crayfish"</p>
<div class=creditsIcons>
<a href="https://github.com/OoidOlivine" target="_blank"><i class="ri-github-fill"></i></a>
<a href="https://www.reddit.com/r/HonkaiStarRail/" target="_blank"><i
class="ri-reddit-fill"></i></a>
<a href="https://twitter.com/honkaistarrail" target="_blank"><i class="ri-twitter-x-fill"></i></a>
</div>
</div>
</div>
</section>

<footer>
<section class="footerBar">
<div class="footerRow">
Loading

0 comments on commit b13892b

Please sign in to comment.