diff --git a/archives.html b/archives.html
new file mode 100644
index 0000000..dc65bbb
--- /dev/null
+++ b/archives.html
@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Archives</title>
+    <style>
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            background-color: #1a1a1a;
+            font-family: Arial, sans-serif;
+            color: #fff;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+        }
+        .title {
+            font-size: 2em;
+            font-weight: bold;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            color: #FFD700;
+        }
+        .back-button {
+            font-size: 1em;
+            color: #fff;
+            background-color: #444;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            font-weight: bold;
+            transition: background-color 0.3s;
+        }
+        .back-button:hover {
+            background-color: #666;
+        }
+        .container {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            grid-auto-rows: 300px;
+            gap: 20px;
+            padding: 20px;
+            scroll-snap-type: x mandatory;
+            width: 100%;
+            place-items: center; /* Center align incomplete rows */
+        }
+        .box {
+            background-color: #2c2f36;
+            border-radius: 10px;
+            display: flex;
+            align-items: start; /* Align items to the top */
+            justify-content: center; /* Center text horizontally */
+            text-align: center;
+            color: #fff;
+            scroll-snap-align: start;
+            padding: 15px;
+            position: relative;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            text-decoration: none;
+            background-size: cover;
+            background-position: center;
+            width: 100%; /* Makes the box occupy full grid cell */
+            height: 300px; /* Sets the box height */
+        }
+        .box .title {
+            font-size: 1em;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.7); /* Dark overlay for text readability */
+            padding: 5px 10px;
+            border-radius: 5px;
+            position: absolute;
+            top: 10px; /* Positions title at the top of the box */
+            left: 50%;
+            transform: translateX(-50%); /* Centers title horizontally */
+        }
+        /* Hover Effect */
+        .box:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 8px 15px rgba(0, 255, 127, 0.5);
+            background-color: #3a3f4b;
+        }
+    </style>
+</head>
+<body>
+
+<div class="title">Archives</div>
+
+<button class="back-button" onclick="window.location.href='index.html'">Back</button>
+
+<div class="container">
+    <a href="https://github.com/MapMakersAndProgrammers/tanki-xml-maps" class="box" style="background-image: url('assets/xml.png');">
+        <div class="title">XML format maps</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/tanki-json-maps" class="box" style="background-image: url('assets/json.png');">
+        <div class="title">JSON format maps</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/tanki-bin-maps" class="box" style="background-image: url('assets/bin.png');">
+        <div class="title">BIN format maps</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/tanki-prop-libraries" class="box" style="background-image: url('assets/proplibrary.png');">
+        <div class="title">Prop Libraries</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/tanki-model-archive" class="box" style="background-image: url('assets/tankimodels.png');">
+        <div class="title">Tanki models</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/alternativa3d-archive" class="box" style="background-image: url('assets/a3d.png');">
+        <div class="title">Alternativa3D versions</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/alternativaphysics-archive" class="box" style="background-image: url('assets/ap.png');">
+        <div class="title">AlternativaPhysics versions</div>
+    </a>
+</div>
+
+</body>
+</html>
diff --git a/assets/A3D.png b/assets/A3D.png
new file mode 100644
index 0000000..e27b765
Binary files /dev/null and b/assets/A3D.png differ
diff --git a/assets/a3d1.png b/assets/a3d1.png
new file mode 100644
index 0000000..913f1e0
Binary files /dev/null and b/assets/a3d1.png differ
diff --git a/assets/a3d2.png b/assets/a3d2.png
new file mode 100644
index 0000000..dd9d789
Binary files /dev/null and b/assets/a3d2.png differ
diff --git a/assets/ap.png b/assets/ap.png
new file mode 100644
index 0000000..bd377eb
Binary files /dev/null and b/assets/ap.png differ
diff --git a/assets/bin.png b/assets/bin.png
new file mode 100644
index 0000000..67cc1e7
Binary files /dev/null and b/assets/bin.png differ
diff --git a/assets/demo.png b/assets/demo.png
new file mode 100644
index 0000000..f5bbe0a
Binary files /dev/null and b/assets/demo.png differ
diff --git a/assets/editor.png b/assets/editor.png
new file mode 100644
index 0000000..0bbfb20
Binary files /dev/null and b/assets/editor.png differ
diff --git a/assets/json.png b/assets/json.png
new file mode 100644
index 0000000..89a49ed
Binary files /dev/null and b/assets/json.png differ
diff --git a/assets/proplibrary.png b/assets/proplibrary.png
new file mode 100644
index 0000000..abac119
Binary files /dev/null and b/assets/proplibrary.png differ
diff --git a/assets/tankimodels.png b/assets/tankimodels.png
new file mode 100644
index 0000000..cb1dc9d
Binary files /dev/null and b/assets/tankimodels.png differ
diff --git a/assets/tools.png b/assets/tools.png
new file mode 100644
index 0000000..a2197ae
Binary files /dev/null and b/assets/tools.png differ
diff --git a/assets/xml.jpg b/assets/xml.jpg
new file mode 100644
index 0000000..c4d0fc4
Binary files /dev/null and b/assets/xml.jpg differ
diff --git a/assets/xml.png b/assets/xml.png
new file mode 100644
index 0000000..2b9e011
Binary files /dev/null and b/assets/xml.png differ
diff --git a/index.html b/index.html
index 8f11076..bf67150 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
     <!-- Main Content Area -->
     <div class="content">
         <div class="menu-container">
-            <a href="https://discord.com" class="discord-button" target="_blank">Discord</a>
+            <a href="https://discord.gg/EPqvgcPNHx" class="discord-button" target="_blank">Discord</a>
             <ul class="menu">
                 <li><a href="archives.html"><img src="assets/archives-icon.svg" class="button-icon" alt="Archives Icon">ARCHIVES</a></li>
                 <li><a href="tools.html"><img src="assets/tools-icon.svg" class="button-icon" alt="Tools Icon">TOOLS</a></li>
