diff --git a/docute-landing.js b/docute-landing.js
new file mode 100644
index 0000000..9c89413
--- /dev/null
+++ b/docute-landing.js
@@ -0,0 +1,33 @@
+const landing = {
+    html: `
+    <div id="landing" class="main content markdown-body">
+        <p><img src="https://camo.githubusercontent.com/9ad178e5cf76a372d6aaee8bbdf13485fbc1d51b/68747470733a2f2f692e696d6775722e636f6d2f435034535a70422e706e67"></img></p>
+        <p><i>This is not an official EssentialsX site.</i></p>
+        <section>
+            <a class="big wiki" href="#/_Sidebar">Visit wiki</a>
+            <a class="big download" href="#" @click="toggleDownloads">
+                <span v-if="showDownloads">Hide downloads</span>
+                <span v-else>Show downloads</span>
+            </a>
+        </section>
+        <DownloadPage v-if="showDownloads"></DownloadPage>
+    </div>
+    `,
+    component: {
+        components: {
+            DownloadPage,
+        },
+        data() {
+            return {
+                showDownloads: false,
+            };
+        },
+        methods: {
+            toggleDownloads() {
+                this.showDownloads = !this.showDownloads;
+            }
+        }
+    },
+};
+
+window.landing = landing;
\ No newline at end of file
diff --git a/index.html b/index.html
index c6a61d0..5291e07 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,14 @@
     <div id="app"></div>
     <script src="https://unpkg.com/docute@3/dist/docute.js"></script>
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
     <script src="https://unpkg.com/prismjs@1.11.0/components/prism-groovy.js"></script>
     <script src="https://unpkg.com/prismjs@1.11.0/components/prism-java.js"></script>
-    <script src="docute-wikilink.js"></script>
+    
     <script src="vue-dlpage.js"></script>
+    <script src="docute-landing.js"></script>
+    <script src="docute-wikilink.js"></script>
+    
     <script src="main.js"></script>
 </body>
 </html>
