dynmap integration

docusaurus.config.js

@@ -87,21 +87,26 @@ const config = {
             position: 'left',
             label: 'Season 2',
           },
+          {
+            type: 'dropdown',
+            label: 'Dynmap',
+            position: 'left',
+            items: [
+              {
+                to: '/dynmap_smp',
+                label: 'SMP'
+              },
+              {
+                to: '/dynmap_creative',
+                label: 'Creative'
+              }
+            ],
+          },
           {
             href: 'https://survival-pi.tebex.io/',
             label: 'Donate',
             position: 'right',
           },
-          {
-            href: 'https://map.survival-pi.com/',
-            label: 'Map:SMP',
-            position: 'left',
-          },
-          {
-            href: 'https://cmap.survival-pi.com/',
-            label: 'Map:Creative',
-            position: 'left',
-          },
           {
             href: 'https://github.com/aleabodo/survival-pi-docs',
             label: 'GitHub',

src/pages/dynmap_creative.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+
+export default function Hello() {
+  return (
+    <Layout title="Dynmap Creative" 
+        noFooter={true}
+        description="Dynmap Creative">
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          height: 'calc(100vh - 60px)',
+          fontSize: '20px',
+          backgroundColor: 'pink'
+        }}>
+         <iframe src="https://cmap.survival-pi.com" height="100%" width="100%"></iframe> 
+      </div>
+    </Layout>
+  );
+}

src/pages/dynmap_smp.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+
+export default function Hello() {
+  return (
+    <Layout title="Dynmap SMP" 
+        noFooter={true}
+        description="Dynmap SMP">
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          height: 'calc(100vh - 60px)',
+          fontSize: '20px',
+          backgroundColor: 'pink'
+        }}>
+         <iframe src="https://map.survival-pi.com" height="100%" width="100%"></iframe> 
+      </div>
+    </Layout>
+  );
+}