Mycelium website v2.0 #117

Closed
opened 2025-02-12 06:46:52 +00:00 by sashaastiadi · 19 comments
Owner

Improve Mycelium Website - Enhance Clarity, Features, and User Experience

repo: https://git.ourworld.tf/ourworld_web/www_mycelium

Description:
The Mycelium website needs enhancements to improve user understanding, highlight key features, and streamline navigation. This issue outlines the necessary updates and improvements required to make the website more informative and user-friendly.


Requirements:

1. Add Detailed Technical Specifications

  • Include information on:
    • QSFS storage functionality
    • Entry and exit points for AI workloads
    • Compatibility with AI protocols
    • Data storage and retrieval mechanisms (local & grid storage)
    • Ability to store data on behalf of other users
    • Integration with frontend/backend systems

2. Improve Content Delivery & Messaging Explanation

  • Describe how Mycelium functions as a CDN (Content Delivery Network)
  • Explain Mycelium’s message bus capabilities

3. Expand Roadmap Section

  • Clearly outline current and upcoming features
    • Current: Mycelium Network
    • Upcoming: Mycelium Messages, Mycelium Content Delivery
  • Provide estimated release timelines

4. Clarify Free & Paid Tiers

  • Define benefits of the free Mycelium Network tier
  • Explain paid tier: staking $15 worth of tokens for advanced features
  • List features exclusive to paid users (e.g., Mycelium Storage)

5. Add Platform & Download Information

  • Specify supported platforms (e.g., Phone, Computer)
  • Provide download links and installation instructions

6. Improve User Benefit Communication

  • Highlight advantages of using Mycelium:
    • Can be used on personal laptops without requiring ThreeFold Nodes
    • Works independently from a constant TF Grid connection
  • Provide real-world use case examples (e.g., storing and sharing videos securely)

7. Enhance Navigation & UI/UX

  • Improve website layout for easier access to key information
  • Optimize for readability and usability
  • Dark mode preferable

Missing content

missing content: @mik-tf @marionrvrn

Homepage (Landing Page Enhancements)

  • Quick demo (video or GIF or screenshot) on how Mycelium works
  • Benefits section (speed, security, decentralization, ease of use)
  • 6 faq questions

NO NEED FOR NOW

  • User testimonials or case studies_

