Update to most recent version of ms-gh-pages

.github/workflows/deploy.yml

@@ -18,10 +18,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744 # v3.6.0
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js
         uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
         with:
-          node-version: 18
+          node-version: 20
           cache: 'npm'
           cache-dependency-path: './site/package-lock.json'
       - run: npm ci

.github/workflows/pr-build.yml

@@ -18,10 +18,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@f43a0e5ff2bd294095638e18286ca9a3d1956744 # v3.6.0
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js
         uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
         with:
-          node-version: 18
+          node-version: 20
           cache: 'npm'
           cache-dependency-path: './site/package-lock.json'
       - run: npm ci

site/gatsby-config.js

@@ -2,9 +2,9 @@ const { plugins } = require('./src/config/base-gatsby-plugins');
 
 module.exports = {
   siteMetadata: {
-    title: `Morgan Stanley Open Source Software`,
-    description: `Morgan Stanley Open Source Software`,
-    siteUrl: 'http://opensource.morganstanley.com/crossroads',
+    title: `Crossroads`,
+    description: `Crossroads is a dotnet core commandline tool packager for developers.`,
+    siteUrl: 'http://opensource.morganstanley.com/Crossroads',
     documentationUrl: false,
     //  documentationUrl: url-of.documentation.site,
   },

site/package.json

@@ -8,8 +8,8 @@
     "gatsby"
   ],
   "engines": {
-    "node": "^18.14.0",
-    "npm": "^9.3.1"
+    "node": "^20.11.0",
+    "npm": "^10.3.0"
   },
   "dependencies": {
     "@mdx-js/react": "^2.3.0",

site/src/config/base-gatsby-plugins.js

@@ -16,26 +16,6 @@ const gatsbyRemarkPlugins = [
     resolve: `gatsby-remark-prismjs`,
     options: {
       showLineNumbers: false,
-      languageExtensions: [
-        {
-          language: 'superscript',
-          extend: 'javascript',
-          definition: {
-            superscript_types: /(SuperType)/,
-          },
-          insertBefore: {
-            function: {
-              superscript_keywords: /(superif|superelse)/,
-            },
-          },
-        },
-      ],
-      prompt: {
-        user: 'root',
-        host: 'localhost',
-        global: false,
-      },
-      escapeEntities: {},
     },
   },
   `gatsby-remark-copy-linked-files`,

site/src/pages/documentation/index.js

@@ -4,15 +4,15 @@ import { Link, graphql } from 'gatsby';
 import Layout from '../../components/layout';
 import Seo from '../../components/seo';
 
-import DocumentationHero from '../../../content/documentation-hero.mdx';
+import HeroContent from '../../../content/hero.mdx';
 
 const DocumentationIndex = ({ data, location }) => {
   const docs = data.allMdx.nodes;
 
   return (
     <Layout data={data} location={location}>
       <div className="main docs-main">
-        <DocumentationHero />
+        <HeroContent />
         {docs.map((node) => {
           const title = node.frontmatter.title;
           const toc = node.tableOfContents.items;

site/src/pages/news/index.js

@@ -4,15 +4,15 @@ import { Link, graphql } from 'gatsby';
 import Layout from '../../components/layout';
 import Seo from '../../components/seo';
 
-import NewsHero from '../../../content/news-hero.mdx';
+import HeroContent from '../../../content/hero.mdx';
 
 const NewsIndex = ({ data, location }) => {
   const news = data.allMdx.nodes;
 
   return (
     <Layout data={data} location={location}>
       <div className="main news-main">
-        <NewsHero />
+        <HeroContent />
         <Seo title="News" />
         {news.map((node) => {
           const title = node.frontmatter.title;

site/src/styles/header.css

@@ -47,9 +47,3 @@
 .header-nav ul li:last-of-type {
   margin-right: 0;
 }
-
-@media (max-width: 767px) {
-  .header-main .content {
-    display: block;
-  }
-}

site/src/styles/prismjs.css

@@ -83,10 +83,6 @@ http://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascr
   --aqua: #4ccacd;
 }
 
-pre {
-  overflow: auto;
-}
-
 pre::-webkit-scrollbar {
   width: 14px;
 }

site/src/styles/style.css

@@ -58,7 +58,7 @@
 }
 
 .documentation-nav {
-  margin-top: 2rem;
+  margin-top: 1rem;
   flex-grow: 1;
   width: 30%;
 }

site/src/templates/documentation.js

@@ -8,10 +8,14 @@ const DocumentationTemplate = ({ children, data, pageContext, location }) => {
   const docs = data.allMdx.nodes;
   const toc = data.mdx.tableOfContents.items;
   const pageTitle = pageContext.frontmatter.title;
+  const siteTitle = data.site?.siteMetadata?.title;
 
   return (
     <Layout data={data} location={location}>
       <Seo title={pageTitle} description={pageContext.description} />
+      <article className="page-main content">
+        <h3>{siteTitle}</h3>
+      </article>
       <article className="page-main content documentation-main">
         <nav className="nav documentation-nav">
           <h4>Documentation</h4>