ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests Projects Releases Activity

fix: update navigation links to use hash-based routing

Browse Source
This commit is contained in:
sasha-astiadi
2025-11-07 17:46:07 +01:00
parent aca13e275b
commit 2b5f20f1e9
2 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Footer.tsx
View File

@@ -15,16 +15,16 @@ export function Footer() {
</div> </div>
</div> </div>
<nav className="mt-10 flex gap-8"> <nav className="mt-10 flex gap-8">
<Link to="/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors"> <Link to="/#/" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Home Home
</Link> </Link>
<Link to="/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors"> <Link to="/#/cloud" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Cloud Cloud
</Link> </Link>
<Link to="/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors"> <Link to="/#/network" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Network Network
</Link> </Link>
<Link to="/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors"> <Link to="/#/agents" className="text-sm text-gray-700 hover:text-cyan-500 transition-colors">
Agents Agents
</Link> </Link>
</nav> </nav>
@@ -35,7 +35,7 @@ export function Footer() {
</div> </div>
<div className="ml-4 lg:w-72"> <div className="ml-4 lg:w-72">
<p className="text-base font-semibold text-gray-900"> <p className="text-base font-semibold text-gray-900">
<Link to="/download"> <Link to="/#/download">
<span className="absolute inset-0 sm:rounded-2xl" /> <span className="absolute inset-0 sm:rounded-2xl" />
Download Mycelium Connector Download Mycelium Connector
</Link> </Link>

20
src/components/Header.tsx
View File

@@ -9,10 +9,10 @@ import { Dialog } from '@headlessui/react'
import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline' import { Bars3Icon, XMarkIcon } from '@heroicons/react/24/outline'
const cloudNavItems = [ const cloudNavItems = [
{ name: 'Cloud', href: '/cloud' }, { name: 'Cloud', href: '/#/cloud' },
{ name: 'Compute', href: '/compute' }, { name: 'Compute', href: '/#/compute' },
{ name: 'Storage', href: '/storage' }, { name: 'Storage', href: '/#/storage' },
{ name: 'GPU', href: '/gpu' }, { name: 'GPU', href: '/#/gpu' },
] ]
export function Header() { export function Header() {
@@ -47,13 +47,13 @@ export function Header() {
items={cloudNavItems} items={cloudNavItems}
/> />
<Link <Link
to="/network" to="/#/network"
className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors" className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
> >
Network Network
</Link> </Link>
<Link <Link
to="/agents" to="/#/agents"
className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors" className="text-base/7 tracking-tight text-gray-700 hover:text-cyan-500 transition-colors"
> >
Agents Agents
@@ -71,7 +71,7 @@ export function Header() {
> >
Deploy Now Deploy Now
</Button> </Button>
<Button to="/download" variant="solid" color="cyan"> <Button to="/#/download" variant="solid" color="cyan">
Get Mycelium Connector Get Mycelium Connector
</Button> </Button>
</div> </div>
@@ -122,13 +122,13 @@ export function Header() {
</Link> </Link>
))} ))}
<Link <Link
to="/network" to="/#/network"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
> >
Network Network
</Link> </Link>
<Link <Link
to="/agents" to="/#/agents"
className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50" className="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
> >
Agents Agents
@@ -145,7 +145,7 @@ export function Header() {
> >
Start Deployment Start Deployment
</Button> </Button>
<Button to="/download" variant="solid" color="cyan" className="mt-4 w-full"> <Button to="/#/download" variant="solid" color="cyan" className="mt-4 w-full">
Get Mycelium Connector Get Mycelium Connector
</Button> </Button>
</div> </div>