`about Page

Needs detailed explanations of:

  • Mycelium Network: How it works, use cases, and advantages

no need for now:

  • AI & Storage:How Mycelium interacts with AI workloads
  • QSFS storage mechanism (local vs. grid storage)
  • CDN & Messaging: How Mycelium acts as a content delivery network
  • Message bus functionality

no need for now:

Pricing Page

  • Feature comparison table (Free vs. Paid Tier)
  • Explanation of staking $15 for advanced features
  • What "Mycelium Storage" includes in the paid plan
    💡 Action: Add a tier comparison with benefits & pricing breakdown

no need for now:

Roadmap Page

  • Current features list (what’s already implemented)
  • Upcoming features roadmap (Mycelium Messages, Mycelium CDN, future AI features)
  • Estimated release dates
    💡 Action: Design a roadmap with milestones & estimated timelines

Get started / contact Page

  • link to download
  • all important links on docs / installation guide

Steps to Implement:

  1. Research & Content Creation: @mik-tf

    • Gather missing details on Mycelium’s technical aspects
    • Draft user-friendly explanations for complex features @marionrvrn @mik-tf @sashaastiadi
  2. Website Content Update: @sashaastiadi

    • Add newly created content sections
    • Update roadmap with upcoming features and timelines
    • Define pricing and feature differentiation for free/paid tiers
  3. Design & UI Enhancements: @sashaastiadi

    • Improve page structure and navigation
    • Optimize readability with better formatting and visuals
  4. Final Review & Deployment: @marionrvrn

    • Get feedback from stakeholders @despiegk
    • Make necessary adjustments
    • Push updates to live site

Page & Section Definitions @sashaastiadi

🏠 Home Page

  • Hero section: What is Mycelium? (Short intro with CTA)
  • Quick demo of how Mycelium works
  • Key benefits (speed, decentralization, security)
  • Simple steps
  • Testimonials & social proof
  • faq

⚙️ Features Page

  • Mycelium Network: Explain how it works as a peer-to-peer overlay
  • AI & Storage: QSFS storage, data retrieval, AI workloads
  • CDN & Messaging: How Mycelium helps with content delivery & communication

💰 Pricing Page

  • Free vs. Paid Tier comparison
  • Explain staking for advanced features

📍 Roadmap Page

  • Visual timeline of current & upcoming features
  • Links to development updates

📄 Docs Page
Installation guide links goes straight to docs

🚀 Contact support

  • Get Started (CTA Button)
  • Leads to a download link
  • Forum & social media links
  • GitHub repo & contribution guidelines
## Improve Mycelium Website - Enhance Clarity, Features, and User Experience repo: https://git.ourworld.tf/ourworld_web/www_mycelium **Description:** The Mycelium website needs enhancements to improve user understanding, highlight key features, and streamline navigation. This issue outlines the necessary updates and improvements required to make the website more informative and user-friendly. --- ## **Requirements:** ### **1. Add Detailed Technical Specifications** - Include information on: - QSFS storage functionality - Entry and exit points for AI workloads - Compatibility with AI protocols - Data storage and retrieval mechanisms (local & grid storage) - Ability to store data on behalf of other users - Integration with frontend/backend systems ### **2. Improve Content Delivery & Messaging Explanation** - Describe how Mycelium functions as a CDN (Content Delivery Network) - Explain Mycelium’s message bus capabilities ### **3. Expand Roadmap Section** - Clearly outline current and upcoming features - Current: Mycelium Network - Upcoming: Mycelium Messages, Mycelium Content Delivery - Provide estimated release timelines ### **4. Clarify Free & Paid Tiers** - Define benefits of the free Mycelium Network tier - Explain paid tier: staking $15 worth of tokens for advanced features - List features exclusive to paid users (e.g., Mycelium Storage) ### **5. Add Platform & Download Information** - Specify supported platforms (e.g., Phone, Computer) - Provide download links and installation instructions ### **6. Improve User Benefit Communication** - Highlight advantages of using Mycelium: - Can be used on personal laptops without requiring ThreeFold Nodes - Works independently from a constant TF Grid connection - Provide real-world use case examples (e.g., storing and sharing videos securely) ### **7. Enhance Navigation & UI/UX** - Improve website layout for easier access to key information - Optimize for readability and usability - Dark mode preferable --- ## Missing content **missing content:** @mik-tf @marionrvrn ### **Homepage (Landing Page Enhancements)** - [x] Quick demo (video or GIF or screenshot) on how Mycelium works - [x] Benefits section (speed, security, decentralization, ease of use) - [x] 6 faq questions **NO NEED FOR NOW** - [ ] User testimonials or case studies_ ### **`about Page** Needs detailed explanations of: - [x] Mycelium Network: How it works, use cases, and advantages **no need for now:** - [ ] AI & Storage:How Mycelium interacts with AI workloads - [ ] QSFS storage mechanism (local vs. grid storage) - [ ] CDN & Messaging: How Mycelium acts as a content delivery network - [ ] Message bus functionality **no need for now:** ### **Pricing Page** - [ ] Feature comparison table (Free vs. Paid Tier) - [ ] Explanation of staking $15 for advanced features - [ ] What "Mycelium Storage" includes in the paid plan 💡 Action: Add a tier comparison with benefits & pricing breakdown **no need for now:** ### **Roadmap Page** - [ ] Current features list (what’s already implemented) - [ ] Upcoming features roadmap (Mycelium Messages, Mycelium CDN, future AI features) - [ ] Estimated release dates 💡 Action: Design a roadmap with milestones & estimated timelines ### **Get started / contact Page** - [x] link to download - [x] all important links on docs / installation guide ## **Steps to Implement:** 1. **Research & Content Creation:** @mik-tf - Gather missing details on Mycelium’s technical aspects - Draft user-friendly explanations for complex features @marionrvrn @mik-tf @sashaastiadi 2. **Website Content Update:** @sashaastiadi - Add newly created content sections - Update roadmap with upcoming features and timelines - Define pricing and feature differentiation for free/paid tiers 3. **Design & UI Enhancements:** @sashaastiadi - Improve page structure and navigation - Optimize readability with better formatting and visuals 5. **Final Review & Deployment:** @marionrvrn - Get feedback from stakeholders @despiegk - Make necessary adjustments - Push updates to live site ----- ## Page & Section Definitions @sashaastiadi 🏠 Home Page - Hero section: What is Mycelium? (Short intro with CTA) - Quick demo of how Mycelium works - Key benefits (speed, decentralization, security) - Simple steps - Testimonials & social proof - faq ⚙️ Features Page - Mycelium Network: Explain how it works as a peer-to-peer overlay - AI & Storage: QSFS storage, data retrieval, AI workloads - CDN & Messaging: How Mycelium helps with content delivery & communication 💰 Pricing Page - Free vs. Paid Tier comparison - Explain staking for advanced features - 📍 Roadmap Page - Visual timeline of current & upcoming features - Links to development updates 📄 Docs Page Installation guide links goes straight to docs 🚀 Contact support - Get Started (CTA Button) - Leads to a download link - Forum & social media links - GitHub repo & contribution guidelines
sashaastiadi added this to the Website & Wiki Project 2025 (MOVED & ARCHIVED) project 2025-02-12 06:46:52 +00:00
marionrvrn was assigned by sashaastiadi 2025-02-12 06:52:18 +00:00
mik-tf was assigned by sashaastiadi 2025-02-12 06:52:18 +00:00
sashaastiadi self-assigned this 2025-02-12 06:52:22 +00:00
sashaastiadi added the
Story
label 2025-02-12 06:55:27 +00:00
Author
Owner