diff --git a/misc.html b/misc.html
new file mode 100644
index 0000000..67dcde6
--- /dev/null
+++ b/misc.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Archive</title>
+    <style>
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            background-color: #1a1a1a;
+            font-family: Arial, sans-serif;
+            color: #fff;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+        }
+        .title {
+            font-size: 2em;
+            font-weight: bold;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            color: #FFD700;
+        }
+        .back-button {
+            font-size: 1em;
+            color: #fff;
+            background-color: #444;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            font-weight: bold;
+            transition: background-color 0.3s;
+        }
+        .back-button:hover {
+            background-color: #666;
+        }
+        .container {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            grid-template-rows: repeat(2, 300px);
+            gap: 20px;
+            padding: 20px;
+            scroll-snap-type: x mandatory;
+            width: 100%;
+            place-items: center; /* Center align incomplete rows */
+        }
+        .box {
+            background-color: #2c2f36;
+            border-radius: 10px;
+            display: flex;
+            align-items: start; /* Align items to the top */
+            justify-content: center; /* Center text horizontally */
+            text-align: center;
+            color: #fff;
+            scroll-snap-align: start;
+            padding: 15px;
+            position: relative;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            text-decoration: none;
+            background-size: cover;
+            background-position: center;
+            width: 100%; /* Makes the box occupy full grid cell */
+            height: 300px; /* Sets the box height */
+        }
+        .box .title {
+            font-size: 1em;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.7); /* Dark overlay for text readability */
+            padding: 5px 10px;
+            border-radius: 5px;
+            position: absolute;
+            top: 10px; /* Positions title at the top of the box */
+            left: 50%;
+            transform: translateX(-50%); /* Centers title horizontally */
+        }
+        /* Hover Effect */
+        .box:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 8px 15px rgba(0, 255, 127, 0.5);
+            background-color: #3a3f4b;
+        }
+    </style>
+</head>
+<body>
+
+<div class="title">Misc</div>
+
+<button class="back-button" onclick="window.location.href='index.html'">Back</button>
+
+<div class="container">
+    <a href="https://github.com/MapMakersAndProgrammers/alternativa-demos" class="box" style="background-image: url('assets/demo.png');">
+        <div class="title">Alternativa Games' flash demos</div>
+    </a>
+    <a href="https://github.com/MapMakersAndProgrammers/alternativa-editor" class="box" style="background-image: url('assets/editor.png');">
+        <div class="title">Alternativa Editor source code</div>
+    </a>
+</div>
+
+</body>
+</html>
diff --git a/tools.html b/tools.html
new file mode 100644
index 0000000..ddf63c7
--- /dev/null
+++ b/tools.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Archive</title>
+    <style>
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+        body {
+            background-color: #1a1a1a;
+            font-family: Arial, sans-serif;
+            color: #fff;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+        }
+        .title {
+            font-size: 2em;
+            font-weight: bold;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            color: #FFD700;
+        }
+        .back-button {
+            font-size: 1em;
+            color: #fff;
+            background-color: #444;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 5px;
+            cursor: pointer;
+            margin-bottom: 20px;
+            text-transform: uppercase;
+            font-weight: bold;
+            transition: background-color 0.3s;
+        }
+        .back-button:hover {
+            background-color: #666;
+        }
+        .container {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+            grid-template-rows: repeat(2, 300px);
+            gap: 20px;
+            padding: 20px;
+            scroll-snap-type: x mandatory;
+            width: 100%;
+            place-items: center; /* Center align incomplete rows */
+        }
+        .box {
+            background-color: #2c2f36;
+            border-radius: 10px;
+            display: flex;
+            align-items: start; /* Align items to the top */
+            justify-content: center; /* Center text horizontally */
+            text-align: center;
+            color: #fff;
+            scroll-snap-align: start;
+            padding: 15px;
+            position: relative;
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+            transition: transform 0.3s ease, box-shadow 0.3s ease;
+            text-decoration: none;
+            background-size: cover;
+            background-position: center;
+            width: 100%; /* Makes the box occupy full grid cell */
+            height: 300px; /* Sets the box height */
+        }
+        .box .title {
+            font-size: 1em;
+            font-weight: bold;
+            background-color: rgba(0, 0, 0, 0.7); /* Dark overlay for text readability */
+            padding: 5px 10px;
+            border-radius: 5px;
+            position: absolute;
+            top: 10px; /* Positions title at the top of the box */
+            left: 50%;
+            transform: translateX(-50%); /* Centers title horizontally */
+        }
+        /* Hover Effect */
+        .box:hover {
+            transform: translateY(-10px);
+            box-shadow: 0 8px 15px rgba(0, 255, 127, 0.5);
+            background-color: #3a3f4b;
+        }
+    </style>
+</head>
+<body>
+
+<div class="title">Tools</div>
+
+<button class="back-button" onclick="window.location.href='index.html'">Back</button>
+
+<div class="container">
+    <a href="https://example.com/showcase" class="box" style="background-image: url('assets/tools.png');">
+        <div class="title">Alternativa Games' tools</div>
+    </a>
+    <a href="https://example.com/keys" class="box" style="background-image: url('assets/a3d1.png');">
+        <div class="title">Blender plugin to import A3D 1.x and 2.x models</div>
+    </a>
+    <a href="https://example.com/premium" class="box" style="background-image: url('assets/a3d2.png');">
+        <div class="title">Blender plugin to import A3D 3.x models</div>
+    </a>
+</div>
+
+</body>
+</html>
