ourworld_web/www_mycelium_net
23
0
Fork 0
forked from sashaastiadi/www_mycelium_net
Code Issues Pull Requests Activity

Compare commits

base: ourworld_web:development_dark
Branches Tags
ourworld_web:development ourworld_web:main ourworld_web:development_dark sashaastiadi:development sashaastiadi:main
..
compare: ourworld_web:02da6bb5ed87184272de7eec2e957eb102a000ce
Branches Tags
ourworld_web:development ourworld_web:main ourworld_web:development_dark sashaastiadi:development sashaastiadi:main

3 Commits
developmen ... 02da6bb5ed

Author SHA1 Message Date
sasha-astiadi
02da6bb5ed fix: update 404 page HTML with latest build assets 2025-10-22 12:49:26 +02:00
ehab-hassan
d344652a2f add crisp 2025-10-21 17:28:07 +03:00
ehab-hassan
4d89745a57 fix download link 2025-10-20 18:31:29 +03:00
26 changed files with 161 additions and 46 deletions
Expand all files Collapse all files

3
next.config.js
View File

@@ -1,9 +1,12 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {
output: 'export', output: 'export',
trailingSlash: true,
images: { images: {
unoptimized: true, unoptimized: true,
}, },
} }
module.exports = nextConfig module.exports = nextConfig

2
out/404.html
View File

File diff suppressed because one or more lines are too long

1
out/404/index.html Normal file
View File

File diff suppressed because one or more lines are too long

0
out/_next/static/9CTII6WCOU_fzVMYD874d/_buildManifest.js → out/_next/static/Op1kkXjzNLn_Y5euB1x9S/_buildManifest.js
View File

0
out/_next/static/9CTII6WCOU_fzVMYD874d/_ssgManifest.js → out/_next/static/Op1kkXjzNLn_Y5euB1x9S/_ssgManifest.js
View File

1
out/_next/static/chunks/184-6dfed14c5696a3c3.js
View File

File diff suppressed because one or more lines are too long

1
out/_next/static/chunks/184-d56c7ceab3510cb8.js Normal file
View File

File diff suppressed because one or more lines are too long

2
out/_next/static/chunks/23-5fc4fcecc19f6f9b.js → out/_next/static/chunks/23-0528bcaadd1c5e1c.js
View File

File diff suppressed because one or more lines are too long

1
out/_next/static/chunks/app/layout-0993ad388fd7ffe6.js
View File

@@ -1 +0,0 @@
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{7499:function(e,n,_){Promise.resolve().then(_.t.bind(_,7856,23)),Promise.resolve().then(_.t.bind(_,1983,23))},1983:function(){},7856:function(e){e.exports={style:{fontFamily:"'__Inter_f367f3', '__Inter_Fallback_f367f3'",fontStyle:"normal"},className:"__className_f367f3",variable:"__variable_f367f3"}}},function(e){e.O(0,[348,971,23,744],function(){return e(e.s=7499)}),_N_E=e.O()}]);

1
out/_next/static/chunks/app/layout-7fe298ab6783ed17.js Normal file
View File

File diff suppressed because one or more lines are too long

1
out/_next/static/chunks/main-ded2f379822009d3.js
View File

File diff suppressed because one or more lines are too long

1
out/_next/static/chunks/main-e75e1c8aa841404e.js Normal file
View File

File diff suppressed because one or more lines are too long

1
out/download.html
View File

File diff suppressed because one or more lines are too long

1
out/download/index.html Normal file
View File

File diff suppressed because one or more lines are too long

15
out/download.txt → out/download/index.txt
View File

File diff suppressed because one or more lines are too long

BIN
out/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
out/index.html
View File

File diff suppressed because one or more lines are too long

27
out/index.txt
View File

File diff suppressed because one or more lines are too long

20
package-lock.json generated
View File