from kds' notes on https://docs.google.com/document/d/1AjtVj2JLocai164OFeWICub5KAaHJ4LeCkc7LhCspjk/edit?usp=sharing

Mycelium

Features:

Core (Lee)

  • peer2peer VPN (what we have now) with shortest path routing
  • name services (DNS) records come from GeoChain (explorer) and cached in mycelium loadbalanced DNS on Mycelium, unknown names get resolved on internet
  • messagebus
  • HTTP Server on top of flist, expose over a DNS name from above

Co Daemon (Timur, Kristof, Egypt …)

  • imap/webdav/caldav/carddav -> a first version of hero

  • LLM AI router (we are a decentralised openrouter)

  • Voice2Text / Text2Voice AI Router (voice can be taken from video)

  • IPFS and/or FLIST storage services (to be defined)

  • Docusaurus to Flist service

  • Flist to HTTP(s) service: host an flist, is static

Billable

  • DNS Names
  • AI requests
  • Bandwidth (in future, not at start)
  • Hosted storage
  • Minutes for text2voice

Decentralised AI Router

  • Users can give their OpenRouter, OpenAI, … key, they get 10% margin or define their own price, so they route towards their accounts, everyone can do this.
  • Hosts can define the price for their delivered AI services.

Roadmap
2-3 months from now in beta for most of above features
Owner: Kristof
Team Timur, Kristof, Mahmoud, Lee, Maxim, Jan, … (BE team)


Mycelium will also handle name services, acting as a decentralized DNS. This way, websites and services remain accessible even if traditional name servers go down. It creates an independent internet infrastructure.

Additionally, we integrate voice-to-text and text-to-voice services, allowing people to run these models inside Mycelium. This enables API-based AI services, where users set pricing for their own hosted models.

We may also need to implement IPFS pinning and flist-like storage for decentralized file hosting. Users could define where data is stored and replicated across nodes.

For deployment, we start with internal validation, then communicate these updates widely. AI boxes and Mycelium should be clearly explained to the community.

To introduce Mycelium, we highlight its ability to host resilient, censorship-resistant websites. Websites hosted on Mycelium stay online no matter what, thanks to decentralized DNS routing.

To communicate all this, we need strong messaging. We can do live calls explaining Mycelium and the AI box. We should also prepare strong forum posts and announcements.

For pre-orders, we should follow the same strategy as last time—collect commitments before production.

We should also organize a public call explaining these new features, similar to what was done with Sabrina before. That way, people clearly understand the roadmap and can engage early.

If we move fast, we can start pre-orders within two weeks.
To make this all tangible, we push strong communication. Just put the information out there—don't overthink it. If something is incorrect, we can always correct it later.

The goal is to be proactive—communicating frequently and clearly so the community and external users understand the value of these new developments.

