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

241
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 {
background-color: #333333;
color: white;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
margin: 10px auto;
text-decoration: none;
display: inline-block;
max-width: 200px;
}
button:hover, .dropdown-btn:hover { .source-btn {
background-color: #45a049; #333333 background-color: #333333;
} color: white;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
border: none;
border-radius: 5px;
margin: 10px auto;
text-decoration: none;
display: inline-block;
max-width: 200px;
}
.source-btn:hover { button:hover,
background-color: #000000; .dropdown-btn:hover {
} background-color: #45a049;
/* #333333 */
}
.dropdown-content { .source-btn:hover {
display: none; background-color: #000000;
position: absolute; }
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a { .dropdown-content {
color: black; display: none;
padding: 12px 16px; position: absolute;
text-decoration: none; background-color: #f9f9f9;
display: block; min-width: 160px;
} box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a:hover { .dropdown-content a {
background-color: #ddd; color: black;
} padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-btn:hover .dropdown-content { .dropdown-content a:hover {
display: block; background-color: #ddd;
} }
.pick-client { .dropdown-btn:hover .dropdown-content {
color: #555; display: block;
} }
.line { .pick-client {
width: 50%; color: #555;
border-top: 1px solid #888; }
margin: 10px auto;
}
.version-text { .line {
margin: 10px 0; width: 50%;
color: #555; border-top: 1px solid #888;
} margin: 10px auto;
}
.footer { .version-text {
margin-top: auto; margin: 10px 0;
background-color: #ddd; color: #555;
padding: 20px; }
width: 100%;
} .subtitle {
</style> color: grey;
font-size: 14px;
margin-bottom: 5px;
}
.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>
<div class="dropdown-btn"> <a href="/1.5.2/main1.5.2.html"><button>Main Client</button></a>
Precision Client <div class="dropdown-btn">
<div class="dropdown-content"> Precision Client
<a href="/1.5.2/precisionbeta2/index.html">Precision Beta 2 Client</a> <div class="dropdown-content">
<a href="/1.5.2/PrecisionBeta.html">Precision Beta 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>
</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>