quartinal/EaglercraftX-jasper-redesign
0
0
Fork 0
forked from EaglercraftX-Client-Collections/EaglercraftX-Site
Code Pull Requests Activity

Update index.html

Browse Source
This commit is contained in:
Preston 2024-01-24 21:00:26 -08:00 committed by GitHub
parent 6b5ef4326e
commit a083a3f82c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 128 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

237
index.html
View File

@ -1,136 +1,151 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EaglerCraftX</title> <title>EaglerCraftX</title>
<link rel="icon" type="image/x-icon" href="icon.jpeg"> <link rel="icon" type="image/x-icon" href="icon.jpeg">
<style> <style>
body { body {
font-family: 'Arial', sans-serif; font-family: 'Arial', sans-serif;
background-color: #f4f4f4; background-color: #f4f4f4;
margin: 0; margin: 0;
padding: 0; padding: 0;
text-align: center; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
} }
h1 { h1 {
color: #333; color: #333;
} }
h2, p { h2,
color: #555; p {
} color: #555;
}
button, .dropdown-btn { button,
background-color: #4caf50; .dropdown-btn {
color: white; background-color: #4caf50;
padding: 10px 20px; color: white;
font-size: 16px; padding: 10px 20px;
cursor: pointer; font-size: 16px;
border: none; cursor: pointer;
border-radius: 5px; border: none;
margin: 10px auto; border-radius: 5px;
text-decoration: none; margin: 10px auto;
display: inline-block; text-decoration: none;
max-width: 200px; display: inline-block;
} max-width: 200px;
}
.source-btn { .source-btn {
background-color: #333333; background-color: #333333;
color: white; color: white;
padding: 10px 20px; padding: 10px 20px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
margin: 10px auto; margin: 10px auto;
text-decoration: none; text-decoration: none;
display: inline-block; display: inline-block;
max-width: 200px; max-width: 200px;
} }
button:hover, .dropdown-btn:hover { button:hover,
background-color: #45a049; #333333 .dropdown-btn:hover {
} background-color: #45a049;
/* #333333 */
}
.source-btn:hover { .source-btn:hover {
background-color: #000000; background-color: #000000;
} }
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: #f9f9f9; background-color: #f9f9f9;
min-width: 160px; min-width: 160px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1; z-index: 1;
} }
.dropdown-content a { .dropdown-content a {
color: black; color: black;
padding: 12px 16px; padding: 12px 16px;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #ddd; background-color: #ddd;
} }
.dropdown-btn:hover .dropdown-content { .dropdown-btn:hover .dropdown-content {
display: block; display: block;
} }
.pick-client { .pick-client {
color: #555; color: #555;
} }
.line { .line {
width: 50%; width: 50%;
border-top: 1px solid #888; border-top: 1px solid #888;
margin: 10px auto; margin: 10px auto;
} }
.version-text { .version-text {
margin: 10px 0; margin: 10px 0;
color: #555; color: #555;
} }
.footer { .subtitle {
margin-top: auto; color: grey;
background-color: #ddd; font-size: 14px;
padding: 20px; margin-bottom: 5px;
width: 100%; }
}
</style> .footer {
margin-top: auto;
background-color: #ddd;
padding: 20px;
width: 100%;
}
</style>
</head> </head>
<body> <body>
<h1>Welcome to EaglerCraftX</h1> <h1>Welcome to EaglerCraftX</h1>
<p>These clients might be outdated.</p> <p>These clients might be outdated.</p>
<h2 class="pick-client">Pick a Client:</h2> <h2 class="pick-client">Pick a Client:</h2>
<p class="version-text">Version 1.8</p> <p class="version-text">Version 1.8</p>
<p class="subtitle">1.8 only supports multiplayer</p>
<a href="/1.8/main1.8.9/index.html"><button>Main 1.8.9 Client</button></a> <a href="/1.8/main1.8.9/index.html"><button>Main 1.8.9 Client</button></a>
<a href="/1.8/main1.8.8.html"><button>Main 1.8.8 Client</button></a> <a href="/1.8/main1.8.8.html"><button>Main 1.8.8 Client</button></a>
<a href="/1.8/resent.html"><button>Resent Client</button></a> <a href="/1.8/resent.html"><button>Resent Client</button></a>
<p class="version-text">Version 1.5.2</p> <p class="version-text">Version 1.5.2</p>
<p class="subtitle">1.5.2 supports singleplayer and multiplayer</p>
<a href="/1.5.2/main1.5.2.html"><button>Main Client</button></a> <a href="/1.5.2/main1.5.2.html"><button>Main Client</button></a>
<div class="dropdown-btn"> <div class="dropdown-btn">
Precision Client Precision Client
<div class="dropdown-content"> <div class="dropdown-content">
<a href="/1.5.2/precisionbeta2/index.html">Precision Beta 2 Client</a> <a href="/1.5.2/precisionbeta2/index.html">Precision Beta 2 Client</a>
<a href="/1.5.2/PrecisionBeta.html">Precision Beta Client</a> <a href="/1.5.2/PrecisionBeta.html">Precision Beta Client</a>
</div>
</div> </div>
</div>
<div class="footer"> <div class="footer">
<p>I am not affiliated with EaglerCraft, Eagtek, Microsoft, or Mojang. I solely host these sites.</p> <p>I am not affiliated with EaglerCraft, Eagtek, Microsoft, or Mojang. I solely host these sites.</p>
<a href="https://github.com/PrestonT500/EaglerCraftX-1.8" class="source-btn" target="_blank">Github Repository</a> <a href="https://github.com/PrestonT500/EaglerCraftX-1.8" class="source-btn" target="_blank">Github Repository</a>
</div> </div>
</body> </body>
</html> </html>