EaglercraftX-Site/index.html

110 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EaglerCraftX</title>
<link rel="icon" type="image/x-icon" href="images/icon.jpeg">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/popup.css">
<link rel="stylesheet" href="css/searchbar.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="js/searchbar.js"></script>
<script src="js/popup.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
</head>
<body>
<h1>EAGLERCRAFT X CLIENT COLLECTION</h1 class="title">
<!-- <p>Site views counter:</p>
<div><a><img src='https://www.free-website-hit-counter.com/c.php?d=9&id=177632&s=16' border='0' alt='View Counter'></a></div>
<p>These clients might be outdated.</p>
<p>Have any questions, bug reports or suggestions? Join our Discord server by pressing the button below!</p>
<a href="https://discord.gg/czV7M8JXXM" class="dsc-btn" target="_blank">Discord Server</a>
<p>Scroll down to the bottom for buttons/links.</p>
<h2 class="pick-client">Pick a Client:</h2>
<label for="mobileCheckbox">Mobile Checkbox</label>
<input type="checkbox" id="mobileCheckbox"> -->
<div class="search-container">
<!-- thats right a closed input tag (and the input is a flexbox!), we going full dumbass mode-->
<!-- mb it turns out you cant close input tags (wow no way who wouldve thought)-->
<input type="text" id="search-bar" placeholder="Search Clients...">
<button alt="Clear search" id="thing">
<i class="bi bi-x" id="search-clear" ></i>
</button>
</div>
<div id="versionSelector">
<div id="containerhell">
<select name="version" id="verCheck">
<option value="1.8">1.8</option>
<option value="1.5.2">1.5.2</option>
<option value="other">other</option>
</select>
</div>
</div>
<div id="gamescontainer">
<div class ="card">
maybe if this had stupid things in it, it would actually do its job
</div>
</div>
<!-- <h3>DANGER ZONE</h3>
<a onclick="openClrModal();" class="clr-btn">Reset All Local Data</a>
<div id="clr-data-model" class="modal">
<div class="modal-content">
<h2>DANGER ZONE</h2>
<p>Are you sure you want to clear all your local data</p>
<button onclick="localStorage.clear(); location.reload();">Yes</button>
<button class="cancel-btn" onclick="closeClrModal()">Cancel</button>
</div>
</div>
</div> -->
<div class="footer">
<div id="footerText">
<p id="topfootertext">I am not affiliated with EaglerCraft, Eagtek, Microsoft, or Mojang. I solely host these sites.</p>
<p id="bottomfootertext">By using this site you agree to Google Analytics being used on this site</p>
</div>
<div id="footerButtons">
<a href="https://github.com/eaglercraftx1-8/eaglercraftx1-8.github.io" class="source-btn" target="_blank">Github Repository</a>
<a href="https://discord.gg/czV7M8JXXM" class="dsc-btn" target="_blank">Discord Server</a>
<a href="https://servers.eaglercraft.com/" target="_blank">Server List</a>
<a href="https://eaglerrinth.github.io/" target="_blank">EaglerRinth Mod List</a>
</div>
</div>
</body>
<div id="joinModal" class="modal">
<div class="modal-content">
<h2>Join Our Discord Server!</h2>
<p>Join for voting, bug reports, suggestions, help, etc.</p>
<button onclick="openCopyModal()">Yes</button>
<button class="cancel-btn" onclick="closeModal()">Cancel</button>
<div style="margin-top: 20px;">
<input type="checkbox" id="dontShowCheckbox">
<label for="dontShowCheckbox">Don't show again</label>
</div>
</div>
</div>
<div id="copyModal" class="modal">
<div class="modal-content">
<h2>Copy Discord Link</h2>
<p class="copy-link" id="discordLink">https://discord.gg/czV7M8JXXM</p>
<button class="copy-btn" onclick="copyLink()">Copy Link</button>
<button class="cancel-btn" onclick="closeModal()">Close</button>
</div>
</div>
</html>