from kds' notes on https://docs.google.com/document/d/1AjtVj2JLocai164OFeWICub5KAaHJ4LeCkc7LhCspjk/edit?usp=sharing **Mycelium** Features: Core (Lee) - peer2peer VPN (what we have now) with shortest path routing - name services (DNS) records come from GeoChain (explorer) and cached in mycelium loadbalanced DNS on Mycelium, unknown names get resolved on internet - messagebus - HTTP Server on top of flist, expose over a DNS name from above Co Daemon (Timur, Kristof, Egypt …) - imap/webdav/caldav/carddav -> a first version of hero - LLM AI router (we are a decentralised openrouter) - Voice2Text / Text2Voice AI Router (voice can be taken from video) - IPFS and/or FLIST storage services (to be defined) - Docusaurus to Flist service - Flist to HTTP(s) service: host an flist, is static Billable - DNS Names - AI requests - Bandwidth (in future, not at start) - Hosted storage - Minutes for text2voice Decentralised AI Router - Users can give their OpenRouter, OpenAI, … key, they get 10% margin or define their own price, so they route towards their accounts, everyone can do this. - Hosts can define the price for their delivered AI services. Roadmap 2-3 months from now in beta for most of above features Owner: Kristof Team Timur, Kristof, Mahmoud, Lee, Maxim, Jan, … (BE team) ---- Mycelium will also handle name services, acting as a decentralized DNS. This way, websites and services remain accessible even if traditional name servers go down. It creates an independent internet infrastructure. Additionally, we integrate voice-to-text and text-to-voice services, allowing people to run these models inside Mycelium. This enables API-based AI services, where users set pricing for their own hosted models. We may also need to implement IPFS pinning and flist-like storage for decentralized file hosting. Users could define where data is stored and replicated across nodes. For deployment, we start with internal validation, then communicate these updates widely. AI boxes and Mycelium should be clearly explained to the community. To introduce Mycelium, we highlight its ability to host resilient, censorship-resistant websites. Websites hosted on Mycelium stay online no matter what, thanks to decentralized DNS routing. To communicate all this, we need strong messaging. We can do live calls explaining Mycelium and the AI box. We should also prepare strong forum posts and announcements. For pre-orders, we should follow the same strategy as last time—collect commitments before production. We should also organize a public call explaining these new features, similar to what was done with Sabrina before. That way, people clearly understand the roadmap and can engage early. If we move fast, we can start pre-orders within two weeks. To make this all tangible, we push strong communication. Just put the information out there—don't overthink it. If something is incorrect, we can always correct it later. The goal is to be proactive—communicating frequently and clearly so the community and external users understand the value of these new developments.
Author
Owner

@mik-tf from above which ones are done / not, do youknnow?

@mik-tf from above which ones are done / not, do youknnow?
Owner

Notes


  • I would not put links outside the websites

image

  • It is also available for smart phones, we should add this: available for iOS and Android.

image

  • Continuing on the FAQ above, I would add "Download the app" with this link: https://manual.grid.tf/documentation/system_administrators/mycelium/mycelium_app.html

  • Some idea for this one: Can I deploy workloads on the TFGrid using Mycelium?
    Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Dashboard apps come with built-in Mycelium network. Detailed deployment guides are available in the documentation.

image

  • add link to mycelium repo:

image

  • we should also invite people to use TF support (add lnk "Reach out to the TF support for help."

image

image

  • Suggestion, @sashaastiadi I could make a Docusaurus manual for mycelium available at docs.mycelium.threefold.io. Lmk. I would take the manual info and put it there.
# Notes - from the current website: https://www2.mycelium.threefold.io/why/, here are some ideas --- - I would not put links outside the websites ![image](/attachments/8b4355d7-7c0c-41df-8e64-c997f3676001) - It is also available for smart phones, we should add this: available for iOS and Android. ![image](/attachments/ba62efe9-ebe6-4bd8-9101-98eec3c7e2a3) - Continuing on the FAQ above, I would add "Download the app" with this link: https://manual.grid.tf/documentation/system_administrators/mycelium/mycelium_app.html - Some idea for this one: Can I deploy workloads on the TFGrid using Mycelium? Yes, after installing Mycelium, you can deploy workloads on the TFGrid and connect to them using the Mycelium network. Dashboard apps come with built-in Mycelium network. Detailed deployment guides are available in the documentation. ![image](/attachments/4b784261-5b42-4adb-8e49-9b8dd2cb20e3) - add link to mycelium repo: ![image](/attachments/6420db81-60a8-40c4-8682-31b351a9a534) - we should also invite people to use TF support (add lnk "Reach out to the TF support for help." ![image](/attachments/9f1d4481-2c18-4dd3-aa7d-100f31eece4e) - The download button can lead to this page: https://manual.grid.tf/documentation/system_administrators/mycelium/mycelium_app.html ![image](/attachments/e334337a-a9e9-4c2c-918f-ef9dfab15ec5) - Suggestion, @sashaastiadi I could make a Docusaurus manual for mycelium available at docs.mycelium.threefold.io. Lmk. I would take the manual info and put it there.
Author
Owner

@mik-tf perfect i think a specific docs for just mycelium would be great, in the long run this will be a massive standalone project so it makes sense if we start now to have its own

@mik-tf perfect i think a specific docs for just mycelium would be great, in the long run this will be a massive standalone project so it makes sense if we start now to have its own
Author
Owner

@mik-tf also now the layout is pretty cleaned up, if there is any text you would change or reword, feel free to clone the repo and edit the texts on development branch :) thanks for helping @mik-tf !

