website updates and changing font to preload

OvidijusParsiunas · Aug 6, 2023 · 95293af · 95293af
1 parent f7dc4a1
commit 95293af
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 9 deletions.
diff --git a/website/README.md b/website/README.md
@@ -12,11 +12,15 @@ The documentation website has been built using [Docusaurus 2](https://docusaurus
 # Install node dependencies:
 $ npm install
 
-# build the website:
-$ npm run build
+# Install node dependencies:
+$ npm install
 
-# serve and automatically build the website:
+# automatically build and serve:
 $ npm run start
+
+# build and serve for production:
+$ npm run build
+$ npm run serve
 ```
 
 ## :heart: Contributions

diff --git a/website/docs/examples/files.mdx b/website/docs/examples/files.mdx
@@ -24,8 +24,6 @@ Active Table recognises this module via the `window` element as `window.XLSX`. H
   If you are using a dependancy manager such as npm, you can dynamically import the module and assign it to window.XLSX:
 
   ```
-  import * as xlsx from "xlsx";
-
   import("xlsx").then((module) => {
     window.XLSX = module;
   });
@@ -36,8 +34,6 @@ Active Table recognises this module via the `window` element as `window.XLSX`. H
   window.XLSX: <br />
 
   ```
-  import * as xlsx from "xlsx";
-
   import("https://cdn.sheetjs.com/xlsx-0.19.3/package/dist/xlsx.full.min.js").then((module) => {
     window.XLSX = module;
   });

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -78,6 +78,8 @@ const config = {
             'https://raw.githubusercontent.com/OvidijusParsiunas/active-table/main/assets/social-media/social-media.png',
         },
         {name: 'twitter:title', content: 'Active Table'},
+        {name: 'twitter:card', content: 'summary_large_image'},
+        {name: 'twitter:site', content: '@activetable'},
         {name: 'twitter:description', content: 'Framework agnostic table component for editable data experience'},
         {
           name: 'twitter:image',
@@ -118,6 +120,13 @@ const config = {
         indexName: 'activetable',
       },
     }),
+  stylesheets: [
+    {
+      href: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap',
+      rel: 'preload',
+      as: 'stylesheet',
+    },
+  ],
 };
 
 module.exports = config;
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -2,7 +2,6 @@ import ExploreButton from './exploreButton/exploreButton';
 import SmallScreen from './smallScreen/smallScreen';
 import FadeInContent from './utils/fadeInContent';
 import StartPanel from './startPanel/startPanel';
-import PreloadFont from './preload/preloadFont';
 import Features from './features/features';
 import FadeInNav from './utils/fadeInNav';
 import Footer from './footer/footer';
@@ -16,7 +15,8 @@ export default function Home() {
     <Layout description="Fully customisable editable table component">
       <main>
         <FadeInNav></FadeInNav>
-        <PreloadFont></PreloadFont>
+        {/* WORK - see if this is still required */}
+        {/* <PreloadFont></PreloadFont> */}
         <div id="homepage-content" ref={homepageContentRef} className="invisible-component">
           <StartPanel></StartPanel>
           <Features></Features>