update navbar and feed

packages/website/gatsby-config.js

@@ -61,58 +61,6 @@ const config = {
         ],
       },
     },
-    {
-      resolve: `gatsby-plugin-feed`,
-      options: {
-        query: `
-          {
-            site {
-              siteMetadata {
-                url
-              }
-            }
-          }
-        `,
-        feeds: [
-          {
-            serialize: ({ query: { site, allMdx } }) => {
-              return allMdx.nodes.map((node) => {
-                return Object.assign({}, node.frontmatter, {
-                  description: node.excerpt,
-                  date: node.frontmatter.date,
-                  url: site.siteMetadata.url + node.fields.permalink,
-                  guid: site.siteMetadata.url + node.fields.permalink,
-                });
-              });
-            },
-            query: `
-              {
-                allMdx(
-                  sort: { fields: frontmatter___date, order: DESC }
-                  filter: { fields: { pageType: { eq: "blog" } } }
-                ) {
-                  nodes {
-                    frontmatter {
-                      date(formatString: "DD MMM yyyy")
-                      title
-                    }
-                    fields {
-                      permalink
-                    }
-                    id
-                    body
-                    excerpt
-                  }
-                }
-              }
-            `,
-            output: "/feed.xml",
-            title: siteMetadata.title,
-            match: "^/blog/",
-          },
-        ],
-      },
-    },
   ],
 };
 

packages/website/package.json

@@ -28,7 +28,6 @@
   },
   "devDependencies": {
     "gatsby": "4.24.5",
-    "gatsby-plugin-feed": "4.24.0",
     "gatsby-plugin-mdx": "4.3.0",
     "gatsby-plugin-react-svg": "3.1.0",
     "gatsby-plugin-sass": "5.24.0",

packages/website/src/components/Default.jsx

@@ -45,11 +45,6 @@ const Default = ({ children, pageType }) => {
                 Playground
               </a>
             </li>
-            <li className="navbar-item">
-              <a className="navbar-link" href="/blog/">
-                Blog
-              </a>
-            </li>
             <li className="navbar-item">
               <GitHub dark />
             </li>
@@ -89,15 +84,6 @@ const Default = ({ children, pageType }) => {
                 Playground
               </a>
             </li>
-            <li
-              className={classNames("navbar-item", {
-                active: pageType === "blog",
-              })}
-            >
-              <a className="navbar-link" href="/blog/">
-                Blog
-              </a>
-            </li>
             <li className="download-item">
               <a className="action" href="/docs/download/">
                 Download

packages/website/static/assets/css/styles.css

@@ -1270,9 +1270,14 @@ body:not(.home) .navbar-link:before {
     display: inline-block;
   }
   .navbar-drop.active {
-    margin-bottom: -25em;
+    margin-bottom: -22em;
     transition: margin-bottom 1s ease-out 0s;
   }
+  .navbar-drop .navbar-item:last-child {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+  }
   .navbar-list .navbar-item,
   .navbar-list .download-item {
     display: none;