@mik-tf also now the layout is pretty cleaned up, if there is any text you would change or reword, feel free to clone the repo and edit the texts on development branch :) thanks for helping @mik-tf !
Owner

@sashaastiadi all the comments I had are above. If it's been implemented, all's good on my end.

@sashaastiadi all the comments I had are above. If it's been implemented, all's good on my end.
Owner

Notes

  • One thing actually, we can say there is no app for Linux but users can just download the binary.
# Notes - One thing actually, we can say there is no app for Linux but users can just download the binary.
Owner

Update

  • I added something for the Linux library and pushed to dev.
# Update - I added something for the Linux library and pushed to dev.
Owner

Docs

  • Once the docs website is done, we can revise lightly the mycelium website to make sure links point to the new mycel docs
# Docs - Once the docs website is done, we can revise lightly the mycelium website to make sure links point to the new mycel docs
Member

Overall it's looking really nice! @sashaastiadi

https://www2.mycelium.threefold.io/why/

@ehab

  • The text on the right side here looks a bit strange. solution:
    just try to make it two equally wide columns left right, equal size , with gap in the middle.
    maybe 1x smaller fonts so it doesnt look too overbearing

Also I've provided some alternate image options for this page via chat if you'd like to sub those in, or if you don't like them please let me know and I can provide some more.

Overall it's looking really nice! @sashaastiadi https://www2.mycelium.threefold.io/why/ @ehab - [x] The text on the right side here looks a bit strange. solution: just try to make it two equally wide columns left right, equal size , with gap in the middle. maybe 1x smaller fonts so it doesnt look too overbearing Also I've provided some alternate image options for this page via chat if you'd like to sub those in, or if you don't like them please let me know and I can provide some more.
Member
  • Another piece of feedback:

Nowhere on the site, besides the FAQ, does it say exactly what Mycelium is.

It should go in the header of the homepage and also in the get started page.

- [x] Another piece of feedback: Nowhere on the site, besides the FAQ, does it say exactly what Mycelium is. It should go in the header of the homepage and also in the get started page.
Member

@ehab

  • Typo here: "ycelium"
@ehab - [x] Typo here: "ycelium"
Author
Owner

@ehab

  • fix header's 'get mycelium' button hover bg color to dark gray when hovered, apply this to all buttons

  • fix the content sharing preview , its still showing dev.threefold.io

  • header; add 'Docs' tab that when clicked goes to open a new tab directing people to https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html

  • change the website title and favicon ,

  • the 3 stripes of mobile hamburger icon should be black color so its obvious, atm its white

@ehab - [x] fix header's 'get mycelium' button hover bg color to dark gray when hovered, apply this to all buttons - [x] fix the content sharing preview , its still showing dev.threefold.io - [x] header; add 'Docs' tab that when clicked goes to open a new tab directing people to https://manual.threefold.io/documentation/system_administrators/mycelium/mycelium_app.html - [x] change the website title and favicon , - [x] the 3 stripes of mobile hamburger icon should be black color so its obvious, atm its white
Author
Owner

@gosam @marionrvrn can you provide the images as zip file here , @ehab will take over from here on

@gosam @marionrvrn can you provide the images as zip file here , @ehab will take over from here on
Member

Here are replacement images for the why page.

Here are replacement images for the why page.
ehab self-assigned this 2025-02-19 13:45:53 +00:00
Author
Owner

@ehab header still missing 'Docs' tab whereif clicked goes to targetblank/new tab to mycelium manual

@ehab header still missing 'Docs' tab whereif clicked goes to targetblank/new tab to mycelium manual
Member

Rest are of the issues are being worked on the www_mycelium repo

Rest are of the issues are being worked on the www_mycelium repo
Owner

Here are replacement images for the why page.

@gosam I updated images at About page please check
https://www2.mycelium.threefold.io/why/

> Here are replacement images for the why page. @gosam I updated images at About page please check https://www2.mycelium.threefold.io/why/
Owner

As I understand, the basic is there on mycelium.threefold.io and we can close the issue for now.

As I understand, the basic is there on mycelium.threefold.io and we can close the issue for now.
sashaastiadi modified the project from Website & Wiki Project 2025 (MOVED & ARCHIVED) to OW Website & Wiki Project 2025 2025-03-20 14:12:43 +00:00
Sign in to join this conversation.
No Milestone
5 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: ourworld_web/circle_web_presence#117
No description provided.