From cc412a67a84fd6731c00140bb6de1e5ebfd187a0 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:15:01 -0400 Subject: [PATCH 1/7] Delete css/popup.css --- css/popup.css | 81 --------------------------------------------------- 1 file changed, 81 deletions(-) delete mode 100644 css/popup.css diff --git a/css/popup.css b/css/popup.css deleted file mode 100644 index 6c3ef26..0000000 --- a/css/popup.css +++ /dev/null @@ -1,81 +0,0 @@ -body { - font-family: 'Arial', sans-serif; - background-color: #f4f4f4; - margin: 0; - padding: 0; - text-align: center; - display: flex; - flex-direction: column; - min-height: 100vh; -} - -.modal { - display: none; - position: fixed; - z-index: 1; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - justify-content: center; - align-items: center; -} - -.modal-content { - background-color: white; - padding: 20px; - border-radius: 10px; - width: 80%; - max-width: 400px; - text-align: center; - box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); -} - -.modal h2 { - color: #333; -} - -.modal p { - color: #555; - margin-bottom: 20px; -} - -.modal button { - background-color: #4caf50; - color: white; - padding: 10px 20px; - font-size: 16px; - cursor: pointer; - border: none; - border-radius: 5px; - margin: 5px; -} - -.modal button.cancel-btn { - background-color: #f44336; -} - -.modal button:hover { - background-color: #45a049; -} - -.modal button.cancel-btn:hover { - background-color: #e53935; -} - -.copy-link { - background-color: #f4f4f4; - padding: 10px; - border: 1px solid #ddd; - border-radius: 5px; - margin-bottom: 15px; -} - -.copy-btn { - background-color: #9656ce; -} - -.copy-btn:hover { - background-color: #5b209a; -} From ce52180a79441cccc165fb91d45f914c2ba96b26 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:15:09 -0400 Subject: [PATCH 2/7] Delete css/searchbar.css --- css/searchbar.css | 15 --------------- 1 file changed, 15 deletions(-) delete mode 100644 css/searchbar.css diff --git a/css/searchbar.css b/css/searchbar.css deleted file mode 100644 index a07334e..0000000 --- a/css/searchbar.css +++ /dev/null @@ -1,15 +0,0 @@ - -.search-container { - text-align: center; - margin: 20px 0; - } - - #search-bar { - margin: 0 auto; - padding: 10px; - border: 1px solid #ccc; - border-radius: 4px; - width: 50%; - max-width: 400px; - } - \ No newline at end of file From aa316a2b0a98d9f1f71275c42ae3b148e098bb54 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:15:29 -0400 Subject: [PATCH 3/7] Update and rename index.css to styles.css --- css/index.css | 233 ------------------------------------------- css/styles.css | 265 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 265 insertions(+), 233 deletions(-) delete mode 100644 css/index.css create mode 100644 css/styles.css diff --git a/css/index.css b/css/index.css deleted file mode 100644 index c67cada..0000000 --- a/css/index.css +++ /dev/null @@ -1,233 +0,0 @@ -body { - font-family: 'Arial', sans-serif; - background-color: #f1f1f1; - margin: 0; - padding: 0; - text-align: center; - display: flex; - flex-direction: column; - min-height: 100vh; - overflow-x: hidden; -} -.Container18{ - display: flex; - width: 1%; - flex-wrap:wrap; - justify-content: center; - margin: 0 auto; -} -.Container15{ - display: flex; - width: 1%; - flex-wrap:wrap; - justify-content:center; - margin: 0 auto; -} -.ContainerOther{ - display: flex; - width: 1%; - flex-wrap:wrap; - justify-content:center; - margin: 0 auto; -} -h1 { - color: #000000; -} - -h2 { - color: #000000; -} -p { - color: #000000; -} -button { - background-color: #4caf50; - 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; - transition: transform 0.5s ease; -} - - -.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; - transition: transform 0.5s ease; -} - -.dsc-btn { - background-color: #9656ce; - 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; - transition: transform 0.5s ease; -} - -.clr-btn { - background-color: #ff3c00; - 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; - transition: transform 0.5s ease; -} - -button:hover { - background-color: #45a049; - transform: scale(1.1); -} - -.source-btn:hover { - background-color: #000000; - transform: scale(1.1); -} - -.dsc-btn:hover { - background-color: #a751f2; - transform: scale(1.1); -} -.clr-btn:hover { - transform: scale(1.1); -} - -.dropdown-content { - display: none; - position: absolute; - background-color: #f9f9f9; - min-width: 160px; - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); - z-index: 1; -} -.filter-button > button { - min-width: 200px; -} -.dropdown-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; -} - -.dropdown-content a:hover { - background-color: #ddd; -} - -.dropdown-btn:hover .dropdown-content { - display: block; -} - -.pick-client { - color: #000000; -} - -.line { - width: 50%; - border-top: 1px solid #888; - margin: 10px auto; -} - -.version-text { - margin: 10px 0; - color: #000000; -} -.version-link { - display: block ruby; -} -.footer { - margin-top: auto; - background-color: #ddd; - padding: 20px; - width: 100%; -} - -.footer a { - text-decoration: none; - color: #0d5152; - font-size: inherit; - font-weight: inherit; -} - -.footer a:hover { - text-decoration: underline; -} - -.recommended { - vertical-align: middle; - margin-left: 5px; - width: 20px; - height: 20px; -} -.title { - font-family: "Poppins", sans-serif; - font-weight: 500; - font-style: normal; -} -.clicker { - background-color: #5e5e5e; - 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; - transition: transform 0.5s ease; - text-align: center; - } - .clicker.hidden { - display: none; - } - .hiddendiv { - height: 0px; - background-color: green; - overflow: hidden; - transition: height 0.5s; - } - .hiddendiv.nr2 { - background-color: red; - } - - #showdiv1:target ~ div a[href="#showdiv1"], - #showdiv2:target ~ div a[href="#showdiv2"] { - display: none; - } - #showdiv1:target ~ div a[href="#hidediv1"], - #showdiv2:target ~ div a[href="#hidediv2"] { - display: inline-block; - } - #showdiv1:target ~ div .hiddendiv.nr1, - #showdiv2:target ~ div .hiddendiv.nr2 { - height: 130px; - } diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..ce5e93c --- /dev/null +++ b/css/styles.css @@ -0,0 +1,265 @@ +/* General Styles */ +body { + font-family: 'Arial', sans-serif; + background-color: #f1f1f1; + margin: 0; + padding: 0; + text-align: center; + display: flex; + flex-direction: column; + min-height: 100vh; + overflow-x: hidden; + color: #333; + transition: background-color 0.3s ease, color 0.3s ease; +} + +body.dark-mode { + background-color: #141414; + color: #f1f1f1; +} + +header { + background-color: #4caf50; + color: white; + padding: 20px 0; + text-align: center; +} + +header h1 { + margin: 0; +} + +main { + flex: 1; + padding: 20px; +} + +.counter, .info, .clients, .danger-zone { + margin-bottom: 20px; +} + +.Container18, .Container15, .ContainerOther { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 10px; + margin: 20px 0; +} + +button, .source-btn, .dsc-btn, .clr-btn { + background-color: #4caf50; + color: white; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; + border: none; + border-radius: 5px; + text-decoration: none; + display: inline-block; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +button:hover, .source-btn:hover, .dsc-btn:hover, .clr-btn:hover { + background-color: #45a049; + transform: scale(1.05); +} + +.source-btn { + background-color: #000; /* Black color for GitHub button */ +} + +.dsc-btn { + background-color: #9656ce; +} + +.clr-btn { + background-color: #ff3c00; +} + +.search-container { + margin: 20px 0; +} + +#search-bar { + padding: 10px; + border: 1px solid #ccc; + border-radius: 4px; + width: 50%; + max-width: 400px; + transition: border-color 0.3s ease; +} + +#search-bar:focus { + border-color: #4caf50; + outline: none; +} + +.footer { + background-color: #444; /* Dark gray color for footer */ + color: white; /* Light text color for footer */ + padding: 20px; + text-align: center; + margin-top: auto; +} + +.footer a { + color: white; /* Light text color for footer links */ + text-decoration: none; + margin: 0 10px; +} + +.footer a:hover { + text-decoration: underline; +} + +.footer button { + color: white; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; + border: none; + border-radius: 5px; + text-decoration: none; + display: inline-block; + transition: background-color 0.3s ease, transform 0.3s ease; +} + +.footer button.server-list { + background-color: #000; /* Black color for Server List button */ +} + +.footer button.server-list:hover { + background-color: #333; /* Slightly lighter shade for hover effect */ + transform: scale(1.05); +} + +.footer button.eaglerrinth-mod-list { + background-color: #9656ce; /* Same color as Discord link button */ +} + +.footer button.eaglerrinth-mod-list:hover { + background-color: #a751f2; /* Slightly lighter shade for hover effect */ + transform: scale(1.05); +} + +/* Modal Styles */ +.modal { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + justify-content: center; + align-items: center; +} + +.modal-content { + background-color: white; + padding: 20px; + border-radius: 10px; + width: 80%; + max-width: 400px; + text-align: center; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); + transition: background-color 0.3s ease, color 0.3s ease; +} + +.modal h2 { + color: #333; +} + +.modal p { + color: #555; + margin-bottom: 20px; +} + +.modal button { + background-color: #4caf50; + color: white; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; + border: none; + border-radius: 5px; + margin: 5px; +} + +.modal button.cancel-btn { + background-color: #f44336; +} + +.modal button:hover { + background-color: #45a049; +} + +.modal button.cancel-btn:hover { + background-color: #e53935; +} + +.copy-link { + background-color: #f4f4f4; + padding: 10px; + border: 1px solid #ddd; + border-radius: 5px; + margin-bottom: 15px; +} + +.copy-btn { + background-color: #9656ce; +} + +.copy-btn:hover { + background-color: #5b209a; +} + +/* Dark Mode Styles */ +body.dark-mode .modal-content { + background-color: #333; + color: #f1f1f1; +} + +body.dark-mode .modal h2 { + color: #f1f1f1; +} + +body.dark-mode .modal p { + color: #ccc; +} + +body.dark-mode #search-bar { + background-color: #444; + color: #f1f1f1; + border-color: #555; +} + +body.dark-mode #search-bar:focus { + border-color: #4caf50; +} + +body.dark-mode .footer { + background-color: #444; /* Dark gray color for footer in dark mode */ + color: white; /* Light text color for footer in dark mode */ +} + +body.dark-mode .footer a { + color: white; /* Light text color for footer links in dark mode */ +} + +body.dark-mode .footer button.server-list { + background-color: #000; /* Black color for Server List button in dark mode */ +} + +body.dark-mode .footer button.server-list:hover { + background-color: #333; /* Slightly lighter shade for hover effect in dark mode */ +} + +body.dark-mode .footer button.eaglerrinth-mod-list { + background-color: #9656ce; /* Same color as Discord link button in dark mode */ +} + +body.dark-mode .footer button.eaglerrinth-mod-list:hover { + background-color: #a751f2; /* Slightly lighter shade for hover effect in dark mode */ +} From 2f15ccb5e35b59e21227c6b743e7213c436c9e67 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:15:43 -0400 Subject: [PATCH 4/7] Delete js/darkmode.js --- js/darkmode.js | 74 -------------------------------------------------- 1 file changed, 74 deletions(-) delete mode 100644 js/darkmode.js diff --git a/js/darkmode.js b/js/darkmode.js deleted file mode 100644 index b9da1b3..0000000 --- a/js/darkmode.js +++ /dev/null @@ -1,74 +0,0 @@ -$(document).ready(function() { - function updateDarkMode() { - var isChecked = $("#darkModeCheckbox").is(":checked"); - if (isChecked) { - const body = document.querySelector('body'); - body.style.backgroundColor = '#141414'; - body.style.color = '#f1f1f1'; - - const paragraphs = document.querySelectorAll('p'); - paragraphs.forEach(function(p) { - p.style.color = '#f1f1f1'; - }); - - const headTwo = document.querySelector('h2'); - headTwo.style.color = '#f1f1f1'; - - const head = document.querySelector('h1'); - head.style.color = '#f1f1f1'; - - const foot = document.querySelector('.footer'); - foot.style.backgroundColor = '#010101'; - - const gitBtn = document.querySelector('.source-btn'); - gitBtn.style.backgroundColor = '#ff6847'; - - const buttons = document.querySelectorAll('button'); - buttons.forEach(function(button) { - button.style.backgroundColor = '#30d3d2'; - }); - - const versionTexts = document.querySelectorAll('.version-text'); - versionTexts.forEach(function(vt) { - vt.style.color = '#f1f1f1'; - }); - - } else { - const body = document.querySelector('body'); - body.style.backgroundColor = '#f1f1f1'; - body.style.color = 'black'; - const paragraphs = document.querySelectorAll('p'); - paragraphs.forEach(function(p) { - p.style.color = 'black'; - }); - - const headTwo = document.querySelector('h2'); - headTwo.style.color = 'black'; - - const head = document.querySelector('h1'); - head.style.color = 'black'; - - const foot = document.querySelector('.footer'); - foot.style.backgroundColor = '#ddd'; - - const gitBtn = document.querySelector('.source-btn'); - gitBtn.style.backgroundColor = '#333333'; - - const buttons = document.querySelectorAll('button'); - buttons.forEach(function(button) { - button.style.backgroundColor = '#4caf50'; - }); - - const versionTexts = document.querySelectorAll('.version-text'); - versionTexts.forEach(function(vt) { - vt.style.color = 'black'; - }); - } - } - - $("#darkModeCheckbox").on("change", function() { - updateDarkMode(); - }); - - updateDarkMode(); -}); From 1479e3fb314ec510f9c63b22f0cd194f04110840 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:15:50 -0400 Subject: [PATCH 5/7] Delete js/showmodded.js --- js/showmodded.js | 21 --------------------- 1 file changed, 21 deletions(-) delete mode 100644 js/showmodded.js diff --git a/js/showmodded.js b/js/showmodded.js deleted file mode 100644 index 73bea34..0000000 --- a/js/showmodded.js +++ /dev/null @@ -1,21 +0,0 @@ -$(document).ready(function() { - function updateShowModded() { - var isChecked = $("#showModded").is(":checked"); - if (isChecked) { - $("#moddedButtons").show(); - } else { - $("#moddedButtons").hide(); - } - } - function updateButtons() { - $(".modded-buttons").each(function() { - var url = $(this).data("url"); - $(this).attr("href", url); - }); - } - $("#showModded").on("change", function() { - updateShowModded(); - updateButtons(); - }); - updateShowModded(); -}); \ No newline at end of file From 5caf24094e97218a52a5efec475ad7d3340e5d5f Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:16:19 -0400 Subject: [PATCH 6/7] Update and rename searchbar.js to main.js --- js/main.js | 67 +++++++++++++++++++++++++++++++++++++++++++++++++ js/searchbar.js | 13 ---------- 2 files changed, 67 insertions(+), 13 deletions(-) create mode 100644 js/main.js delete mode 100644 js/searchbar.js diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..3a615f9 --- /dev/null +++ b/js/main.js @@ -0,0 +1,67 @@ +// main.js + +$(document).ready(function() { + // Dark Mode Functionality + function updateDarkMode() { + var isChecked = $("#darkModeCheckbox").is(":checked"); + var body = document.querySelector('body'); + var paragraphs = document.querySelectorAll('p'); + var headings = document.querySelectorAll('h1, h2, h3'); + var footer = document.querySelector('.footer'); + var buttons = document.querySelectorAll('button, .source-btn, .dsc-btn, .clr-btn'); + var versionTexts = document.querySelectorAll('.version-text'); + + if (isChecked) { + body.classList.add('dark-mode'); + } else { + body.classList.remove('dark-mode'); + } + } + + $("#darkModeCheckbox").on("change", updateDarkMode); + updateDarkMode(); + + // Clr data + function openClrModal() { + document.getElementById('clr-data-model').style.display = 'flex'; + } + + function closeClrModal() { + document.getElementById('clr-data-model').style.display = 'none'; + } + + document.getElementById('clr-data-model').addEventListener('click', function(event) { + if (event.target.classList.contains('cancel-btn')) { + closeClrModal(); + } else if (event.target.tagName === 'BUTTON' && event.target.textContent === 'Yes') { + localStorage.clear(); + location.reload(); + } + }); + + // Search Bar Functionality + $('#search-bar').on('keyup', function() { + var query = $(this).val().toLowerCase(); + $('.filter-button').each(function() { + var buttonText = $(this).text().toLowerCase(); + if (buttonText.indexOf(query) > -1) { + $(this).show(); + } else { + $(this).hide(); + } + }); + }); + + // Show Modded Clients Functionality + function updateShowModded() { + var isChecked = $("#showModded").is(":checked"); + if (isChecked) { + $("#moddedButtons").show(); + } else { + $("#moddedButtons").hide(); + } + } + + $("#showModded").on("change", updateShowModded); + updateShowModded(); +}); diff --git a/js/searchbar.js b/js/searchbar.js deleted file mode 100644 index 27dc739..0000000 --- a/js/searchbar.js +++ /dev/null @@ -1,13 +0,0 @@ -$(document).ready(function() { - $('#search-bar').on('keyup', function() { - var query = $(this).val().toLowerCase(); - $('.filter-button').each(function() { - var buttonText = $(this).text().toLowerCase(); - if (buttonText.indexOf(query) > -1) { - $(this).show(); - } else { - $(this).hide(); - } - }); - }); -}); From e3648aef0972adda98a7cbd8a0996e8a89715bb6 Mon Sep 17 00:00:00 2001 From: TheYmirsCla Date: Thu, 31 Oct 2024 00:16:39 -0400 Subject: [PATCH 7/7] Update index.html --- index.html | 290 +++++++++++++++++++++++++---------------------------- 1 file changed, 139 insertions(+), 151 deletions(-) diff --git a/index.html b/index.html index bdd534a..55e4835 100644 --- a/index.html +++ b/index.html @@ -1,164 +1,152 @@ - + EaglerCraftX - - - + - - - - - -

Welcome to EaglerCraftX

- - -

Site views counter:

-
- - View Counter - -
-

These clients might be outdated.

-

Please give our github repository a star if you like this site (link at the bottom)

-

Server List and Mod List also at the bottom if you need it.

-

Have any questions, bug reports or suggestions? Join our Discord server by pressing the button below!

- Discord Server -

Scroll down to the bottom for buttons/links.

-

Pick a Client:

- - -
- -
- - -
-

Version 1.8 Modded Clients

-
- - - -
-
- - - - -

DANGER ZONE

- Reset All Local Data - - - - - - -
-

I am not affiliated with EaglerCraft, Eagtek, Microsoft, or Mojang. I solely host these sites.

-

By using this site you agree to Google Analytics being used on this site

- Github Repository - Discord Server - - - - - - -
- - - -
- - + + - + + +
+

Welcome to EaglerCraftX

+ + +
+
+
+

Site views counter:

+
+ View Counter +
+
+
+

These clients might be outdated.

+

Please give our GitHub repository a star if you like this site.

+

Server List and Mod List also at the bottom if you need it.

+

Have any questions, bug reports, or suggestions? Join our Discord server by pressing the button below!

+ Discord Server +

Scroll down to the bottom for buttons/links.

+
+
+

Pick a Client:

+ + +
+ +
+ + +
+

Version 1.8 Modded Clients

+
+ + + +
+
+ + + + +
+
+

DANGER ZONE

+ Reset All Local Data + + + + +
+
+ + + +