@@ -14,11 +14,12 @@
"@types/node": "^20.10.8", "@types/node": "^20.10.8",
"@types/react": "^18.2.47", "@types/react": "^18.2.47",
"@types/react-dom": "^18.2.18", "@types/react-dom": "^18.2.18",
"clsx": "^2.1.0", "clsx": "^2.1.1",
"framer-motion": "^10.15.0", "framer-motion": "^10.15.0",
"next": "^14.0.4", "next": "^14.0.4",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"tailwind-merge": "^3.3.1",
"tailwindcss": "^4.1.7", "tailwindcss": "^4.1.7",
"typescript": "^5.3.3", "typescript": "^5.3.3",
"use-debounce": "^10.0.0" "use-debounce": "^10.0.0"
@@ -1881,9 +1882,10 @@
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==" "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
}, },
"node_modules/clsx": { "node_modules/clsx": {
"version": "2.1.0", "version": "2.1.1",
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz", "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
"integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==", "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
"license": "MIT",
"engines": { "engines": {
"node": ">=6" "node": ">=6"
} }
@@ -4942,6 +4944,16 @@
"resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz", "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
"integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew==" "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
}, },
"node_modules/tailwind-merge": {
"version": "3.3.1",
"resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
"integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
"license": "MIT",
"funding": {
"type": "github",
"url": "https://github.com/sponsors/dcastil"
}
},
"node_modules/tailwindcss": { "node_modules/tailwindcss": {
"version": "4.1.7", "version": "4.1.7",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.7.tgz", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.7.tgz",

3
package.json
View File

@@ -16,11 +16,12 @@
"@types/node": "^20.10.8", "@types/node": "^20.10.8",
"@types/react": "^18.2.47", "@types/react": "^18.2.47",
"@types/react-dom": "^18.2.18", "@types/react-dom": "^18.2.18",
"clsx": "^2.1.0", "clsx": "^2.1.1",
"framer-motion": "^10.15.0", "framer-motion": "^10.15.0",
"next": "^14.0.4", "next": "^14.0.4",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"tailwind-merge": "^3.3.1",
"tailwindcss": "^4.1.7", "tailwindcss": "^4.1.7",
"typescript": "^5.3.3", "typescript": "^5.3.3",
"use-debounce": "^10.0.0" "use-debounce": "^10.0.0"

26
src/app/layout.tsx
View File

@@ -1,5 +1,6 @@
import { type Metadata } from 'next' import { type Metadata } from 'next'
import { Inter } from 'next/font/google' import { Inter } from 'next/font/google'
import Script from 'next/script'
import clsx from 'clsx' import clsx from 'clsx'
import '@/styles/tailwind.css' import '@/styles/tailwind.css'
@@ -28,8 +29,29 @@ export default function RootLayout({
children: React.ReactNode children: React.ReactNode
}) { }) {
return ( return (
<html lang="en" className={clsx('bg-gray-900 antialiased', inter.variable)}> <html lang="en" className={clsx('bg-gray-50 antialiased', inter.variable)}>
<body>{children}</body> <body>
{children}
{/* Crisp Chat */}
<Script
id="crisp-init"
strategy="afterInteractive"
dangerouslySetInnerHTML={{
__html: `
window.$crisp = [];
window.CRISP_WEBSITE_ID = "1a5a5241-91cb-4a41-8323-5ba5ec574da0";
(function () {
d = document;
s = d.createElement("script");
s.src = "https://client.crisp.chat/l.js";
s.async = 1;
d.getElementsByTagName("head")[0].appendChild(s);
})();
`,
}}
/>
</body>
</html> </html>
) )
} }

12
src/components/DownloadHero.tsx
View File

