zumbiepig/MineXLauncher
zumbiepig/MineXLauncher
1
0
Fork 0
mirror of https://github.com/zumbiepig/MineXLauncher.git synced 2025-06-08 09:24:48 +00:00
Code

clean up css, update b1.7.3

Browse Source
This commit is contained in:
zumbiepig 2024-09-05 20:05:53 -07:00
parent 43c839f8bf
commit b8c54b1e58
No known key found for this signature in database
GPG Key ID: 17C891BE28B953DE
26 changed files with 24102 additions and 23788 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/articles/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,8 +51,8 @@
</nav>
</div>
<div class="main-panel">
<div class="top-bar">
<span class="game-title">Tutorials</span>
<div class="top-title">
<span>Tutorials</span>
</div>
<div class="main-content">
<div class="article-list">

23752
public/game/offline/main/Eaglercraft_b1.7.3.html
View File

File diff suppressed because one or more lines are too long

23748
public/game/web/main/b1.7.3/js/app.js
View File

File diff suppressed because one or more lines are too long

2
public/game/web/main/b1.7.3/js/app.js.map
View File

File diff suppressed because one or more lines are too long

BIN
public/game/web/main/b1.7.3/resources.mc
View File

Binary file not shown.

12
public/home/archive/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li>
<li class="menu-item selected" onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li>
<li onclick="navigate.home.game()">Game</li>
<li onclick="navigate.home.clients()">Clients</li>
<li onclick="navigate.home.archive()">Archive</li>
<li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul>
</div>
<div class="main-content">

14
public/home/clients/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li>
<li class="menu-item selected" onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li>
<li onclick="navigate.home.game()">Game</li>
<li onclick="navigate.home.clients()">Clients</li>
<li onclick="navigate.home.archive()">Archive</li>
<li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul>
</div>
<div class="main-content">
@ -66,7 +66,7 @@
</div>
<div class="installations">
<div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()">
<div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a client</span>
</div>
<div class="custom-options">

12
public/home/downloads/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item" onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li>
<li class="menu-item selected" onclick="navigate.home.downloads()">Offline Downloads</li>
<li onclick="navigate.home.game()">Game</li>
<li onclick="navigate.home.clients()">Clients</li>
<li onclick="navigate.home.archive()">Archive</li>
<li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul>
</div>
<div class="main-content">

14
public/home/game/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,12 +51,12 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item selected" onclick="navigate.home.game()">Game</li>
<li class="menu-item" onclick="navigate.home.clients()">Clients</li>
<li class="menu-item" onclick="navigate.home.archive()">Archive</li>
<li class="menu-item" onclick="navigate.home.downloads()">Offline Downloads</li>
<li onclick="navigate.home.game()">Game</li>
<li onclick="navigate.home.clients()">Clients</li>
<li onclick="navigate.home.archive()">Archive</li>
<li onclick="navigate.home.downloads()">Offline Downloads</li>
</ul>
</div>
<div class="main-content">
@ -66,7 +66,7 @@
</div>
<div class="installations">
<div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()">
<div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a version</span>
</div>
<div class="custom-options">

6
public/mobile/index.html
View File

@ -20,7 +20,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item selected" onclick="navigate.mobile()">
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
<span class="nav-text">Mobile Site</span>
@ -28,8 +28,8 @@
</nav>
</div>
<div class="main-panel">
<div class="top-bar">
<span class="game-title">Mobile</span>
<div class="top-title">
<span>Mobile</span>
</div>
<div class="main-content">
<div class="cover-image">

8
public/mods/mods/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,10 +51,10 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item selected" onclick="navigate.mods.mods()">Mods</li>
<li class="menu-item" onclick="navigate.mods.resourcepacks()">Resource Packs</li>
<li onclick="navigate.mods.mods()">Mods</li>
<li onclick="navigate.mods.resourcepacks()">Resource Packs</li>
</ul>
</div>
<div class="main-content">

8
public/mods/resourcepacks/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,10 +51,10 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item" onclick="navigate.mods.mods()">Mods</li>
<li class="menu-item selected" onclick="navigate.mods.resourcepacks()">Resource Packs</li>
<li onclick="navigate.mods.mods()">Mods</li>
<li onclick="navigate.mods.resourcepacks()">Resource Packs</li>
</ul>
</div>
<div class="main-content">

8
public/offline/index.html
View File