diff --git a/main.css b/main.css
index be952b2..417b34b 100644
--- a/main.css
+++ b/main.css
@@ -70,3 +70,29 @@ button:active {
 .link:hover {
     color: var(--main);
 }
+
+a.big::before {
+    content: "➔";
+    background: var(--main-dark);
+    border-radius: 4px 0 0 4px;
+    display: inline-block;
+    padding: 0.3em 0.5em;
+    margin: 0 0.5em 0 0;
+    color: white;
+    font-size: 16pt;
+    text-align: center;
+}
+
+a.big.download {
+    content: 
+}
+
+a.big {
+    background: var(--main);
+    border-radius: 4px;
+    display: inline-block;
+    padding: 0 0.5em 0 0;
+    color: white;
+    font-size: 16pt;
+    text-align: center;
+}
diff --git a/main.js b/main.js
index ad7d20e..4c3d267 100644
--- a/main.js
+++ b/main.js
@@ -3,7 +3,8 @@ const mirrorCI = "https://ci.akpmakes.tech/job/EssentialsX/";
 
 axios.defaults.baseURL = mirrorCI; // ender.zone doesn't allow CORS
 
-const landing = window.dlPage;
+//const landing = window.landing;
+//const dlPage = window.dlPage;
 
 docute.init({
     url: "https://raw.githubusercontent.com/wiki/EssentialsX/Essentials/",
diff --git a/vue-dlpage.js b/vue-dlpage.js
index 85da387..28a4190 100644
--- a/vue-dlpage.js
+++ b/vue-dlpage.js
@@ -1,74 +1,65 @@
-const component = {
-    html: `
-    <transition name="fadein">
-    <div id="landing" class="main content markdown-body">
-        <p><img src="https://camo.githubusercontent.com/9ad178e5cf76a372d6aaee8bbdf13485fbc1d51b/68747470733a2f2f692e696d6775722e636f6d2f435034535a70422e706e67"></img></p>
-        <p><i>This is not an official EssentialsX site.</i></p>
+const DownloadPage = {
+    template: `
+    <section>
         <h2>Download EssentialsX</h2>
-        <section>
-            <p v-if="buildNo">The latest version of EssentialsX is <b>{{build}}</b>.</p>
-            <p v-if="failed" class="warning">Could not retrieve information about the latest version.</p>
-            <table v-if="buildNo">
-                <tr>
-                    <th>Plugin</th>
-                    <th>Main</th>
-                    <th>Mirror</th>
-                </tr>
-                <tr v-for="plugin in plugins" :key="plugin.name">
-                    <td>{{ plugin.name }}</td>
-                    <td><a :href="plugin.main">Download</a></td>
-                    <td><a :href="plugin.mirror">Download</a></td>
-                </tr>
-            </table>
-            <button @click="updateInfo">Update</button>
-        </section>
-        <h2>Help for EssentialsX</h2>
-        <section>
-            <router-link to="/Home">Go to EssentialsX Wiki</router-link>
-        </section>
-    </div>
-    </transition>
+        <p v-if="buildNo">The latest version of EssentialsX is <b>{{build}}</b>.</p>
+        <p v-if="failed" class="warning">
+            Could not retrieve information about the latest version.
+            Click <a href="https://ci.ender.zone/job/EssentialsX">here</a> to visit the build server.
+        </p>
+        <table v-if="buildNo">
+            <tr>
+                <th>Plugin</th>
+                <th>Main</th>
+                <th>Mirror</th>
+            </tr>
+            <tr v-for="plugin in plugins" :key="plugin.name">
+                <td>{{ plugin.name }}</td>
+                <td><a :href="plugin.main">Download</a></td>
+                <td><a :href="plugin.mirror">Download</a></td>
+            </tr>
+        </table>
+        <button @click="updateInfo">Update</button>
+    </section>
     `,
-    component: {
-        data() {
-            return {
-                buildNo: null,
-                failed: null,
-                plugins: [],
-            };
-        },
-        computed: {
-            build() {
-                return this.buildNo ? `b${this.buildNo}` : "unknown";
-            },
+    data() {
+        return {
+            buildNo: null,
+            failed: null,
+            plugins: [],
+        };
+    },
+    computed: {
+        build() {
+            return this.buildNo ? `b${this.buildNo}` : "unknown";
         },
-        methods: {
-            updateInfo() {
-                axios.get("lastSuccessfulBuild/api/json")
-                    .then(response => {
-                        this.buildNo = response.data.id;
-                        this.plugins = response.data.artifacts.map(artifact => {
-                            return {
-                                name: `EssentialsX ${artifact.displayPath.match(/EssentialsX([A-Za-z]*)/)[1]}`,
-                                main: `${mainCI}lastSuccessfulBuild/artifact/${artifact.relativePath}`,
-                                mirror: `${mirrorCI}lastSuccessfulBuild/artifact/${artifact.relativePath}`,
-                            };
-                        });
-                        this.failed = null;
-                    }, error => {
-                        if (error.response) {
-                            this.failed = error.response.data;
-                        } else {
-                            this.failed = error.message;
-                        }
+    },
+    methods: {
+        updateInfo() {
+            axios.get("lastSuccessfulBuild/api/json")
+                .then(response => {
+                    this.buildNo = response.data.id;
+                    this.plugins = response.data.artifacts.map(artifact => {
+                        return {
+                            name: `EssentialsX ${artifact.displayPath.match(/EssentialsX([A-Za-z]*)/)[1]}`,
+                            main: `${mainCI}lastSuccessfulBuild/artifact/${artifact.relativePath}`,
+                            mirror: `${mirrorCI}lastSuccessfulBuild/artifact/${artifact.relativePath}`,
+                        };
+                    });
+                    this.failed = null;
+                }, error => {
+                    if (error.response) {
+                        this.failed = error.response.data;
+                    } else {
+                        this.failed = error.message;
                     }
-                    );
-            }
-        },
-        mounted: function () {
-            this.updateInfo();
+                }
+                );
         }
     },
+    mounted: function () {
+        this.updateInfo();
+    }
 };
 
-window.dlPage = component;
\ No newline at end of file
+window.DownloadPage = DownloadPage;
\ No newline at end of file