1. upload the version of docusaurus 2. change first page to attract more users

docusaurus.config.js

@@ -45,8 +45,18 @@ module.exports = {
       hideOnScroll: true,
       items: [
         {
-          type: 'localeDropdown',
           position: 'left',
+          html: '<img width="50" src="https://s3.amazonaws.com/moonlist.moondao.link/twitter-logo.png" alt="" />',
+          to: 'https://twitter.com/OfficialMoonDAO',
+        },
+        {
+          position: 'left',
+          html: '<img width="50" src="https://s3.amazonaws.com/moonlist.moondao.link/discord-logo.png" alt="" />',
+          to: 'https://discord.com/invite/5nAu7K9aES',
+        },
+        {
+          type: 'localeDropdown',
+          position: 'right',
         },
         {
           to: '/docs/introduction',

package.json

@@ -15,9 +15,9 @@
     "lint": "prettier --ignore-unknown --write ."
   },
   "dependencies": {
-    "@docusaurus/core": "2.0.0-beta.13",
-    "@docusaurus/preset-classic": "2.0.0-beta.13",
-    "@docusaurus/theme-classic": "^2.0.0-beta.13",
+    "@docusaurus/core": "2.0.0-beta.21",
+    "@docusaurus/preset-classic": "2.0.0-beta.21",
+    "@docusaurus/theme-classic": "2.0.0-beta.21",
     "@mdx-js/react": "^1.6.21",
     "antd": "^4.15.1",
     "assert": "^2.0.0",

src/Components/Hero.jsx

@@ -64,17 +64,26 @@ export default class Hero extends React.Component {
         <this.BrowserOnlyJS></this.BrowserOnlyJS>
         <div className="mainText">
           <div className="titleText">We are going to the Moon</div>
+          <div>
+            <a
+              className="subText"
+              href="https://www.youtube.com/watch?v=venrE8gdz30"
+              target="_blank">
+              MoonDAO is sending Copy from Dude Perfect to space through Blue
+              Origin's New Sheppard rocket!
+            </a>
+          </div>
           <div className="buttonContainer">
-            <div className="buttonCTA" id="learnMore">
-              <a href="#mission">
-                <Translate>Learn More</Translate>
-              </a>
-            </div>
-            <div className="buttonCTA" id="joinDiscord">
-              <a href="https://discord.gg/5nAu7K9aES" target="_blank">
-                <Translate>Join our Discord</Translate>
-              </a>
-            </div>
+            <a
+              href="/docs/token"
+              target="_blank"
+              className="buttonCTA"
+              id="joinDiscord">
+              <Translate>Govern MoonDAO with $MOONEY</Translate>
+            </a>
+            <a href="#mission" className="buttonCTA" id="learnMore">
+              <Translate>Learn More</Translate>
+            </a>
           </div>
         </div>
         <div className="downArrow">

src/css/home.scss

@@ -48,6 +48,10 @@
       transform: scale(1.2);
       transition: opacity 1.5s ease, transform 2.5s ease;
     }
+    .subText {
+      margin-left: 5%;
+      color: #d85c4c;
+    }
     .titleTextTransition {
       opacity: 1 !important;
       transform: none !important;
@@ -58,7 +62,7 @@
       position: relative;
       color: white;
       margin-top: 1.5em;
-      margin-left: 6%;
+      margin-left: 5%;
       font-size: 1.2em;
       width: 30em;
       @media (max-width: 768px) {
@@ -70,7 +74,7 @@
         width: 100%;
       }
       .buttonCTA {
-        width: calc(35%);
+        // width: calc(35%);
         background-color: black;
         border: 2px solid #d7d9d4;
         padding: 1em;