Skip to content

Commit

Permalink
up
Browse files Browse the repository at this point in the history
  • Loading branch information
@Purge11
Purge11 committed Sep 7, 2024
1 parent dc2c415 commit 3aa1203
Show file tree
Hide file tree
Showing 2 changed files with 202 additions and 39 deletions.
125 changes: 99 additions & 26 deletions src/app/prestige-system/prestige-system.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,30 +1,103 @@
<div class="d-flex justify-content-center">
<section class="prestige-system">
<h1 class="prestige-system-title-1">Prestige System<img width="50px" src="../../assets/img/prestiges/prestige_icon.png" alt=""><hr></h1>

<div class="w-75">
<h2 class="prestige-system-title-2">-- What are Prestiges? --</h2>
<p class="prestige-system-text">
Prestiges are the way to level up and unlock content in NosVoid. There are 5 Prestiges.
</p>
<hr>
<h2 class="prestige-system-title-2">-- How to pass your Prestige? --</h2>
<p class="prestige-system-text">
Once you reached the maximum level of your current Prestige, you need to go to the bottom right
of NosVille and buy a Prestige Item.
After using the Prestige Item (you need to remove all your equipments to use it), your level
will be downgraded.
</p>
<hr>
<h3 class="prestige-system-title-3">-- Prestige Max Levels: --</h3>
<ul class="prestige-lvls">
<li class="prestige-lvl">Prestige 0 : 99</li>
<li class="prestige-lvl">Prestige 1 : 99+30</li>
<li class="prestige-lvl">Prestige 2 : 99+55</li>
<li class="prestige-lvl">Prestige 3 : 99+60</li>
<li class="prestige-lvl">Prestige 4 : 99+60</li>
<li class="prestige-lvl">Prestige 5 : 99+70</li>
</ul>
</div>
<h1 class="prestige-system-title-1">
Prestige System
<img width="50px" src="../../assets/img/prestiges/prestige_icon.png" alt="">
<hr>
</h1>

<div class="w-75">
<h2 class="prestige-system-title-2">✨ What are Prestiges? ✨</h2>
<p class="prestige-system-text">
Prestiges are the way to level up and unlock content in NosVoid. There are 5 Prestiges.
</p>
<hr>
<h2 class="prestige-system-title-2">🔑 How to pass your Prestige? 🔑</h2>
<p class="prestige-system-text">
Once you reach the maximum level of your current Prestige, go to the bottom right of NosVille and buy a Prestige Item.
<br>After using the Prestige Item (you need to remove all your equipment to use it), your level will be downgraded.
</p>
<hr>
<h3 class="prestige-system-title-3">📊 Prestige Max Levels:</h3>
<ul class="prestige-lvls">
<li class="prestige-lvl">Prestige 0 : 99</li>
<li class="prestige-lvl">Prestige 1 : 99+30</li>
<li class="prestige-lvl">Prestige 2 : 99+55</li>
<li class="prestige-lvl">Prestige 3 : 99+60</li>
<li class="prestige-lvl">Prestige 4 : 99+60</li>
<li class="prestige-lvl">Prestige 5 : 99+70</li>
<li class="prestige-lvl">Prestige 6 : 99+80</li>
</ul>
</div>
</section>
</div>

