LCE-Hub-Mirrors/lce-hub.github.io
1
0
Fork 0
mirror of https://github.com/LCE-Hub/lce-hub.github.io.git synced 2026-08-20 04:27:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Downloads overhaul

Browse source
This commit is contained in:
Santiago Fisela 2026-03-14 18:23:41 -03:00
parent c9fda0eaff
commit b513664fbf
2 changed files with 99 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
index.html
View file

@ -199,23 +199,37 @@
</section> </section>
<section class="tab-content" id="download"> <section class="tab-content" id="download">
<div class="home-layout"> <div class="features-layout">
<div class="cta-section" style="margin-top: 50px;"> <div class="overview-box" style="text-align: center;">
<h2>Download Emerald Legacy Launcher</h2> <h2>Get Emerald Legacy</h2>
<p>Select your operating system to view available installers and architectures.</p>
</div> </div>
<div class="action-buttons" style="margin-top: 20px;">
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest" <div class="os-grid">
class="main-btn" id="download-win"> <div class="os-card">
<span>Download for Windows</span> <div class="os-icon"><i class="fab fa-windows"></i></div>
</a> <h3>Windows</h3>
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest" <button class="main-btn os-btn" id="download-win">Select Version</button>
class="main-btn" id="download-linux"> </div>
<span>Download for Linux</span> <div class="os-card">
</a> <div class="os-icon"><i class="fab fa-linux"></i></div>
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest" <h3>Linux</h3>
class="main-btn" id="download-macos"> <button class="main-btn os-btn" id="download-linux">Select Version</button>
<span>Download for macOS</span> </div>
</a> <div class="os-card">
<div class="os-icon"><i class="fab fa-apple"></i></div>
<h3>macOS</h3>
<button class="main-btn os-btn" id="download-macos">Select Version</button>
</div>
</div>
<div class="alpha-disclaimer" style="margin-top: auto; border-color: #7c7c7c;">
<div class="item-icon">⚠️</div>
<div class="disclaimer-text">
<h3>Windows SmartScreen</h3>
<p>Because the launcher is unsigned, Windows may show a warning. Click <strong>"More info"</strong>
and then <strong>"Run anyway"</strong> to proceed safely.</p>
</div>
</div> </div>
</div> </div>
</section> </section>

69
src/style.css
View file

@ -784,4 +784,73 @@ body {
.item-icon i.fa-rust { .item-icon i.fa-rust {
color: #f74c00; color: #f74c00;
}
.os-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 10px;
}
.os-card {
background: #cecece;
border: 4px solid #f0f0f0;
border-right-color: #7b7b7b;
border-bottom-color: #7b7b7b;
padding: 30px 20px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
position: relative;
transition: transform 0.1s;
}
.os-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #1a1a1a;
pointer-events: none;
}
.os-icon {
font-size: 4rem;
color: #4c4c4c;
text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}
.os-card h3 {
font-size: 1.8rem;
color: #1a1a1a;
text-transform: uppercase;
}
.os-btn {
width: 100% !important;
height: 50px !important;
font-size: 1.2rem !important;
}
.os-card:hover .fa-windows {
color: #00a4ef;
}
.os-card:hover .fa-linux {
color: #fcc624;
}
.os-card:hover .fa-apple {
color: #fff;
}
@media (max-width: 800px) {
.os-grid {
grid-template-columns: 1fr;
}
} }