{'>'} Do you want to register for the Mycelium Network?
+
{'>'} Registration is required to access the network.
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Hero Section */}
+
+
+
+
+
+
+
+
+
+ MYCELIUM SOCIETY
+
+
+
+
+ The Digital Frontier. A Virtual Nation for the Digital Age.
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Manifesto Section */}
+
+
+
+
+ THE MANIFESTO
+
+
+
+ We are not just a network — we are a virtual nation for the digital age,
+ where each member operates as their own sovereign entity within a recognized legal framework.
+
+
+ By combining resilient peer-to-peer infrastructure with cooperative governance,
+ we enable individuals to thrive as entrepreneurs, creators, and collaborators
+ while strengthening the global digital economy.
+
+
+ Building the future together, legally and transparently.
+
+
+
+
+
+
+ {/* Core Pillars Section */}
+
+
+
+ CORE PILLARS
+
+
+
+
+
+
+
+
TECHNOLOGY
+
+ Decentralized P2P cloud infrastructure with end-to-end encryption, AI integration, unbreakable network and distributed trust layer.
+
+
+
+
+
+
+
+
GOVERNANCE
+
+ Every member operates as their own legal entity with a flat 5% tax rate in our digital free zone. With integrated legal dispute resolution also for AI agents.
+
+
+
+
+
+
+
+
ECONOMY
+
+ Sovereign web infrastructure with unbreakable websites, Personal AI Agents, Web3 integration, and marketplace for frictionless global trade.
+
+
+
+
+
+
+ {/* Blog Section Preview */}
+
+
+
+
+ THE FRONTIER JOURNAL
+
+
+ Insights and updates from our digital nation
+
+
+
+
+
+
+
2025-09-24 • Mycelium Society
+
Welcome to the Digital Frontier
+
+ An introduction to the Mycelium Society and our vision for a sovereign digital nation.
+
+
+ Read more →
+
+
+
+
+
+
+
2025-09-23 • Tech Team
+
The Technology Behind Mycelium Society
+
+ An exploration of the decentralized infrastructure powering our digital nation.
+
+
+ Read more →
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Call to Action */}
+
+
+
+
+ READY TO JOIN THE FRONTIER?
+
+
+ Join visionary entrepreneurs and creators building the next generation of digital infrastructure.
+ Become a founding member of our sovereign digital nation.
+
+
+
+
+
+
+
+
+ {/* Footer */}
+
+
+ )
+}
+
+function RegistrationPage() {
+ const [showRegistrationTerminal, setShowRegistrationTerminal] = useState(true)
+ const [registrationSuccess, setRegistrationSuccess] = useState(false)
+ const navigate = useNavigate()
+
+ const handleRegister = (data) => {
+ // In a real application, you would send this data to your backend
+ // For demonstration purposes, we'll just simulate a successful registration
+ console.log('Registration data:', data)
+ setRegistrationSuccess(true)
+
+ // In a real app, you might redirect the user or update the app state
+ // For now, we'll just keep the terminal open to show the success message
+ }
+
+ const handleCloseTerminal = () => {
+ setShowRegistrationTerminal(false)
+ navigate('/')
+ }
+
+ return (
+
+
+
+ {/* Additional content could go here if needed */}
+ {registrationSuccess && (
+
+
+
Registration Successful
+
+ Welcome to the Mycelium Network. Your digital identity has been created.
+
+
+
+
+ )}
+
+ )
+}
+
+export default App
diff --git a/src/assets/command_terminal_bg.png b/src/assets/command_terminal_bg.png
new file mode 100644
index 0000000..48bdbf0
Binary files /dev/null and b/src/assets/command_terminal_bg.png differ
diff --git a/src/assets/hero_background.png b/src/assets/hero_background.png
new file mode 100644
index 0000000..edb8bb4
Binary files /dev/null and b/src/assets/hero_background.png differ
diff --git a/src/assets/manifesto_background.png b/src/assets/manifesto_background.png
new file mode 100644
index 0000000..cce9b84
Binary files /dev/null and b/src/assets/manifesto_background.png differ
diff --git a/src/assets/mushroom.png b/src/assets/mushroom.png
new file mode 100644
index 0000000..83d01a2
Binary files /dev/null and b/src/assets/mushroom.png differ
diff --git a/src/assets/mycelium_network_1.jpg b/src/assets/mycelium_network_1.jpg
new file mode 100644
index 0000000..28790ee
Binary files /dev/null and b/src/assets/mycelium_network_1.jpg differ
diff --git a/src/assets/mycelium_network_2.jpeg b/src/assets/mycelium_network_2.jpeg
new file mode 100644
index 0000000..ffb7624
Binary files /dev/null and b/src/assets/mycelium_network_2.jpeg differ
diff --git a/src/assets/network_node_visual.png b/src/assets/network_node_visual.png
new file mode 100644
index 0000000..59a6097
Binary files /dev/null and b/src/assets/network_node_visual.png differ
diff --git a/src/assets/organic_net_pattern.jpg b/src/assets/organic_net_pattern.jpg
new file mode 100644
index 0000000..c3bb6e8
Binary files /dev/null and b/src/assets/organic_net_pattern.jpg differ
diff --git a/src/assets/organic_pattern.jpg b/src/assets/organic_pattern.jpg
new file mode 100644
index 0000000..48e3305
Binary files /dev/null and b/src/assets/organic_pattern.jpg differ
diff --git a/src/assets/react.svg b/src/assets/react.svg
new file mode 100644
index 0000000..6c87de9
--- /dev/null
+++ b/src/assets/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/society_logo_concept.png b/src/assets/society_logo_concept.png
new file mode 100644
index 0000000..188b2d4
Binary files /dev/null and b/src/assets/society_logo_concept.png differ
diff --git a/src/blog/BlogList.jsx b/src/blog/BlogList.jsx
new file mode 100644
index 0000000..b1ce0d0
--- /dev/null
+++ b/src/blog/BlogList.jsx
@@ -0,0 +1,113 @@
+import { useState } from 'react';
+import { Link } from 'react-router-dom';
+import { motion } from 'framer-motion';
+
+const BlogList = ({ posts }) => {
+ const [selectedTag, setSelectedTag] = useState(null);
+
+ // Extract all unique tags from posts
+ const allTags = [...new Set(posts.flatMap(post => post.tags || []))];
+
+ // Filter posts by selected tag
+ const filteredPosts = selectedTag
+ ? posts.filter(post => post.tags && post.tags.includes(selectedTag))
+ : posts;
+
+ return (
+
+
+
+ {post.content}
+
+
+ );
+};
+
+export default BlogPost;
diff --git a/src/blog/posts/technology-behind-mycelium.md b/src/blog/posts/technology-behind-mycelium.md
new file mode 100644
index 0000000..c1909cd
--- /dev/null
+++ b/src/blog/posts/technology-behind-mycelium.md
@@ -0,0 +1,96 @@
+---
+title: The Technology Behind Mycelium Society
+author: Tech Team
+date: 2025-09-23
+excerpt: An exploration of the decentralized infrastructure powering our digital nation.
+image: /network_node_visual.png
+tags: [technology, infrastructure, decentralization]
+---
+
+# The Technology Behind Mycelium Society
+
+At the core of the Mycelium Society is a sophisticated technological infrastructure designed for resilience, security, and scalability. This post explores the key components that make our digital nation possible.
+
+## Decentralized P2P Infrastructure
+
+Our network is built on a fully decentralized peer-to-peer architecture, eliminating single points of failure and ensuring that the network remains operational even if individual nodes go offline. This approach mirrors natural mycelial networks, where distributed connections create a resilient whole.
+
+For example, our node discovery system uses the following JavaScript code:
+
+```javascript
+// Node discovery algorithm
+function discoverNodes(network) {
+ const nodes = [];
+ for (const node of network) {
+ if (node.isOnline() && node.hasCapacity()) {
+ nodes.push(node);
+ }
+ }
+ return nodes;
+}
+```
+
+Key features include:
+
+- **Node Redundancy**: Critical data is replicated across multiple nodes
+- **Dynamic Routing**: Intelligent path-finding between network nodes
+- **Self-Healing Protocols**: Automatic recovery from network disruptions
+
+## End-to-End Encryption
+
+All communications within the Mycelium network are protected by state-of-the-art end-to-end encryption. This ensures that only the intended recipients can access sensitive information, providing members with the privacy and security they need to operate confidently.
+
+## AI Integration
+
+Our infrastructure incorporates advanced AI systems that help optimize network performance, detect potential security threats, and provide valuable insights to members. These systems are designed to enhance human capabilities rather than replace them, creating a symbiotic relationship between technology and users.
+
+## Distributed Trust Layers
+
+Rather than relying on centralized authorities, the Mycelium Society implements distributed trust mechanisms that allow members to establish reputation and credibility organically. This approach combines the best aspects of traditional trust systems with innovative blockchain-based verification.
+
+## Technical Specifications
+
+| Component | Technology | Purpose |
+| ------------- | -------------------------------------------- | ------------------------------ |
+| Network Layer | Custom P2P Protocol | Resilient communication |
+| Data Storage | Distributed Hash Table | Decentralized data persistence |
+| Security | AES-256 + RSA-4096 | End-to-end encryption |
+| Consensus | Modified Practical Byzantine Fault Tolerance | Distributed decision-making |
+| API | GraphQL | Flexible data access |
+
+## Future Developments
+
+Our technology roadmap includes several exciting enhancements:
+
+1. Quantum-resistant cryptography implementation
+ - no
+ - yes
+2. Enhanced cross-chain interoperability
+3. Expanded AI capabilities for network optimization
+4. Improved developer tools and SDKs
+
+By continuously evolving our technological foundation, we ensure that the Mycelium Society remains at the cutting edge of digital infrastructure, providing members with the tools they need to thrive in the digital frontier.
+
+## Network Architecture
+
+Here's a simple diagram of our network architecture:
+
+```mermaid
+graph TD
+ A[User Device] -->|Encrypted Connection| B(Network Node)
+ B -->|P2P Protocol| C[Other Nodes]
+ B -->|Data Storage| D[Distributed Hash Table]
+ B -->|AI Processing| E[AI Services]
+ F[Blockchain Layer] -->|Verification| B
+```
+
+## check other lists now
+
+- item 1
+- item 2
+ - subitem 1
+ - subitem 2
+ - subitem 3
+ - subsubitem 1
+ - subsubitem 2
+- item 3
diff --git a/src/blog/posts/welcome-to-the-frontier.md b/src/blog/posts/welcome-to-the-frontier.md
new file mode 100644
index 0000000..a774f63
--- /dev/null
+++ b/src/blog/posts/welcome-to-the-frontier.md
@@ -0,0 +1,40 @@
+---
+title: Welcome to the Digital Frontier
+author: Mycelium Society
+date: 2025-09-24
+excerpt: An introduction to the Mycelium Society and our vision for a sovereign digital nation.
+image: /hero_background.png
+tags: [introduction, vision, sovereignty]
+---
+
+# Welcome to the Digital Frontier
+
+The Mycelium Society represents a new paradigm in digital organization—a virtual nation for the digital age where each member operates as their own sovereign entity within a recognized legal framework.
+
+## Our Vision
+
+By combining resilient peer-to-peer infrastructure with cooperative governance, we enable individuals to thrive as entrepreneurs, creators, and collaborators while strengthening the global digital economy.
+
+We believe in building the future together, legally and transparently. Our approach combines cutting-edge technology with legitimate frameworks to create a space where innovation can flourish.
+
+## Core Pillars
+
+### Technology
+
+Our decentralized P2P infrastructure features end-to-end encryption, AI integration, and distributed trust layers. This creates a resilient foundation for all members to build upon, ensuring security, privacy, and reliability.
+
+### Governance
+
+Every member operates as their own legal entity with a flat 5% tax rate in our digital free zone. This simple, transparent governance model provides the freedom to innovate while maintaining the benefits of collective organization.
+
+### Economy
+
+Our sovereign web infrastructure includes CDN, publishing tools, and marketplace capabilities for frictionless global trade. This enables members to create, share, and monetize their work with minimal friction.
+
+## Join the Frontier
+
+As a founding member of the Mycelium Society, you'll be at the forefront of building the next generation of digital infrastructure. Together, we're creating a sovereign digital nation that empowers individuals while contributing positively to the global economy.
+
+The future belongs to those who dare to build it—legally, transparently, and collaboratively.
+
+Are you ready to join the frontier?
diff --git a/src/blog/utils.js b/src/blog/utils.js
new file mode 100644
index 0000000..e8cc44a
--- /dev/null
+++ b/src/blog/utils.js
@@ -0,0 +1,145 @@
+import { remark } from 'remark';
+import remarkParse from 'remark-parse';
+import remarkGfm from 'remark-gfm';
+import remarkRehype from 'remark-rehype';
+import rehypeStringify from 'rehype-stringify';
+
+// Use Vite's import.meta.glob to import all markdown files at build time
+const postsModules = import.meta.glob('./posts/*.md', { eager: true, query: '?raw', import: 'default' });
+
+export function getSortedPostsData() {
+ // Get all posts from the imported modules
+ const allPostsData = Object.entries(postsModules).map(([filePath, fileContent]) => {
+ // Extract the file name from the path
+ const fileName = filePath.split('/').pop();
+ // Remove ".md" from file name to get id
+ const id = fileName.replace(/\.md$/, '');
+
+ // Parse frontmatter manually
+ const matterResult = parseFrontmatter(fileContent);
+
+ // Combine the data with the id
+ return {
+ id,
+ ...matterResult.data,
+ };
+ });
+
+ // Sort posts by date
+ return allPostsData.sort((a, b) => {
+ if (a.date < b.date) {
+ return 1;
+ } else {
+ return -1;
+ }
+ });
+}
+
+function parseFrontmatter(fileContent) {
+ // Split the content by the frontmatter delimiter
+ const parts = fileContent.split('---');
+
+ // If we have at least 3 parts, it means we have frontmatter
+ if (parts.length >= 3) {
+ // The second part (index 1) is the frontmatter
+ const frontmatter = parts[1];
+ // The content starts from the third part (index 2)
+ const content = parts.slice(2).join('---');
+
+ // Parse the frontmatter as YAML
+ const data = parseYAML(frontmatter);
+
+ return {
+ data,
+ content
+ };
+ }
+
+ // If no frontmatter, return empty data and the whole content
+ return {
+ data: {},
+ content: fileContent
+ };
+}
+
+function parseYAML(yamlString) {
+ const data = {};
+ const lines = yamlString.trim().split('\n');
+
+ for (const line of lines) {
+ const colonIndex = line.indexOf(':');
+ if (colonIndex > 0) {
+ const key = line.substring(0, colonIndex).trim();
+ let value = line.substring(colonIndex + 1).trim();
+
+ // Handle array values
+ if (value.startsWith('[') && value.endsWith(']')) {
+ // Remove brackets and split by comma
+ value = value.substring(1, value.length - 1).split(',').map(item => item.trim());
+ } else {
+ // Remove quotes if present
+ value = value.replace(/^"(.*)"$/, '$1').replace(/^'(.*)'$/, '$1');
+ }
+
+ data[key] = value;
+ }
+ }
+
+ return data;
+}
+
+export function getAllPostIds() {
+ // Get all post IDs from the imported modules
+ return Object.keys(postsModules).map((filePath) => {
+ // Extract the file name from the path and remove ".md"
+ const fileName = filePath.split('/').pop();
+ return {
+ params: {
+ id: fileName.replace(/\.md$/, ''),
+ },
+ };
+ });
+}
+
+export function getPostData(id) {
+ // Try multiple possible paths to find the correct one
+ const possiblePaths = [
+ `./posts/${id}.md`,
+ `/src/blog/posts/${id}.md`,
+ `../blog/posts/${id}.md`,
+ `./blog/posts/${id}.md`
+ ];
+
+ let fileContent = null;
+ let modulePath = '';
+
+ for (const path of possiblePaths) {
+ if (postsModules[path]) {
+ fileContent = postsModules[path];
+ modulePath = path;
+ break;
+ }
+ }
+
+ if (!fileContent) {
+ console.error(`Post with id "${id}" not found. Tried paths:`, possiblePaths);
+ throw new Error(`Post with id "${id}" not found`);
+ }
+
+ console.log(`Found post with id "${id}" at path:`, modulePath);
+
+ // Parse frontmatter manually
+ const matterResult = parseFrontmatter(fileContent);
+
+ // Return markdown content instead of processed HTML
+ return {
+ id,
+ content: matterResult.content,
+ ...matterResult.data,
+ };
+}
+
+export function getPostsByTag(tag) {
+ const allPosts = getSortedPostsData();
+ return allPosts.filter(post => post.tags && post.tags.includes(tag));
+}
diff --git a/src/components/RegistrationTerminal.jsx b/src/components/RegistrationTerminal.jsx
new file mode 100644
index 0000000..f111bc2
--- /dev/null
+++ b/src/components/RegistrationTerminal.jsx
@@ -0,0 +1,254 @@
+import { useState, useEffect } from 'react'
+import { motion } from 'framer-motion'
+import { Button } from './ui/button'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { z } from 'zod'
+
+const registrationSchema = z.object({
+ username: z.string().min(3, 'Username must be at least 3 characters'),
+ email: z.string().email('Invalid email address'),
+ password: z.string().min(8, 'Password must be at least 8 characters'),
+ confirmPassword: z.string()
+}).refine((data) => data.password === data.confirmPassword, {
+ message: "Passwords don't match",
+ path: ["confirmPassword"]
+})
+
+function RegistrationTerminal({ showTerminal, setShowTerminal, onRegister }) {
+ const [terminalText, setTerminalText] = useState('')
+ const [currentStep, setCurrentStep] = useState(0)
+ const [isDeleting, setIsDeleting] = useState(false)
+ const [charIndex, setCharIndex] = useState(0)
+ const [formData, setFormData] = useState({})
+ const [isSubmitting, setIsSubmitting] = useState(false)
+ const [registrationComplete, setRegistrationComplete] = useState(false)
+
+ const { register, handleSubmit, formState: { errors }, watch } = useForm({
+ resolver: zodResolver(registrationSchema),
+ mode: 'onChange'
+ })
+
+ const terminalCommands = [
+ '> initializing registration protocol...',
+ '> establishing secure connection...',
+ '> registration terminal active',
+ '> please enter your credentials'
+ ]
+
+ const completionMessages = [
+ '> validating user data...',
+ '> creating digital identity...',
+ '> registration successful',
+ '> welcome to the mycelium network'
+ ]
+
+ useEffect(() => {
+ let typingTimer
+
+ if (showTerminal) {
+ if (registrationComplete) {
+ // Handle completion text
+ if (currentStep < completionMessages.length) {
+ if (!isDeleting && charIndex <= completionMessages[currentStep].length) {
+ setTerminalText(completionMessages[currentStep].substring(0, charIndex))
+ setCharIndex(charIndex + 1)
+ typingTimer = setTimeout(() => {
+ if (charIndex === completionMessages[currentStep].length) {
+ setTimeout(() => {
+ setIsDeleting(true)
+ typingTimer = setTimeout(type, 30)
+ }, 1000)
+ } else {
+ typingTimer = setTimeout(type, 50)
+ }
+ }, 50)
+ } else if (isDeleting && charIndex >= 0) {
+ setTerminalText(completionMessages[currentStep].substring(0, charIndex))
+ setCharIndex(charIndex - 1)
+ typingTimer = setTimeout(() => {
+ if (charIndex === 0) {
+ setIsDeleting(false)
+ setCurrentStep(currentStep + 1)
+ typingTimer = setTimeout(type, 500)
+ } else {
+ typingTimer = setTimeout(type, 30)
+ }
+ }, 30)
+ }
+ } else {
+ setTerminalText('> access granted')
+ }
+ } else {
+ // Handle registration text
+ if (currentStep < terminalCommands.length) {
+ if (!isDeleting && charIndex <= terminalCommands[currentStep].length) {
+ setTerminalText(terminalCommands[currentStep].substring(0, charIndex))
+ setCharIndex(charIndex + 1)
+ typingTimer = setTimeout(() => {
+ if (charIndex === terminalCommands[currentStep].length) {
+ setTimeout(() => {
+ setIsDeleting(true)
+ typingTimer = setTimeout(type, 30)
+ }, 1000)
+ } else {
+ typingTimer = setTimeout(type, 50)
+ }
+ }, 50)
+ } else if (isDeleting && charIndex >= 0) {
+ setTerminalText(terminalCommands[currentStep].substring(0, charIndex))
+ setCharIndex(charIndex - 1)
+ typingTimer = setTimeout(() => {
+ if (charIndex === 0) {
+ setIsDeleting(false)
+ setCurrentStep(currentStep + 1)
+ typingTimer = setTimeout(type, 500)
+ } else {
+ typingTimer = setTimeout(type, 30)
+ }
+ }, 30)
+ }
+ } else {
+ setTerminalText('> registration terminal ready')
+ }
+ }
+ } else {
+ // Reset terminal state when closing
+ setTerminalText('')
+ setCurrentStep(0)
+ setIsDeleting(false)
+ setCharIndex(0)
+ setRegistrationComplete(false)
+ }
+
+ const type = () => {
+ // This function will be called by the setTimeout
+ }
+
+ // Clean up the timer when component unmounts or showTerminal changes
+ return () => clearTimeout(typingTimer)
+ }, [showTerminal, currentStep, charIndex, isDeleting, registrationComplete])
+
+ const onSubmit = async (data) => {
+ setIsSubmitting(true)
+ // Simulate registration process
+ await new Promise(resolve => setTimeout(resolve, 1500))
+
+ // Reset for completion messages
+ setCurrentStep(0)
+ setCharIndex(0)
+ setIsDeleting(false)
+ setRegistrationComplete(true)
+
+ // Call onRegister callback with form data
+ onRegister(data)
+ setIsSubmitting(false)
+ }
+
+ return (
+
+
+
+
MYCELIUM NETWORK REGISTRATION TERMINAL
+
+
+
+
+ {terminalText}
+
+
+
+ {!registrationComplete && (
+
+
+
+ {errors.username &&
{'>'} {errors.username.message}
}
+
+
+
+
+ {errors.email &&
{'>'} {errors.email.message}
}
+
+
+
+
+ {errors.password &&
{'>'} {errors.password.message}
}
+
+
+
+
+ {errors.confirmPassword &&
{'>'} {errors.confirmPassword.message}
}
+
+
+
+
+
+
+
+
+ )}
+
+ {registrationComplete && (
+
+
{'>'} registration complete
+
{'>'} your digital identity has been created
+
{'>'} welcome to the mycelium network, {watch('username')}