diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index f72a4aa..226b515 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -2,7 +2,7 @@ const {getDocusaurusConfig} = require('@vis.gl/docusaurus-website'); const config = getDocusaurusConfig({ projectName: 'mjolnir.js', - tagline: 'An event manager', + tagline: 'A modern event manager', siteUrl: 'https://visgl.github.io/mjolnir.js', repoUrl: 'https://github.com/visgl/mjolnir.js', diff --git a/website/package.json b/website/package.json index c09cfa6..b289290 100644 --- a/website/package.json +++ b/website/package.json @@ -21,7 +21,7 @@ }, "dependencies": { "@docusaurus/core": "^3.0.0", - "@vis.gl/docusaurus-website": "1.0.0-alpha.18", + "@vis.gl/docusaurus-website": "1.0.0-alpha.20", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx index 12b74fe..48770a3 100644 --- a/website/src/pages/index.jsx +++ b/website/src/pages/index.jsx @@ -4,32 +4,10 @@ import useBaseUrl from '@docusaurus/useBaseUrl'; import styled from 'styled-components'; import Layout from '@theme/Layout'; -// import HeroExample from '../examples/home-demo'; -const HeroExample = ({children}) =>
{children}
; - -const FeatureImage = styled.div` -position: absolute; -height: 100%; -width: 50%; -top: 0; -right: 0; -z-index: -1; -border-top: solid 200px transparent; -background-image: url(${props => props.src}); -background-size: contain; -background-repeat: no-repeat; -background-position: right top; - -@media screen and (max-width: 768px) { - display: none; -} -`; - const TextContainer = styled.div` max-width: 800px; padding: 64px 112px; -width: 70%; -font-size: 14px; +font-size: 16px; h2 { font: bold 32px/48px; @@ -41,11 +19,13 @@ h3 { margin: 16px 0 0; position: relative; } -h3 > img { - position: absolute; - top: -4px; - width: 36px; - left: -48px; +div { + display: flex; + align-items: center; + margin-top: 1em; +} +div > img { + margin-right: 1em; } hr { border: none; @@ -66,43 +46,32 @@ export default function IndexPage() { const baseUrl = useBaseUrl('/'); return ( - - -
- - -

- A collection of math modules for Geospatial and 3D use cases. -

-
+ + <> + + +

+ A dependency-free input handling and gesture recognition system +

+
-

- - Toolbox of 3D math modules -

-

+
+ + Predictable behavior across browsers and input devices +
-

- - Matrices and vectors, bounding boxes, frustum culling etc -

-

- -

- - Geospatial reprojection, gravity models, solar position, etc -

-

+
+ + Fully typed API +
-

+
- Strict TypeScript and run-time checks that detect bad data -

-

+ Treeshakable and SSR-ready ESM package +
- - -
+ +
); } diff --git a/website/static/images/footer-pattern.gif b/website/static/images/footer-pattern.gif deleted file mode 100644 index 5bff427..0000000 Binary files a/website/static/images/footer-pattern.gif and /dev/null differ diff --git a/website/static/images/header-bg.jpg b/website/static/images/header-bg.jpg deleted file mode 100644 index 566a2d5..0000000 Binary files a/website/static/images/header-bg.jpg and /dev/null differ diff --git a/website/static/images/icon-basemap.webp b/website/static/images/icon-basemap.webp deleted file mode 100644 index c81520e..0000000 Binary files a/website/static/images/icon-basemap.webp and /dev/null differ diff --git a/website/static/images/icon-layers.svg b/website/static/images/icon-layers.svg deleted file mode 100644 index 77dde0d..0000000 --- a/website/static/images/icon-layers.svg +++ /dev/null @@ -1,29 +0,0 @@ - - - - architecture - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/website/static/images/icon-typescript.svg b/website/static/images/icon-typescript.svg new file mode 100644 index 0000000..533710b --- /dev/null +++ b/website/static/images/icon-typescript.svg @@ -0,0 +1,19 @@ + + + + architecture + Created with Sketch. + + + + + + + + + + + + + + \ No newline at end of file