EaglercraftX-Client-Collections/EaglercraftX-Site
4
5
Fork 2
Code Issues Pull Requests Actions Projects Wiki Activity

Discord widget

Browse Source
This commit is contained in:
PrestonT500 2024-09-19 10:20:16 -07:00
parent 535aeaa282
commit 061c4fe53b
2 changed files with 61 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/index.css
View File

@ -14,13 +14,11 @@ h1 {
color: #333;
}
h2,
p {
h2, p {
color: #555;
}
button,
.dropdown-btn {
button, .dropdown-btn {
background-color: #4caf50;
color: white;
padding: 10px 20px;
@ -126,3 +124,22 @@ button:hover {
width: 20px;
height: 20px;
}
.main-container {
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
}
.version-sections {
text-align: center;
width: 100%;
}
.discord-widget {
position: absolute;
right: 0;
top: 0;
margin-right: 20px;
}

70
index.html
View File

@ -29,38 +29,48 @@
<input type="text" id="search-bar" placeholder="Search Clients...">
</div>
<!-- Version 1.8 Section -->
<div id="desktopVersion18">
<p class="version-text">Version 1.8</p>
<a class="version-link filter-button" href="/eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
<div class="main-container">
<div class="version-sections">
<!-- Version 1.8 Section -->
<div id="desktopVersion18">
<p class="version-text">Version 1.8</p>
<a class="version-link filter-button" href="/eagler-files/1.8/main/index.html"><button>Main 1.8 Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/resent4.0/index.html"><button>Resent 4.0 Client <img src="images/Recomended.png" alt="Recommended" class="recommended"></button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/ShadowClient.html"><button>Shadow Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.8/EaglerForge/index.html"><button>EaglerForge [MODS!]</button></a>
</div>
<div id="mobileVersion18" style="display: none;">
<p class="version-text">Version 1.8 - Mobile</p>
<a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
<a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
</div>
<!-- Version 1.5.2 Section -->
<div id="desktopVersion152">
<p class="version-text">Version 1.5.2</p>
<a class="version-link filter-button" href="/eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2 Client</button></a>
</div>
<div id="mobileVersion152" style="display: none;">
<p class="version-text">Version 1.5.2 - Mobile</p>
<a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
<a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
</div>
</div>
<div id="mobileVersion18" style="display: none;">
<p class="version-text">Version 1.8 - Mobile</p>
<a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerMobile/index.html"><button>EaglerMobile 1.8</button></a>
<a class="version-link filter-button" href="/eagler-files/mobile/1.8/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.8</button></a>
</div>
<!-- Version 1.5.2 Section -->
<div id="desktopVersion152">
<p class="version-text">Version 1.5.2</p>
<a class="version-link filter-button" href="/eagler-files/1.5.2/main/index.html"><button>Main 1.5.2 Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.5.2/PrecisionBeta.html"><button>Precision Beta Client</button></a>
<a class="version-link filter-button" href="/eagler-files/1.5.2/precisionbeta2/index.html"><button>Precision Beta 2 Client</button></a>
</div>
<div id="mobileVersion152" style="display: none;">
<p class="version-text">Version 1.5.2 - Mobile</p>
<a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerMobile/index.html"><button>EaglerMobile 1.5.2</button></a>
<a class="version-link filter-button" href="/eagler-files/mobile/1.5.2/EaglerPocketMobile/index.html"><button>EaglerPocketMobile 1.5.2</button></a>
<!-- Discord Widget Section -->
<div class="discord-widget">
<iframe src="https://discord.com/widget?id=1283233883239743540&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
<script src="js/mobilecheck.js"></script>