remove brands css, use svg mask, fix test deploy (#3)

* remove brands css, use svg mask

* fix test deploy

* fix test deploy

* fix again

.github/workflows/test-deploy.yml

@@ -22,8 +22,8 @@ jobs:
               with:
                   node-version: ${{env.NODE_VERSION}}
             - name: Install yarn
-              run: corepack enable && yarn install
-            - name: Install dependencies
-              run: yarn install --frozen-lockfile
+              run: |
+                  corepack enable
+                  yarn install
             - name: Test build website
               run: yarn build

docusaurus.config.ts

@@ -6,7 +6,7 @@ const config: Config = {
     favicon: "img/logo/wave-logo_appicon.svg",
 
     // Set the production url of your site here
-    url: "https://betadocs.waveterm.dev/",
+    url: "https://beta.docs.waveterm.dev/",
     // Set the /<baseUrl>/ pathname under which your site is served
     // For GitHub pages deployment, it is often '/<projectName>/'
     baseUrl: "/",
@@ -34,7 +34,6 @@ const config: Config = {
             {
                 path: "docs",
                 routeBasePath: "/",
-                sidebarPath: require.resolve("./sidebars.ts"),
             } as import("@docusaurus/plugin-content-docs").Options,
         ],
         "ideal-image",
@@ -67,10 +66,9 @@ const config: Config = {
                     label: "Docs",
                 },
                 {
-                    // html: '<div class="fa-github"/>',
                     href: "https://github.com/wavetermdev/waveterm",
                     position: "right",
-                    className: "fa-github fa-brands navbar-icon",
+                    className: "header-link-custom custom-icon-github",
                     "aria-label": "GitHub repository",
                 },
             ],
@@ -79,11 +77,7 @@ const config: Config = {
             copyright: `Copyright © ${new Date().getFullYear()} Command Line Inc. Built with Docusaurus.`,
         },
     },
-    stylesheets: [
-        "fontawesome/css/fontawesome.min.css",
-        "fontawesome/css/brands.min.css",
-        "fontawesome/css/solid.min.css",
-    ],
+    stylesheets: ["fontawesome/css/fontawesome.min.css", "fontawesome/css/sharp-regular.min.css"],
     staticDirectories: ["static"],
 };
 

package.json

@@ -1,7 +1,6 @@
 {
     "name": "waveterm-docs-new",
     "version": "0.0.0",
-    "private": true,
     "scripts": {
         "docusaurus": "docusaurus",
         "start": "docusaurus start",

src/css/custom.css

@@ -18,6 +18,20 @@
     --ifm-color-primary-lightest: #8cd47d;
 }
 
-.navbar-icon {
-    font-size: 1.45em;
+.header-link-custom:before {
+    display: block;
+    height: 24px;
+    width: 24px;
+    background-color: var(--ifm-navbar-link-color);
+    transition: background-color 0.15s linear;
+}
+
+.header-link-custom:hover:before {
+    background-color: var(--ifm-navbar-link-hover-color);
+}
+
+.custom-icon-github:before {
+    content: "";
+    mask: url(/img/Octicons-mark-github.svg) no-repeat center / contain;
+    -webkit-mask: url(/img/Octicons-mark-github.svg) no-repeat center / contain;
 }

static/fontawesome/css/sharp-regular.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ * Copyright 2023 Fonticons, Inc.
+ */
+:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-sharp-regular-400.woff2) format("woff2"),url(../webfonts/fa-sharp-regular-400.ttf) format("truetype")}.fa-regular,.fasr{font-weight:400}

yarn.lock

@@ -9652,6 +9652,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-to-regexp@npm:2.2.1":
+  version: 2.2.1
+  resolution: "path-to-regexp@npm:2.2.1"
+  checksum: 10c0/f4b51090a73dad5ce0720f13ce8528ac77914bc927d72cc4ba05ab32770ad3a8d2e431962734b688b9ed863d4098d858da6ff4746037e4e24259cbd3b2c32b79
+  languageName: node
+  linkType: hard
+
 "path-to-regexp@npm:^1.7.0":
   version: 1.9.0
   resolution: "path-to-regexp@npm:1.9.0"
@@ -9661,13 +9668,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-to-regexp@npm:^3":
-  version: 3.3.0
-  resolution: "path-to-regexp@npm:3.3.0"
-  checksum: 10c0/ffa0ebe7088d38d435a8d08b0fe6e8c93ceb2a81a65d4dd1d9a538f52e09d5e3474ed5f553cb3b180d894b0caa10698a68737ab599fd1e56b4663d1a64c9f77b
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-type@npm:4.0.0"
@@ -11709,7 +11709,7 @@ __metadata:
     mime-types: "npm:2.1.18"
     minimatch: "npm:3.1.2"
     path-is-inside: "npm:1.0.2"
-    path-to-regexp: "npm:^3"
+    path-to-regexp: "npm:2.2.1"
     range-parser: "npm:1.2.0"
   checksum: 10c0/6fd393ae37a0305107e634ca545322b00605322189fe70d8f1a4a90a101c4e354768c610efe5a7ef1af3820cec5c33d97467c88151f35a3cb41d8ff2075ef802
   languageName: node