@ -21,7 +21,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item selected" href="/offline/">
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
<span class="nav-text">Offline</span>
@ -29,9 +29,9 @@
</nav>
</div>
<div class="main-panel">
<div class="top-menu">
<div class="top-nav">
<ul>
<li class="menu-item selected" href="/offline/">Game</li>
<li href="/offline/">Game</li>
</ul>
</div>
<div class="main-content">
@ -41,7 +41,7 @@
</div>
<div class="installations">
<div class="custom-select-wrapper">
<div id="custom-select" class="custom-select" onclick="versionSelector.toggle()">
<div class="custom-select" onclick="versionSelector.toggle()">
<span class="custom-select-trigger">Select a version</span>
</div>
<div class="custom-options">

17
public/resources/styles/themes/campfire.css
View File

@ -10,8 +10,8 @@ body {
}
.title-bar,
.top-bar,
.top-menu {
.top-title,
.top-nav {
background-color: #4a2f1b;
color: #f5e0c3;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
@ -26,8 +26,8 @@ body {
border-bottom: 1px solid #4a2f1b;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #5a3a2a;
}
@ -36,11 +36,6 @@ body {
background-color: #2b1b0f;
}
.tabs .tab:hover,
.tabs .tab.selected {
color: #ffcc00;
}
.installations {
background-color: #3e2a1a;
border-top: 1px solid #4a2f1b;
@ -103,10 +98,10 @@ body {
background-color: #ff8533;
}
.top-menu ul li {
.top-nav ul li {
color: #f5e0c3;
}
.top-menu ul li.selected {
.top-nav ul li.selected {
color: #ffcc00;
}

17
public/resources/styles/themes/cherry-blossom.css
View File

@ -22,8 +22,8 @@ body {
border-bottom: 1px solid #e0d1e3;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #f4c6d0;
}
@ -31,26 +31,21 @@ body {
background-color: #fef0f5;
}
.top-bar {
.top-title {
background-color: #f6e7f3;
color: #333;
}
.top-menu {
.top-nav {
background-color: #f6e7f3;
color: #333;
}
.top-menu ul li {
.top-nav ul li {
color: #333;
}
.top-menu ul li.selected {
color: #e5a1b8;
}
.tab:hover,
.tab.selected {
.top-nav ul li.selected {
color: #e5a1b8;
}

153
public/resources/styles/themes/default.css
View File

@ -73,7 +73,7 @@ body {
font-size: 16px;
}
nav {
.nav-bar {
list-style-type: none;
padding: 0;
margin: 0;
@ -83,7 +83,7 @@ nav {
scrollbar-color: #555 #333;
}
.nav-item {
.nav-bar .nav-item {
display: flex;
align-items: center;
padding: 15px 20px;
@ -91,18 +91,18 @@ nav {
transition: background-color 0.2s;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #444;
}
.nav-icon {
.nav-bar .nav-item .nav-icon {
width: 24px;
height: 24px;
margin-right: 15px;
}
.nav-text {
.nav-bar .nav-item .nav-text {
font-size: 14px;
}
@ -113,7 +113,7 @@ nav {
background-color: #202020;
}
.top-bar {
.top-title {
background-color: #2c2c2c;
padding: 15px 20px;
display: flex;
@ -124,7 +124,12 @@ nav {
flex-shrink: 0;
}
.top-menu {
.top-title span {
font-size: 18px;
font-weight: bold;
}
.top-nav {
background-color: #2c2c2c;
padding: 10px 20px;
display: flex;
@ -135,14 +140,14 @@ nav {
flex-shrink: 0;
}
.top-menu ul {
.top-nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
}
.top-menu ul li {
.top-nav ul li {
margin-right: 20px;
cursor: pointer;
font-size: 16px;
@ -150,38 +155,15 @@ nav {
transition: color 0.2s;
}
.top-menu ul li.selected {
.top-nav ul li.selected {
color: #fff;
font-weight: bold;
}
.top-menu ul li:hover {
.top-nav ul li:hover {
color: #fff;
}
.game-title {
font-size: 18px;
font-weight: bold;
}
.tabs {
display: flex;
}
.tab {
margin-left: 20px;
cursor: pointer;
color: #888;
text-transform: uppercase;
font-size: 14px;
transition: color 0.2s;
}
.tab:hover,
.tab.selected {
color: #00cc00;
}
.main-content {
display: flex;
flex: 1;
@ -435,7 +417,7 @@ nav {
.mod-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(6, 1fr);
gap: 10px;
padding: 10px;
text-align: center;
@ -644,8 +626,8 @@ nav {
margin: 5px;
}
#username-input,
#theme-select {
.settings-input,
.settings-select {
width: calc(100% - 22px);
padding: 10px;
margin-bottom: 10px;
@ -656,13 +638,13 @@ nav {
appearance: none;
}
#offline-checkbox {
.settings-checkbox {
padding: 10px;
margin-bottom: 15px;
}
#username-input:focus,
#theme-select:focus {
.settings-input:focus,
.settings-select:focus {
outline: none;
}
@ -694,7 +676,7 @@ nav {
.article-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(6, 1fr);
gap: 10px;
padding: 10px;
text-align: center;
@ -754,34 +736,6 @@ nav {
align-items: center;
}
@keyframes article-open {
0% {
opacity: 0;
scale: 0;
}
80% {
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
@keyframes article-close {
0% {
opacity: 1;
scale: 1;
}
20% {
scale: 1.1;
}
100% {
opacity: 0;
scale: 0;
}
}
.article .article-content {
background-color: #333;
padding: 20px;
@ -817,3 +771,62 @@ nav {
text-decoration: none;
cursor: pointer;
}
@media (max-width: 1750px) {
.mod-list,
.article-list {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1500px) {
.mod-list,
.article-list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1250px) {
.mod-list,
.article-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.mod-list,
.article-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 775px) {
.mod-list,
.article-list {
grid-template-columns: repeat(1, 1fr);
}
}
@keyframes article-open {
0% {
opacity: 0;
scale: 0;
}
80% {
scale: 1.1;
}
100% {
opacity: 1;
scale: 1;
}
}
@keyframes article-close {
0% {
opacity: 1;
scale: 1;
}
20% {
scale: 1.1;
}
100% {
opacity: 0;
scale: 0;
}
}

8
public/resources/styles/themes/hyperdark.css
View File

@ -18,8 +18,8 @@ body {
background-color: #262626;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #333;
}
@ -27,13 +27,13 @@ body {
background-color: #1e1e1e;
}
.top-bar {
.top-title {
background-color: #1a1a1a;
color: #e0e0e0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.top-menu {
.top-nav {
background-color: #1a1a1a;
color: #e0e0e0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

10
public/resources/styles/themes/light.css
View File

@ -8,7 +8,7 @@ body {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.title-bar, .top-bar, .top-menu, .bottom-bar {
.title-bar, .top-title, .top-nav, .bottom-bar {
background-color: #e0e0e0;
color: #333;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@ -23,11 +23,11 @@ body {
border-bottom: 1px solid #ddd;
}
.nav-item {
.nav-bar .nav-item {
color: #333;
}
.nav-item:hover, .nav-item.selected {
.nav-bar .nav-item:hover, .nav-bar .nav-item.selected {
background-color: #ddd;
}
@ -102,10 +102,10 @@ body {
background-color: #66bb6a;
}
.top-menu ul li {
.top-nav ul li {
color: #666;
}
.top-menu ul li.selected {
.top-nav ul li.selected {
color: #333;
}

17
public/resources/styles/themes/nether.css
View File

@ -9,8 +9,8 @@ body {
}
.title-bar,
.top-bar,
.top-menu {
.top-title,
.top-nav {
background-color: #4c2c2c;
color: #ffcc00;
box-shadow: 0 2px 4px rgba(255, 69, 0, 0.2);
@ -25,8 +25,8 @@ body {
color: #ff4500;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #5c3c3c;
}
@ -35,11 +35,6 @@ body {
background-color: #2e1a1a;
}
.tabs .tab:hover,
.tabs .tab.selected {
color: #ff4500;
}
.installations {
background-color: #4c2c2c;
border-top: 1px solid #5c3c3c;
@ -107,10 +102,10 @@ body {
background-color: #ff4500;
}
.top-menu ul li {
.top-nav ul li {
color: #ffcc00;
}
.top-menu ul li.selected {
.top-nav ul li.selected {
color: #fff;
}

17
public/resources/styles/themes/overworld.css
View File

@ -9,8 +9,8 @@ body {
}
.title-bar,
.top-bar,
.top-menu {
.top-title,
.top-nav {
background-color: #4c6c4c;
color: #00ff00;
box-shadow: 0 2px 4px rgba(0, 255, 0, 0.2);
@ -25,8 +25,8 @@ body {
color: #00ff00;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #5c7c5c;
}
@ -35,11 +35,6 @@ body {
background-color: #2e4e2e;
}
.tabs .tab:hover,
.tabs .tab.selected {
color: #00ff00;
}
.installations {
background-color: #4c6c4c;
border-top: 1px solid #5c7c5c;
@ -107,10 +102,10 @@ body {
background-color: #00ff00;
}
.top-menu ul li {
.top-nav ul li {
color: #00ff00;
}
.top-menu ul li.selected {
.top-nav ul li.selected {
color: #fff;
}

12
public/resources/styles/themes/retro.css
View File

@ -12,8 +12,8 @@ body {
}
.title-bar,
.top-bar,
.top-menu,
.top-title,
.top-nav,
.bottom-bar {
background-color: #222;
color: #00ff00;
@ -26,7 +26,7 @@ body {
}
.profile,
.nav-item,
.nav-bar .nav-item,
.installations,
.custom-select,
.custom-options,
@ -38,10 +38,8 @@ body {
color: #00ff00;
}
.nav-item:hover,
.nav-item.selected,
.tab:hover,
.tab.selected,
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected,
.custom-option:hover,
.play-button:hover,
.minecraft-button:hover,

10
public/resources/styles/themes/starfall.css
View File

@ -10,18 +10,16 @@ body {
}
.title-bar,
.top-bar,
.top-menu,
.top-title,
.top-nav,
.bottom-bar {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2);
}
.nav-item:hover,
.nav-item.selected,
.tab:hover,
.tab.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: rgba(255, 255, 255, 0.1);
color: #00ccff;
}

17
public/resources/styles/themes/the-end.css
View File

@ -10,8 +10,8 @@ body {
}
.title-bar,
.top-bar,
.top-menu,
.top-title,
.top-nav,
.bottom-bar {
background-color: #22004d;
color: #e0d8ff;
@ -27,8 +27,8 @@ body {
border-bottom: 1px solid #330066;
}
.nav-item:hover,
.nav-item.selected {
.nav-bar .nav-item:hover,
.nav-bar .nav-item.selected {
background-color: #330066;
}
@ -37,11 +37,6 @@ body {
background-color: #150033;
}
.tabs .tab:hover,
.tabs .tab.selected {
color: #b300b3;
}
.installations {
background-color: #22004d;
border-top: 1px solid #330066;
@ -103,8 +98,8 @@ body {
background-color: #8000ff;
}
.top-menu ul li:hover,
.top-menu ul li.selected {
.top-nav ul li:hover,
.top-nav ul li.selected {
color: #e0d8ff;
}

2
public/servers/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>

14
public/settings/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,28 +51,28 @@
</nav>
</div>
<div class="main-panel">
<div class="top-bar">
<span class="game-title">Settings</span>
<div class="top-title">
<span>Settings</span>
</div>
<div class="main-content">
<div class="settings">
<div class="settings-section">
<label for="username-input">Username:</label>
<input type="text" id="username-input" />
<input type="text" class="settings-input" id="username-input" />
</div>
<div class="settings-section">
<label for="theme-select">Theme:</label>
<select id="theme-select">
<select id="theme-select" class="settings-select">
<option disabled hidden value=""></option>
</select>
</div>
<!-- <div class="settings-section">
<label for="offline-checkbox">Enable offline use:</label>
<input type="checkbox" id="offline-checkbox" />
<input type="checkbox" class="settings-checkbox" id="offline-checkbox" />
</div> -->
<!-- <div class="settings-section">
<label for="ads-checkbox">Show ads:</label>
<input type="checkbox" id="ads-checkbox" />
<input type="checkbox" class="settings-checkbox" id="ads-checkbox" />
</div> -->
</div>
</div>

6
public/updates/index.html
View File

@ -23,7 +23,7 @@
<div class="profile">
<span class="profile-name"></span>
</div>
<nav>
<nav class="nav-bar">
<li class="nav-item selected" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
@ -51,8 +51,8 @@
</nav>
</div>
<div class="main-panel">
<div class="top-bar">
<span class="game-title">Updates</span>
<div class="top-title">
<span>Updates</span>
</div>
<div class="main-content">
<div class="updates-container"></div>