Merge pull request #112 from crashmax-dev/website/add-badge

crashmax-dev · web-flow · commit 6e8beca24028 · 2023-07-03T16:37:13.000+08:00
feat(website): add r3dev badge
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/index.html b/website/index.html
@@ -5,11 +5,14 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title>fireworks-js</title>
-  <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="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="stylesheet" href="/index.css">
 </head>
 
 <body>
+  <r3-badge href="https://www.upwork.com/o/companies/~01e5f1563365e3c1b5/"
+    style="position: absolute; bottom: 1rem; right: 1rem; z-index: 999999;"></r3-badge>
   <div class="container">
     <div>🎆</div>
     <h1>fireworks-js</h1>
@@ -18,7 +21,8 @@ <h2>A simple fireworks library!</h2>
       <span class="label">Visit on GitHub</span>
     </a>
   </div>
-  <div class="fireworks-container" style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
+  <div class="fireworks-container"
+    style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;"></div>
   <script type="module" src="./src/index.ts"></script>
 </body>
 
diff --git a/website/package.json b/website/package.json
@@ -8,6 +8,7 @@
     "build": "vite build"
   },
   "dependencies": {
+    "@r3-dev/brand": "1.2.0",
     "@tweakpane/core": "1.1.4",
     "@tweakpane/plugin-essentials": "0.1.7",
     "fireworks-js": "workspace:*",
diff --git a/website/src/index.ts b/website/src/index.ts
@@ -8,6 +8,7 @@ import {
   mainContainer
 } from './config.js'
 import type { FpsGraphBladeApi } from '@tweakpane/plugin-essentials/dist/types/fps-graph/api/fps-graph'
+import '@r3-dev/brand'
 
 declare global {
   interface Window {
