From b7b96860a26a900e7dac2ea8dde62bab50d90d8c Mon Sep 17 00:00:00 2001 From: Xiaoji Chen Date: Thu, 29 Aug 2024 21:49:32 -0700 Subject: [PATCH] Website home page pass --- website/docusaurus.config.js | 2 +- website/package.json | 2 +- website/src/examples-sidebar.js | 28 ------ website/src/pages/index.jsx | 111 +++++++++++------------- website/src/styles.css | 24 ----- website/static/images/icon-basemap.webp | Bin 6322 -> 0 bytes website/static/images/icon-console.svg | 13 +++ website/static/images/icon-debug.svg | 12 +++ website/static/images/icon-layers.svg | 29 ------- website/yarn.lock | 10 +-- 10 files changed, 82 insertions(+), 149 deletions(-) delete mode 100644 website/src/examples-sidebar.js delete mode 100644 website/static/images/icon-basemap.webp create mode 100644 website/static/images/icon-console.svg create mode 100644 website/static/images/icon-debug.svg delete mode 100644 website/static/images/icon-layers.svg diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 8498caf..26dc055 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -1,7 +1,7 @@ const {getDocusaurusConfig} = require('@vis.gl/docusaurus-website'); const config = getDocusaurusConfig({ - projectName: 'probe.js', + projectName: 'probe.gl', tagline: 'JavaScript Console Logging, Instrumentation, Benchmarking and Test Utilities', siteUrl: 'https://visgl.github.io/probe.gl', repoUrl: 'https://github.com/visgl/probe.gl', diff --git a/website/package.json b/website/package.json index 1c54280..fa0f3e8 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.19", + "@vis.gl/docusaurus-website": "1.0.0-alpha.20", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/website/src/examples-sidebar.js b/website/src/examples-sidebar.js deleted file mode 100644 index 6ba695b..0000000 --- a/website/src/examples-sidebar.js +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Creating a sidebar enables you to: - - create an ordered group of docs - - render a sidebar for each doc of that group - - provide next/previous navigation - - The sidebars can be generated from the filesystem, or explicitly defined here. - - Create as many sidebars as you want. - */ -const sidebars = { - examplesSidebar: [ - { - "type": "doc", - "label": "Overview", - "id": "index" - }, - // { - // "type": "category", - // "label": "Core", - // "items": [ - // // 'benchmarks' - // ] - // } - ] -}; - -module.exports = sidebars; diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx index acf29fd..229a507 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; @@ -38,14 +16,19 @@ h2 { } h3 { font: bold 16px/24px; - margin: 16px 0 0; + margin: 0; position: relative; } -h3 > img { - position: absolute; - top: -4px; - width: 36px; - left: -48px; +> div { + display: flex; + align-items: start; + margin-top: 2em; +} +img { + margin-right: 1em; +} +p { + margin: 0; } hr { border: none; @@ -66,43 +49,49 @@ export default function IndexPage() { const baseUrl = useBaseUrl('/'); return ( - - -
- - -

- JavaScript Console Logging, Instrumentation, Benchmarking and Test Utilities. -

-
+ + <> + + +

+ JavaScript Console Logging, Instrumentation, Benchmarking and Test Utilities. +

+
-

- - Console-Focused Logging -

-

probe.gl optimizes in-browser logging.

+
+ +
+

Console-Focused Logging

+

probe.gl optimizes in-browser logging.

+
+
-

- - Benchmarking and Regression Testing Support -

-

Creation benchmarking suites, and compare performance of test across runs.

- -

- - Optimized Chrome Debugging Experience -

-

Uses advanced console APIs when available to create rich logs.

+
+ +
+

Benchmarking and Regression Testing Support

+

Creation benchmarking suites, and compare performance of test across runs.

+
+
+ +
+ +
+

Optimized Chrome Debugging Experience

+

Uses advanced console APIs when available to create rich logs.

+
+
-

+
- Size Conscious -

-

An instrumentation library should be small.

+
+

Size Conscious

+

An instrumentation library should be small.

+
+
- - - + + ); } diff --git a/website/src/styles.css b/website/src/styles.css index ecd9de6..421531f 100644 --- a/website/src/styles.css +++ b/website/src/styles.css @@ -25,27 +25,3 @@ --ifm-color-black: #19202C --code-font-size: 95%; } -main .container { - position: relative; - min-height: calc(100vh - var(--ifm-navbar-height)); -} -.markdown { - position: relative; -} -.menu__link { - line-height: 1.5; -} -.menu__list { - padding-bottom: 0.5rem; -} - -.docusaurus-highlight-code-line { - background-color: rgba(0, 0, 0, 0.1); - display: block; - margin: 0 calc(-1 * var(--pre-padding)); - padding: 0 var(--pre-padding); -} - -html[data-theme='dark'] .docusaurus-highlight-code-line { - background-color: rgba(0, 0, 0, 0.3); -} diff --git a/website/static/images/icon-basemap.webp b/website/static/images/icon-basemap.webp deleted file mode 100644 index c81520ec9ff5441a468aa1203f80050a35cbf627..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6322 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 Hz`%b1>_SGc diff --git a/website/static/images/icon-console.svg b/website/static/images/icon-console.svg new file mode 100644 index 0000000..81f2ec0 --- /dev/null +++ b/website/static/images/icon-console.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/static/images/icon-debug.svg b/website/static/images/icon-debug.svg new file mode 100644 index 0000000..884aa1e --- /dev/null +++ b/website/static/images/icon-debug.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file 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/yarn.lock b/website/yarn.lock index 2022ab8..591ede1 100644 --- a/website/yarn.lock +++ b/website/yarn.lock @@ -3744,9 +3744,9 @@ __metadata: languageName: node linkType: hard -"@vis.gl/docusaurus-website@npm:1.0.0-alpha.19": - version: 1.0.0-alpha.19 - resolution: "@vis.gl/docusaurus-website@npm:1.0.0-alpha.19" +"@vis.gl/docusaurus-website@npm:1.0.0-alpha.20": + version: 1.0.0-alpha.20 + resolution: "@vis.gl/docusaurus-website@npm:1.0.0-alpha.20" dependencies: "@cmfcmf/docusaurus-search-local": "npm:^1.0.0" "@docusaurus/plugin-client-redirects": "npm:^3.0.0" @@ -3765,7 +3765,7 @@ __metadata: react-dom: "*" bin: ocular-doc-headers: scripts/doc-headers.js - checksum: 10c0/c799f41580699270415e98af913d3493c014f1cabb296311ec1a2fded5de90147cb7ce9bc1754f4452b89d718cb16de93faf0c69cff4cfadcb4ebe14f0303863 + checksum: 10c0/3638e24883c4f468814647a1771b4b44a6d2bdeaec423a893bba05220cf658ef8a9b187cc61fe8a403e426821d2de7a2d56289f0583a2ffd01cb2425c9ebe8fd languageName: node linkType: hard @@ -10218,7 +10218,7 @@ __metadata: resolution: "project-website@workspace:." dependencies: "@docusaurus/core": "npm:^3.0.0" - "@vis.gl/docusaurus-website": "npm:1.0.0-alpha.19" + "@vis.gl/docusaurus-website": "npm:1.0.0-alpha.20" react: "npm:^18.2.0" react-dom: "npm:^18.2.0" languageName: unknown