+ Have you ever wondered how to make an Eaglercraft Server? Read this article to find out how!
+
+ 
+
+ 
diff --git a/public/home/clients/index.html b/public/home/clients/index.html
index 6ca0610..adf5e21 100644
--- a/public/home/clients/index.html
+++ b/public/home/clients/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/home/downloads/index.html b/public/home/downloads/index.html
index 35d4ae4..3a10af1 100644
--- a/public/home/downloads/index.html
+++ b/public/home/downloads/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/home/game/index.html b/public/home/game/index.html
index e5164b6..79dbfab 100644
--- a/public/home/game/index.html
+++ b/public/home/game/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/mods/mods/index.html b/public/mods/mods/index.html
index 3c029f9..6755b92 100644
--- a/public/mods/mods/index.html
+++ b/public/mods/mods/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/mods/resourcepacks/index.html b/public/mods/resourcepacks/index.html
index b123883..23324f0 100644
--- a/public/mods/resourcepacks/index.html
+++ b/public/mods/resourcepacks/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/resources/images/icons/articles/mc-server.webp b/public/resources/images/icons/articles/mc-server.webp
new file mode 100644
index 0000000..df76b1f
Binary files /dev/null and b/public/resources/images/icons/articles/mc-server.webp differ
diff --git a/public/resources/images/icons/nav/articles.webp b/public/resources/images/icons/nav/articles.webp
new file mode 100644
index 0000000..6c28f50
Binary files /dev/null and b/public/resources/images/icons/nav/articles.webp differ
diff --git a/public/resources/styles/themes/default.css b/public/resources/styles/themes/default.css
index f933be6..51fef8a 100644
--- a/public/resources/styles/themes/default.css
+++ b/public/resources/styles/themes/default.css
@@ -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;
+}
diff --git a/public/servers/index.html b/public/servers/index.html
index 74b931f..f982f41 100644
--- a/public/servers/index.html
+++ b/public/servers/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/settings/index.html b/public/settings/index.html
index a6b74f5..0ec21e6 100644
--- a/public/settings/index.html
+++ b/public/settings/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/public/updates/index.html b/public/updates/index.html
index ace3224..2e2dc1e 100644
--- a/public/updates/index.html
+++ b/public/updates/index.html
@@ -40,6 +40,10 @@
+
+
diff --git a/src/resources/scripts/main.ts b/src/resources/scripts/main.ts
index f71684d..bb4dd95 100644
--- a/src/resources/scripts/main.ts
+++ b/src/resources/scripts/main.ts
@@ -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 = `