diff --git a/site/docusaurus.config.ts b/site/docusaurus.config.ts index 8a5d3ce95..26b5a38c2 100644 --- a/site/docusaurus.config.ts +++ b/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' + }, + ] }, { diff --git a/site/src/components/HomepageFeatures/index.tsx b/site/src/components/HomepageFeatures/index.tsx index 69bf16307..cac28312b 100644 --- a/site/src/components/HomepageFeatures/index.tsx +++ b/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 (
-
+
{FeatureList.map((props, idx) => ( ))} diff --git a/site/src/components/HomepageFeatures/styles.module.css b/site/src/components/HomepageFeatures/styles.module.css index b248eb2e5..ab7c2b45c 100644 --- a/site/src/components/HomepageFeatures/styles.module.css +++ b/site/src/components/HomepageFeatures/styles.module.css @@ -9,3 +9,7 @@ height: 200px; width: 200px; } + +.rowCenter { + justify-content: center; +} diff --git a/site/src/css/custom.css b/site/src/css/custom.css index e959b3e22..4788c5276 100644 --- a/site/src/css/custom.css +++ b/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; diff --git a/site/src/pages/index.tsx b/site/src/pages/index.tsx index a1453f588..e26c8f104 100644 --- a/site/src/pages/index.tsx +++ b/site/src/pages/index.tsx @@ -18,7 +18,7 @@ function HomepageHeader() { - Docusaurus Tutorial - 5min ⏱️ + Tutorial - 5min ⏱️
diff --git a/site/src/pages/samples/_data.ts b/site/src/pages/samples/_data.ts index fdc807195..e12ccd311 100644 --- a/site/src/pages/samples/_data.ts +++ b/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, diff --git a/site/src/pages/samples/images/tinytactics-small.gif b/site/src/pages/samples/images/tinytactics-small.gif new file mode 100644 index 000000000..1b62e66e9 Binary files /dev/null and b/site/src/pages/samples/images/tinytactics-small.gif differ diff --git a/site/static/img/OSI_Keyhole.svg b/site/static/img/OSI_Keyhole.svg new file mode 100644 index 000000000..5d24c05d6 --- /dev/null +++ b/site/static/img/OSI_Keyhole.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + \ No newline at end of file diff --git a/site/static/img/hero.png b/site/static/img/hero.png new file mode 100644 index 000000000..109cd679a Binary files /dev/null and b/site/static/img/hero.png differ diff --git a/site/static/img/homepage-docs.png b/site/static/img/homepage-docs.png new file mode 100644 index 000000000..741071dbd Binary files /dev/null and b/site/static/img/homepage-docs.png differ diff --git a/site/static/img/homepage-typescript.png b/site/static/img/homepage-typescript.png new file mode 100644 index 000000000..472e0f63f Binary files /dev/null and b/site/static/img/homepage-typescript.png differ diff --git a/site/static/img/ts-logo-256.svg b/site/static/img/ts-logo-256.svg new file mode 100644 index 000000000..1233b3860 --- /dev/null +++ b/site/static/img/ts-logo-256.svg @@ -0,0 +1 @@ + \ No newline at end of file