<style>
body {
background: linear-gradient(135deg, #282828, #3b3b3b);
font-family: 'Arial', sans-serif;
color: #f0f0f0;
}

.prestige-system {
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
padding: 40px;
width: 85%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
margin: 30px;
}

.prestige-system-title-1 {
font-size: 3em;
color: #ffcc33;
margin-bottom: 30px;
text-align: center;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.prestige-system-title-2 {
font-size: 2.2em;
color: #ff9933;
margin-top: 30px;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.prestige-system-title-3 {
font-size: 2em;
color: #ff66cc;
margin-top: 20px;
}

.prestige-system-text {
font-size: 1.4em;
color: #f4f4f4;
line-height: 1.8em;
margin-top: 10px;
}

.prestige-lvls {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}

.prestige-lvl::before {
content: "\2714"; /* Checkmark symbol */
color: #00cc99;
margin-right: 10px;
}

.prestige-lvl {
font-size: 1.3em;
color: #ffcc99;
line-height: 1.8em;
}

.w-75 {
background: rgba(30, 30, 30, 0.9);
padding: 25px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
</style>
116 changes: 103 additions & 13 deletions src/app/world-bosses/world-bosses.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,28 +3,31 @@
<h1 class="world-bosses-title-1">World Bosses</h1>

<div class="w-75">
<h2 class="world-bosses-title-2">Fire God Grenigas World Boss</h2>
<h2 class="world-bosses-title-2">🔥 Fire God Grenigas World Boss</h2>
<p class="world-bosses-text">
At 16:00 and 22:45 the World Boss spawns at World Boss Area $warp wb. You need to kill the
World Boss to get Tattoo and Carve Boxes
At <span class="highlight-time">16:00</span> and <span class="highlight-time">22:45</span> the World Boss spawns at World Boss Area <span class="warp-command">$warp wb</span>. You need to kill the World Boss to get Tattoo and Carve Boxes.
</p>
<h2 class="world-bosses-title-2">Act 4 World Boss</h2>

<h2 class="world-bosses-title-2">⚔️ Act 4 World Boss</h2>
<p class="world-bosses-text">
At 16:15 and 23:00 a portal spawn in Act4 Citadel. <br>
At <span class="highlight-time">16:15</span> and <span class="highlight-time">23:00</span> a portal spawns in Act4 Citadel. <br>
First, Angels and Demons need to kill the World Boss. <br>
Second, Angels and Demons will fight. The first side that reaches 300 kills wins. <br>
At the end, everyone get :
Second, Angels and Demons will fight. The first side that reaches <span class="highlight-important">300 kills</span> wins. <br>
At the end, everyone gets:
</p>
<ul class="act4-wb-rewards">
<li class="act4-wb-reward">- 2x Tattoo Box 1</li>
<li class="act4-wb-reward">- 2x Tattoo Box 2</li>
<li class="act4-wb-reward">- 2x Tattoo Box 3</li>
<li class="act4-wb-reward">- 2x Tattoo Box 3</li>
<li class="act4-wb-reward">- 2x Carve Runes Box 1</li>
<li class="act4-wb-reward">- 2x Carve Runes Box 2</li>
<li class="act4-wb-reward">- 1x Carve Runes Box 4</li>
<li class="act4-wb-reward">- 1x Carve Runes Box 5</li>
</ul>
<h3 class="world-bosses-title-3">Winner and Loser Side Boxes :</h3>
<h3 class="world-bosses-title-3">🏆 Winner and Loser Side Boxes :</h3>
<p class="world-bosses-text">
The chance to get items change between Winner and Loser Side Boxes.
The chance to get items varies between Winner and Loser Side Boxes.
</p>
<ul class="act4-wb-rewards">
<li class="act4-wb-reward">- 1x Costume Piece</li>
Expand All @@ -33,12 +36,99 @@ <h3 class="world-bosses-title-3">Winner and Loser Side Boxes :</h3>
<li class="act4-wb-reward">- 1x Cold Heart</li>
</ul>

<h2 class="world-bosses-title-2">Volcano World Boss</h2>
<h2 class="world-bosses-title-2">🌋 Volcano World Boss</h2>
<p class="world-bosses-text">
At 20:00 the World Boss spawns at World Boss Area $warp wb
Double-Instanced World boss, defeat minibosses to obtain items of great value.
After defeating minibosses, a World Boss will spawn.
At <span class="highlight-time">20:00</span> the World Boss spawns at World Boss Area <span class="warp-command">$warp wb</span>. Double-instanced World Boss, defeat minibosses to obtain items of great value. After defeating minibosses, the World Boss will spawn.
</p>
</div>
</section>
</div>

<style>
body {
background: linear-gradient(135deg, #1e1e1e, #3c3c3c);
font-family: 'Arial', sans-serif;
color: #fff;
}

.world-bosses {
background: rgba(0, 0, 0, 0.8);
border-radius: 15px;
padding: 40px;
width: 85%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
margin: 30px;
color: #fff;
}

.world-bosses-title-1 {
font-size: 3.2em;
color: #ffcc00;
margin-bottom: 30px;
text-align: center;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7);
}

.world-bosses-title-2 {
font-size: 2em;
color: #ff9933;
margin-top: 30px;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.world-bosses-title-3 {
font-size: 1.8em;
color: #66ccff;
margin-top: 20px;
}

.world-bosses-text {
font-size: 1.4em;
color: #f4f4f4;
line-height: 1.8em;
margin-top: 10px;
}

.highlight-time {
font-weight: bold;
color: #ffcc00;
}

.warp-command {
background-color: #ff9933;
padding: 4px 8px;
border-radius: 5px;
color: #fff;
font-weight: bold;
}

.highlight-important {
font-weight: bold;
color: #ff5555;
}

.act4-wb-rewards {
list-style-type: none;
padding-left: 0;
margin-top: 10px;
}

.act4-wb-reward::before {
content: "\2714"; /* Checkmark symbol */
color: #00cc99;
margin-right: 10px;
}

.act4-wb-reward {
font-size: 1.3em;
color: #ffcc99;
line-height: 1.8em;
}

.w-75 {
background: rgba(30, 30, 30, 0.9);
padding: 25px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
</style>

0 comments on commit 3aa1203

Please sign in to comment.