PrestonT500/EaglercraftX-Site-LFS-FIX
0
0
Fork 0
forked from EaglercraftX-Client-Collections/EaglercraftX-Site
Code Pull Requests 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; color: #333;
} }
h2, h2, p {
p {
color: #555; color: #555;
} }
button, button, .dropdown-btn {
.dropdown-btn {
background-color: #4caf50; background-color: #4caf50;
color: white; color: white;
padding: 10px 20px; padding: 10px 20px;
@ -126,3 +124,22 @@ button:hover {
width: 20px; width: 20px;
height: 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;
}

10
index.html
View File

@ -29,6 +29,8 @@
<input type="text" id="search-bar" placeholder="Search Clients..."> <input type="text" id="search-bar" placeholder="Search Clients...">
</div> </div>
<div class="main-container">
<div class="version-sections">
<!-- Version 1.8 Section --> <!-- Version 1.8 Section -->
<div id="desktopVersion18"> <div id="desktopVersion18">
<p class="version-text">Version 1.8</p> <p class="version-text">Version 1.8</p>
@ -61,6 +63,14 @@
<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/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> <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>
<!-- 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> <script src="js/mobilecheck.js"></script>