website: add favicon icon.

uiwjs · Jul 2, 2021 · 2d55709 · 2d55709
1 parent 86029bd
commit 2d55709
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 30 deletions.
diff --git a/website/package.json b/website/package.json
@@ -23,6 +23,7 @@
     "@kkt/less-modules": "6.10.4",
     "@types/react": "17.0.13",
     "@types/react-dom": "17.0.8",
+    "@uiw/react-github-corners": "1.4.0",
     "kkt": "6.10.4"
   },
   "eslintConfig": {

diff --git a/website/public/index.html b/website/public/index.html
@@ -4,8 +4,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using kktjs" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="description" content="Color picker component for React." />
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎨</text></svg>">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a

diff --git a/website/public/logo192.png b/website/public/logo192.png
diff --git a/website/public/logo512.png b/website/public/logo512.png
diff --git a/website/public/manifest.json b/website/public/manifest.json
diff --git a/website/public/robots.txt b/website/public/robots.txt
diff --git a/website/src/App.tsx b/website/src/App.tsx
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { Saturation, Sketch, Alpha, Hue, ShadeSlider, hsvaToHslaString } from '@uiw/react-color';
+import GitHubCorners from '@uiw/react-github-corners';
 import Markdown from '@uiw/react-markdown-preview';
 import logo from './logo.svg';
 import styles from './App.module.css';
@@ -11,6 +12,7 @@ export default function App() {
   console.log('mdStr:', mdStr);
   return (
     <div className={styles.app} style={{ backgroundColor: hsvaToHslaString(hsva) }}>
+      <GitHubCorners fixed size={56} target="_blank" href="https://github.com/uiwjs/react-color" />
       <div className={styles.warpper}>
         <header className={styles.header}>
           <img src={logo} className={styles.logo} alt="logo" />