feat: Add link to YouTube in navbar

docusaurus.config.js

@@ -65,8 +65,8 @@ const config = {
       navbar: {
         logo: {
           alt: "Logo",
-          src: "images/logo-black.svg",
-          srcDark: "images/logo-white.svg",
+          src: "images/codisity-logo-light.svg",
+          srcDark: "images/codisity-logo-dark.svg",
           className: "navbar-logo",
         },
         items: [
@@ -93,6 +93,11 @@ const config = {
             position: "left",
             label: "100 Bugów JS",
           },
+          {
+            href: "https://www.youtube.com/@codisity-pl?sub_confirmation=1",
+            position: "right",
+            html: "<div class='navbar-youtube-logo'>YouTube</div>",
+          },
           {
             to: "docs/tags",
             position: "right",
@@ -102,8 +107,7 @@ const config = {
       },
       footer: {
         style: "light",
-        links: [],
-        copyright: `Codisity © ${new Date().getFullYear()}, by <a href="https://bienias.dev" target="_blank" rel="noopener">Adrian Bienias</a>`,
+        copyright: `<div class="text-base">Codisity © ${new Date().getFullYear()}, by <a href="https://bienias.dev" target="_blank" rel="noopener">Adrian Bienias</a></div>`,
       },
       prism: {
         theme: lightCodeTheme,

src/css/custom.css

@@ -84,6 +84,10 @@
   @apply w-28 ml-2;
 }
 
+.navbar-youtube-logo {
+  @apply w-20 text-transparent bg-contain bg-no-repeat bg-center bg-[url('/images/youtube-logo-light.svg')] dark:bg-[url('/images/youtube-logo-dark.svg')];
+}
+
 .video iframe {
   @apply aspect-video w-full;
 }