YouTube link on home page

Ironclad · Dec 18, 2023 · 74add92 · 74add92
1 parent b24c69e
commit 74add92
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/packages/docs/docusaurus.config.js b/packages/docs/docusaurus.config.js
@@ -130,7 +130,11 @@ const config = {
             items: [
               {
                 label: 'GitHub',
-                href: 'https://github.com/ironclad/rivet', // Replace with your project's GitHub URL
+                href: 'https://github.com/ironclad/rivet',
+              },
+              {
+                label: 'YouTube',
+                href: 'https://www.youtube.com/@rivet_ts',
               },
             ],
           },

diff --git a/packages/docs/src/components/main/Header.tsx b/packages/docs/src/components/main/Header.tsx
@@ -8,6 +8,7 @@ import { useDownloadUrl } from '../../hooks/useDownloadUrl';
 
 import GithubLogo from './logos/github-mark-white.svg';
 import DiscordLogo from './logos/discord-mark-white.svg';
+import YouTubeLogo from './logos/youtube-mark-white.svg';
 
 export const Header: React.FC = () => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -38,6 +39,12 @@ export const Header: React.FC = () => {
                 <span className={styles.menuText}>GitHub</span>
               </a>
             </li>
+            <li className={styles.github}>
+              <a className={styles.navLink} href="https://www.youtube.com/@rivet_ts" target="_blank">
+                <YouTubeLogo viewBox="0 -20 240 220" />
+                <span className={styles.menuText}>YouTube</span>
+              </a>
+            </li>
             <li className={styles.documentation}>
               <a className={styles.navLink} href="/docs">
                 Documentation

diff --git a/packages/docs/src/components/main/logos/youtube-mark-white.svg b/packages/docs/src/components/main/logos/youtube-mark-white.svg