diff --git a/docusaurus.config.js b/docusaurus.config.js index 260f592cd..a1364574f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -315,7 +315,8 @@ const config = { // hideOnScroll: true, logo: { alt: 'Weaviate', - src: '/img/site/weaviate-nav-logo-light.svg', + src: '/img/site/weaviate-logo-horizontal-light-1.svg', + srcDark: '/img/site/weaviate-logo-horizontal-dark-1.svg', }, items: [ { @@ -686,31 +687,6 @@ const config = { label: 'Slack', to: 'https://weaviate.io/slack', }, - { - label: 'Meetups', - to: '#', - className: 'footer__title subtitle', - }, - { - label: 'Amsterdam', - to: 'https://www.meetup.com/weaviate-amsterdam', - }, - { - label: 'Boston', - to: 'https://www.meetup.com/weaviate-boston', - }, - { - label: 'New York', - to: 'https://www.meetup.com/weaviate-NYC', - }, - { - label: 'San Francisco', - to: 'https://www.meetup.com/weaviate-san-francisco', - }, - { - label: 'Toronto', - to: 'https://www.meetup.com/weaviate-toronto', - }, ], }, diff --git a/src/css/custom.scss b/src/css/custom.scss index 37e3336e4..cda7ff618 100644 --- a/src/css/custom.scss +++ b/src/css/custom.scss @@ -529,7 +529,7 @@ button.close { img { display: none; } - background-image: url('/img/site/weaviate-nav-logo-light.svg'); + background-image: url('/img/site/weaviate-logo-horizontal-dark-1.svg'); } } @@ -573,7 +573,10 @@ button.close { img { display: none; } - background-image: url('/img/site/weaviate-nav-logo-dark.svg'); + + background-image: url('/img/site/weaviate-logo-horizontal-light-1.svg'); + background-size: contain; + background-repeat: no-repeat; } .footer--dark { @@ -752,13 +755,13 @@ Dropdown style removed. .custom-page .footer__links:before { content: ''; - background-image: url('/img/site/weaviate-nav-logo-dark.svg'); + background-image: url('/img/site/weaviate-logo-horizontal-light-1.svg'); background-size: contain; background-repeat: no-repeat; - width: 11rem; - height: 11rem; - margin: -21px 0px 0px 0px; + width: 9rem; + height: 2rem; + margin: -2px 0px 0px; } .content_node_modules-\@docusaurus-theme-classic-lib-theme-AnnouncementBar-Content-styles-module { diff --git a/src/theme/Navbar/index.js b/src/theme/Navbar/index.js new file mode 100644 index 000000000..28f2a1dab --- /dev/null +++ b/src/theme/Navbar/index.js @@ -0,0 +1,67 @@ +import React, { useEffect, useState } from 'react'; +import OriginalNavbar from '@theme-original/Navbar'; + + +console.log("Custom Navbar component is being rendered"); + +export default function Navbar(props) { + const [showTooltip, setShowTooltip] = useState(false); + + useEffect(() => { + // Target the existing logo element by class + const logoElement = document.querySelector('.navbar__logo'); + + if (logoElement) { + // Log to confirm logo is targeted + console.log("Navbar logo element found"); + + // Right-click event to trigger download + const handleRightClick = (e) => { + e.preventDefault(); // Prevent the default context menu + console.log("Right-click download triggered from existing logo"); + + + const link = document.createElement('a'); + link.href = '/img/site/weaviate-logo-horizontal-light-1.svg'; + link.download = 'weaviate-logo.svg'; + link.click(); + }; + + + logoElement.addEventListener('contextmenu', handleRightClick); + + + return () => { + logoElement.removeEventListener('contextmenu', handleRightClick); + }; + } + }, []); + + + const handleMouseEnter = () => setShowTooltip(true); + const handleMouseLeave = () => setShowTooltip(false); + + return ( +