chore: Update docs

site/docusaurus.config.ts

@@ -17,7 +17,7 @@ const rehypeRawOptions = {
 
 const config: Config = {
   title: 'Excalibur.js',
-  tagline: 'Your friendly TypeScript 2D game engine for the web',
+  tagline: 'Your friendly TypeScript 2D game engine for the web.',
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
@@ -212,12 +212,17 @@ const config: Config = {
         { to: '/blog', label: 'Blog', position: 'left' },
         { to: '/samples', label: 'Samples', position: 'left' },
         { to: '/donate', label: 'Donate', position: 'left' },
-        { to: '/premium-support', label: 'Premium Support', position: 'right' },
         {
           href: 'https://github.com/excaliburjs/Excalibur/discussions',
-          label: 'Community',
+          label: 'Discussions',
+          position: 'left'
+        },
+        {
+          href: 'https://discord.gg/W6zUd4tTY3',
+          label: 'Discord',
           position: 'left'
         },
+        { to: '/premium-support', label: 'Premium Support', position: 'right' },
         {
           href: 'https://github.com/excaliburjs/Excalibur',
           label: 'GitHub',
@@ -243,7 +248,16 @@ const config: Config = {
             {
               label: 'Twitter',
               href: 'https://twitter.com/excaliburjs'
-            }
+            },
+            {
+              label: 'Discord',
+              href: 'https://discord.gg/W6zUd4tTY3'
+            },
+            {
+              label: 'Discussions',
+              href: 'https://github.com/excaliburjs/Excalibur/discussions'
+            },
+
           ]
         },
         {

site/src/components/HomepageFeatures/index.tsx

@@ -9,9 +9,18 @@ type FeatureItem = {
 };
 
 const FeatureList: FeatureItem[] = [
+{
+    title: 'Free and Open Source',
+    Svg: require('@site/static/img/OSI_Keyhole.svg').default,
+    description: (
+      <>
+        Excalibur is and always will be free and open source! Excalibur public projects are BSD 2 Clause, and will never, ever change.
+      </>
+    ),
+  },
   {
     title: 'Made with TypeScript',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    Svg: require('@site/static/img/ts-logo-256.svg').default,
     description: (
       <>
         Excalibur was built from the ground up for TypeScript, a typed superset of JavaScript that feels familiar to C#, Java, and other strongly-typed languages. This makes Excalibur code clean, readable, and maintainable.
@@ -56,7 +65,7 @@ export default function HomepageFeatures(): JSX.Element {
   return (
     <section className={styles.features}>
       <div className="container">
-        <div className="row">
+        <div className={clsx('row', styles.rowCenter)}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}

site/src/components/HomepageFeatures/styles.module.css

@@ -9,3 +9,7 @@
   height: 200px;
   width: 200px;
 }
+
+.rowCenter {
+  justify-content: center;
+}

site/src/css/custom.css

@@ -38,6 +38,20 @@
   display: none;
 }
 
+.navbar__link {
+  white-space: nowrap;
+}
+
+.hero {
+  padding-top: 2rem !important;
+  padding-bottom: 12rem !important;
+  background-image: url('/static/img/hero.png');
+  background-size: 20rem;
+  background-position-y: bottom 1rem !important;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
 .tsdoc-link.tsdoc-link--missing {
   border-bottom: 1px dashed red;
   cursor: help;

site/src/pages/index.tsx

@@ -18,7 +18,7 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/docs/getting-started">
-            Docusaurus Tutorial - 5min ⏱️
+            Tutorial - 5min ⏱️
           </Link>
         </div>
       </div>

site/src/pages/samples/_data.ts

@@ -6,8 +6,16 @@ import sampleElectron from './images/electron.png'
 import sampleMatterjs from './images/matterjs.gif'
 import sampleTiled from './images/tiled.gif'
 import sampleGrid from './images/grid.gif'
+import sampleTactics from './images/tinytactics-small.gif'
 
 export default [
+  {
+    title: 'Tiny Tactics',
+    image: sampleTactics,
+    description: 'High fidelity example of a tactics game, with multiple levels, AI, and pathfinding!',
+    url: 'https://excaliburjs.com/sample-tactics',
+    source: 'https://github.com/excaliburjs/sample-tactics',
+  },
   {
     title: 'Grid Movement',
     image: sampleGrid,