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

add articles

Browse Source
This commit is contained in:
zumbiepig 2024-09-04 11:42:36 -07:00
parent 26406bc46b
commit b37f22e6eb
No known key found for this signature in database
GPG Key ID: 17C891BE28B953DE
14 changed files with 178 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
public/articles/index.html Normal file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en" style="display: none">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MineXLauncher</title>
<link rel="icon" type="image/webp" href="/resources/images/icons/favicon.webp" />
<link rel="stylesheet" href="/resources/styles/themes/default.css" />
<link rel="stylesheet" id="theme" onload="document.documentElement.style.display = ''" />
<script src="/resources/scripts/google-tag.js"></script>
<script src="/resources/scripts/main.js"></script>
</head>
<body>
<div class="ads-container">
<ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-1132419379737567" data-ad-slot="3280170072" data-ad-format="auto" data-full-width-responsive="true"></ins>
</div>
<div class="launcher">
<div class="title-bar">
<span id="title-bar-text">MineXLauncher</span>
</div>
<div class="content">
<div class="sidebar">
<div class="profile">
<span class="profile-name" id="profile-name"></span>
</div>
<nav>
<li class="nav-item" onclick="navigate.updates()">
<img src="/resources/images/icons/nav/updates.webp" class="nav-icon" />
<span class="nav-text">Updates</span>
</li>
<li class="nav-item" onclick="navigate.home.game()">
<img src="/resources/images/icons/nav/game.webp" class="nav-icon" />
<span class="nav-text">Game</span>
</li>
<li class="nav-item" onclick="navigate.servers()">
<img src="/resources/images/icons/nav/servers.webp" class="nav-icon" />
<span class="nav-text">Server List</span>
</li>
<li class="nav-item" onclick="navigate.mods.mods()">
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item selected" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>
</li>
</nav>
</div>
<div class="main-panel">
<div class="top-bar">
<span class="game-title">Tutorials</span>
</div>
<div class="main-content">
<div class="article-list">
<div class="article-item">
<img class="article-icon" loading="lazy" src="/resources/images/icons/articles/mc-server.webp" />
<div class="article-details">
<strong class="article-name">How To Make An Eaglercraft Server</strong>
<p class="article-description">Have you ever wondered how to make an Eaglercraft Server? Read this article to find out how!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-bar">
<div class="bottom-bar-links">
<a href="https://discord.gg/VRwbRJjXzt" class="bottom-bar-left link" target="_blank">Join the MineXLauncher Discord</a>
</div>
<div class="bottom-bar-links">
<span class="bottom-bar-right">© 2024 MineXLauncher. All rights reserved.</span>
</div>
</div>
</div>
<div class="ads-container">
<ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-1132419379737567" data-ad-slot="3280170072" data-ad-format="auto" data-full-width-responsive="true"></ins>
</div>
</body>
</html>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

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

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

BIN
public/resources/images/icons/articles/mc-server.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
public/resources/images/icons/nav/articles.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

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

@ -474,11 +474,6 @@ nav {
width: 80px;
height: 80px;
margin: 0 auto 10px;
}
.mod-item .mod-icon img {
width: 100%;
height: 100%;
border-radius: 5px;
object-fit: cover;
}
@ -501,7 +496,7 @@ nav {
}
.mod-item .mod-author a {
color: #0000ff
color: #0000ff;
}
.mod-item .mod-description {
@ -717,3 +712,54 @@ nav {
padding: 20px;
padding-bottom: 7%;
}
.article-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
padding: 10px;
text-align: center;
scrollbar-width: thin;
scrollbar-color: #555 #333;
}
.article-item {
background-color: #333;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 10px;
text-align: center;
position: relative;
padding-bottom: 0;
}
.article-item:hover {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
cursor: pointer;
background-color: #3d3d3d;
}
.article-item .article-icon {
width: 80px;
height: 80px;
margin: 0 auto 10px;
border-radius: 5px;
object-fit: cover;
}
.article-item .article-details {
padding: 10px 0;
}
.article-item .article-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
color: #fff;
}
.article-item .article-description {
font-size: 14px;
color: #bbb;
margin-bottom: 10px;
}

4
public/servers/index.html
View File

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

4
public/settings/index.html
View File

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item selected" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

4
public/updates/index.html
View File

@ -40,6 +40,10 @@
<img src="/resources/images/icons/nav/mods.webp" class="nav-icon" />
<span class="nav-text">Mods</span>
</li>
<li class="nav-item" onclick="navigate.articles()">
<img src="/resources/images/icons/nav/articles.webp" class="nav-icon" />
<span class="nav-text">Tutorials</span>
</li>
<li class="nav-item" onclick="navigate.settings()">
<img src="/resources/images/icons/nav/settings.webp" class="nav-icon" />
<span class="nav-text">Settings</span>

9
src/resources/scripts/main.ts
View File

@ -125,6 +125,11 @@ const navigate = {
window.location.href = navUrl;
},
},
articles: function () {
const navUrl = '/articles/';
storage.session.set('lastPage', navUrl);
window.location.href = navUrl;
},
mobile: function () {
const navUrl = '/mobile/';
storage.session.set('lastPage', navUrl);
@ -526,9 +531,9 @@ if (window.location.pathname === '/settings/') {
addonData[addonType].forEach((addon) => {
const modItem = document.createElement('div');
modItem.classList.add('mod-item');
modItem.innerHTML = `<div class="mod-icon"><img loading="lazy" src="/resources/mods/icons/${addon.id}.webp" /></div><div class="mod-details"><strong class="mod-name">${
modItem.innerHTML = `<img class="mod-icon" loading="lazy" src="/resources/mods/icons/${addon.id}.webp" /><div class="mod-details"><strong class="mod-name">${
addon.name
}</strong><p class="mod-author">By <a href="${addon.authorLink} target="_blank">${addon.author}</a></p><p class="mod-description">${addon.description}</p></div><div class="mod-links">${
}</strong><p class="mod-author">By <a href="${addon.authorLink}" target="_blank">${addon.author}</a></p><p class="mod-description">${addon.description}</p></div><div class="mod-links">${
addonType === 'mods'
? `<a href="/resources/mods/downloads/${addon.id}.js" class="mod-download" download>Download</a><a class="mod-install" id="mod-install-${addon.id}" onclick="mods.toggle('${addon.id}')">Install</a>`
: `<a href="/resources/mods/downloads/${addon.id}.zip" class="mod-download" download>Download</a>`