@@ -43,7 +43,7 @@ export default function DownloadHero() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5 }} transition={{ duration: 0.5 }}
className="text-5xl lg:text-6xl font-medium tracking-tight text-gray-100" className="text-5xl lg:text-6xl font-medium tracking-tight text-gray-900"
> >
Download Mycelium Download Mycelium
</motion.h2> </motion.h2>
@@ -51,10 +51,10 @@ export default function DownloadHero() {
initial={{ opacity: 0, y: 20 }} initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.2 }} transition={{ duration: 0.5, delay: 0.2 }}
className="mt-6 text-lg/8 text-gray-300" className="mt-6 text-lg/8 text-gray-600"
> >
Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently. Not sure how it works?{' '} Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently. Not sure how it works?{' '}
<a href="https://threefold.info/mycelium_network/docs/" className="text-gray-200 hover:text-cyan-500 transition-colors font-semibold underline"> <a href="https://threefold.info/mycelium_network/docs/" className="text-gray-900 hover:text-cyan-500 transition-colors font-semibold underline">
Read the manual. Read the manual.
</a> </a>
</motion.p> </motion.p>
@@ -64,15 +64,15 @@ export default function DownloadHero() {
{features.map((feature) => ( {features.map((feature) => (
<div <div
key={feature.name} key={feature.name}
className="flex flex-col rounded-lg border border-gray-700 p-8 shadow-sm transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20" className="flex flex-col rounded-lg border border-gray-200 p-8 shadow-sm transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
> >
<dt className="text-base/7 font-semibold text-gray-100"> <dt className="text-base/7 font-semibold text-gray-900">
<div className="mb-6 flex h-10 w-10 items-center justify-center"> <div className="mb-6 flex h-10 w-10 items-center justify-center">
<Image src={feature.icon} alt="" className="h-10 w-10" /> <Image src={feature.icon} alt="" className="h-10 w-10" />
</div> </div>
{feature.name} {feature.name}
</dt> </dt>
<dd className="mt-1 flex flex-auto flex-col text-base/7 text-gray-400"> <dd className="mt-1 flex flex-auto flex-col text-base/7 text-gray-600">
<p className="flex-auto">{feature.description}</p> <p className="flex-auto">{feature.description}</p>
<p className="mt-6"> <p className="mt-6">
<a href={feature.href} className="text-sm/6 font-semibold text-cyan-500 hover:text-cyan-500"> <a href={feature.href} className="text-sm/6 font-semibold text-cyan-500 hover:text-cyan-500">

4
src/components/Header.tsx
View File

@@ -59,7 +59,7 @@ export function Header() {
return ( return (
<header> <header>
<nav> <nav>
<Container className="relative z-50 flex justify-between py-8 bg-gray-900"> <Container className="relative z-50 flex justify-between py-8">
<div className="relative z-10 flex items-center gap-16"> <div className="relative z-10 flex items-center gap-16">
<Link href="/" aria-label="Home"> <Link href="/" aria-label="Home">
<Logo className="h-10 w-auto" /> <Logo className="h-10 w-auto" />
@@ -105,7 +105,7 @@ export function Header() {
y: -32, y: -32,
transition: { duration: 0.2 }, transition: { duration: 0.2 },
}} }}
className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-900 px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20" className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-50 px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20"
> >
<div className="mt-6 flex flex-col gap-4"> <div className="mt-6 flex flex-col gap-4">
<Button href="https://threefold.info/mycelium_network/docs/" variant="outline" target="_blank" rel="noopener noreferrer"> <Button href="https://threefold.info/mycelium_network/docs/" variant="outline" target="_blank" rel="noopener noreferrer">

8
src/components/Hero.tsx
View File

@@ -103,16 +103,16 @@ export function Hero() {
<Container> <Container>
<div className="flex flex-col-reverse gap-y-16 lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20"> <div className="flex flex-col-reverse gap-y-16 lg:grid lg:grid-cols-12 lg:gap-x-8 lg:gap-y-20">
<div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6"> <div className="relative z-10 mx-auto max-w-2xl lg:col-span-7 lg:max-w-none lg:pt-6 xl:col-span-6">
<h1 className="text-4xl lg:text-6xl font-medium tracking-tight text-gray-100"> <h1 className="text-4xl lg:text-6xl font-medium tracking-tight text-gray-900">
Mycelium Mycelium
</h1> </h1>
<h2 className="mt-6 lg:text-2xl text-xl tracking-tight leading-normal text-gray-300"> <h2 className="mt-6 lg:text-2xl text-xl tracking-tight leading-normal text-gray-600">
Unleashing the Power of Decentralized Networks Unleashing the Power of Decentralized Networks
</h2> </h2>
<p className="mt-6 lg:text-xl text-lg text-gray-400 lg:leading-normal leading-tight"> <p className="mt-6 lg:text-xl text-lg text-gray-600 lg:leading-normal leading-tight">
Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking. Discover Mycelium, an end-to-end encrypted IPv6 overlay network. The future of secure, efficient, and scalable networking.
</p> </p>
<p className="mt-6 text-lg text-gray-400 "> <p className="mt-6 text-lg text-gray-600 ">
Coming Soon: New Decentralized Features Coming Soon: New Decentralized Features
</p> </p>
<div className="mt-8 flex flex-wrap gap-x-6 gap-y-4"> <div className="mt-8 flex flex-wrap gap-x-6 gap-y-4">

68
src/components/Texts.tsx Normal file
View File

@@ -0,0 +1,68 @@
'use client'
import React from 'react'
import { cn } from '@/lib/utils'
const colorVariants = {
primary: 'text-gray-900',
secondary: 'text-gray-600',
light: 'text-gray-50',
} as const
type TextOwnProps = {
color?: keyof typeof colorVariants
className?: string
}
// Polymorphic helpers
type PolymorphicProps<E extends React.ElementType, P> = P & {
as?: E
} & Omit<React.ComponentPropsWithoutRef<E>, keyof P | 'as'>
const createTextComponent = <DefaultElement extends React.ElementType>(
defaultElement: DefaultElement,
defaultClassName: string
) => {
type Props<E extends React.ElementType = DefaultElement> = PolymorphicProps<
E,
TextOwnProps
>
function Text<E extends React.ElementType = DefaultElement>({
as,
color = 'primary',
className,
children,
...props
}: Props<E>) {
const Tag = (as || defaultElement) as React.ElementType
return (
<Tag
className={cn(defaultClassName, colorVariants[color], className)}
{...(props as object)}
>
{children}
</Tag>
)
}
;(Text as any).displayName = `Text(${
typeof defaultElement === 'string' ? defaultElement : 'Component'
})`
return Text
}
// Exports based on your tailwind.css and the example
export const H1 = createTextComponent(
'h1',
'text-5xl lg:text-8xl font-medium tracking-tight'
)
export const H2 = createTextComponent('h2', 'text-4xl lg:text-6xl font-medium')
export const H3 = createTextComponent('h3', 'text-3xl lg:text-5xl font-medium')
export const H4 = createTextComponent('h4', 'text-2xl lg:text-4xl font-semibold')
export const P = createTextComponent(
'p',
'text-base lg:text-lg leading-relaxed'
)
export const Small = createTextComponent('small', 'text-sm font-medium')
export const Subtle = createTextComponent('p', 'text-sm text-gray-500')

6
src/lib/utils.ts Normal file
View File

@@ -0,0 +1,6 @@
import { type ClassValue, clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}