#44 Added document OGP

hamalt · Aug 2, 2022 · 1b3474c · 1b3474c
1 parent 2113779
commit 1b3474c
Show file tree

Hide file tree

Showing 17 changed files with 351 additions and 73 deletions.
diff --git a/docusaurus/docs/README.md b/docusaurus/docs/README.md
@@ -2,7 +2,7 @@
 sidebar_label: Scsaver.js
 sidebar_position: 1
 title: Readme | Scsaver.js Documents
-# description: 
+description: An overview of Scsaver.js. Envisioned use cases, etc.
 # image: 
 keywords: [Scsaver.js, Readme]
 ---
@@ -21,8 +21,8 @@ It is a JavaScript library to realize the function of the screen saver on the we
 This program was used in an interactive video for booth installation. 
 (I created it because I had to display a different video or image than the interactive video if there was no action.)
 
-## Assumed use case
+## Envisioned use cases
 
 - Screensaver for interactive video.
 - Screensaver for tablet ordering system.
-- Screensaver for web-based content.
+- Screensaver for web-based content.
diff --git a/docusaurus/docs/events.md b/docusaurus/docs/events.md
@@ -2,7 +2,7 @@
 sidebar_label: Events
 sidebar_position: 5
 title: Events | Scsaver.js Documents
-# description: 
+description: About events in Scsaver.js.
 # image: 
 keywords: [Scsaver.js, Events]
 ---

diff --git a/docusaurus/docs/getting-started.md b/docusaurus/docs/getting-started.md
@@ -2,8 +2,7 @@
 sidebar_label: Getting Started
 sidebar_position: 2
 title: Getting Started | Scsaver.js Documents
-# description: 
-# image: 
+description: How to getting started with Scsaver.js.
 keywords: [Scsaver.js, Getting Started]
 ---
 

diff --git a/docusaurus/docs/methods.md b/docusaurus/docs/methods.md
@@ -2,7 +2,7 @@
 sidebar_label: Methods
 sidebar_position: 4
 title: Methods | Scsaver.js Documents
-# description: 
+description: About methods of Scsaver.js.
 # image: 
 keywords: [scsaver.js, Methods]
 ---

diff --git a/docusaurus/docs/options.md b/docusaurus/docs/options.md
@@ -2,8 +2,7 @@
 sidebar_label: Options
 sidebar_position: 3
 title: Options | Scsaver.js Documents
-# description: 
-# image: 
+description: About Scsaver.js options.
 keywords: [Scsaver.js, Options]
 ---
 

diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
@@ -26,6 +26,22 @@ const config = {
  locales: ['en', 'jp'],
  },
 
+ stylesheets: [
+ {
+ rel: 'preconnect',
+ href: 'https://fonts.googleapis.com',
+ },
+ {
+ rel: 'preconnect',
+ href: 'https://fonts.gstatic.com',
+ crossorigin: true,
+ },
+ {
+ rel: 'stylesheet',
+ href: 'https://fonts.googleapis.com/css2?family=Montserrat:wght@100;700;900&display=swap'
+ },
+ ],
+
  scripts: [
  {
  src: 'https://cdn.jsdelivr.net/npm/scsaver@latest/dist/scsaver.min.js',
@@ -62,6 +78,12 @@ const config = {
  themeConfig:
  /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
  ({
+ metadata: [
+ {
+ property: 'og:image',
+ content: '/scsaver/img/scsaver_github_ogp.png',
+ }
+ ],
  colorMode: {
  defaultMode: 'dark',
  disableSwitch: true,

diff --git a/docusaurus/src/components/HomepageFeatures/styles.module.css b/docusaurus/src/components/HomepageFeatures/styles.module.css
@@ -3,9 +3,9 @@
  align-items: center;
  padding: 2rem 0;
  width: 100%;
- background-color: #232393;
+ background-color: var(--ifm-color-primary-lightest);
  /* background-color: #1f1f4e; */
- color: var(--ifm-color-primary-light);
+ color: var(--ifm-color-primary-darkest);
 }
 
 .featureSvg {