Merge pull request 'fixed footer, changed threefold to project mycelium' (#5) from development_footer into main

Reviewed-on: tfgrid/www_threefold4#5

poc/components/footer.html

@@ -3,7 +3,7 @@
 <footer class="tf_footer">
     <div class="tf_footer_container">
         <div class="tf_footer_section">
-            <h3>ThreeFold</h3>
+            <h3>Project Mycelium</h3>
             <p>Building a decentralized internet <br>for a better world.</p>
         </div>
         <div class="tf_footer_section">
@@ -35,7 +35,7 @@
         </div>
     </div>
     <div class="tf_footer_bottom">
-        <p>&copy; 2024 ThreeFold. All rights reserved.</p>
+        <p>&copy; 2024 Project Mycelium. All rights reserved.</p>
     </div>
 </footer>
 
@@ -78,7 +78,6 @@
         padding: 1.5rem 0 0.5rem;
         margin-top: auto;
         transition: background-color 0.3s, color 0.3s;
-        max-height: 160px;
         box-sizing: border-box;
     }
 
@@ -136,10 +135,14 @@
     }
 
     .tf_footer_bottom {
+    background-color: var(--footer-background);
     margin-top: 1rem;
     padding-top: 0.5rem;
-        text-align: center;
+    /* Add flexbox properties */
-        border-top: 1px solid var(--footer-border);
+    display: flex;
+    justify-content: center; /* Horizontally center */
+    align-items: center;     /* Vertically center */
+    border-top: 0px solid var(--footer-border);
     }
 
     .tf_footer_bottom p {

poc/components/login.html

@@ -7,7 +7,7 @@
                     <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                 </svg>
                 <h2>Welcome Back</h2>
-                <p>Sign in to your ThreeFold account</p>
+                <p>Sign in to your Project Mycelium account</p>
             </div>
             <form id="login-form" onsubmit="return validateLoginForm(event)">
                 <div class="form-group">

poc/components/nav.html

@@ -12,7 +12,7 @@
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                     <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                 </svg>
-                <span>ThreeFold</span>
+                <span>Project Mycelium</span>
             </a>
             <ul class="tf_menu" :class="{ 'active': mobileMenuOpen }">
                 [[navcontent]]

poc/components/signup.html

@@ -6,8 +6,8 @@
                 <svg class="logo" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                     <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                 </svg>
-                <h2>Join ThreeFold</h2>
+                <h2>Join Project Mycelium</h2>
-                <p>Create your ThreeFold account</p>
+                <p>Create your Project Mycelium account</p>
             </div>
             <form id="signup-form" onsubmit="return validateSignupForm(event)">
                 <div class="form-group compact">

poc/content/threefold/faq_tf.md

@@ -2,14 +2,14 @@
 
 ### What We Offer
 
-ThreeFold provides a revolutionary Internet Infrastructure that enables:
+Project Mycelium provides a revolutionary Internet Infrastructure that enables:
 
 - Decentralized cloud, data & network capacity with reward opportunities for contributors
 - Global deployment of web2, web3, AI, edge, and blockchain applications
 - Enhanced application access through distributed infrastructure
 - Creation of resilient, uncensorable peer-to-peer networks
 
-### Why ThreeFold?
+### Why Project Mycelium?
 
 - **First platform in the world to seamlessly combine cloud, data & network capabilities**
 - Global Access: Bridging the digital divide for 50% of the world lacking quality Internet infrastructure

poc/content/threefold/faq_tf_intro.html

@@ -1,8 +1,8 @@
 <details>
     <summary>What is web4?</summary>
     <p>
-        No, ThreeFold is a complementary Internet and lives with and on top of
+        No, Project Mycelium is a complementary Internet and lives with and on top of
-        the current Internet. From out of ThreeFold you can still use the
+        the current Internet. From out of Project Mycelium you can still use the
         current Internet and interact with it.
     </p>
 </details>
@@ -20,7 +20,7 @@
 <details>
     <summary>This sounds too big, are you guys are faking it?</summary>
     <p>
-        We have been working on this for over 30 years and ThreeFold is the
+        We have been working on this for over 30 years and Project Mycelium is the
         result of that work. We have a working product and a growing community
         of farmers, users, and partners. We are real and we are here to stay.
     </p>
@@ -37,11 +37,11 @@
             >Checkout our stats on our dashboard.</a
         >
         TFT is our token which was used to build generation 1,2 and 3 of the
-        ThreeFold Grid of capacity. TFT is the reward for our loyal community.
+        Project Mycelium Grid of capacity. TFT is the reward for our loyal community.
         There can never be more than 1 billion TFT. We are now building
-        generation 4 of the ThreeFold Grid of capacity and we need a new token
+        generation 4 of the Project Mycelium Grid of capacity and we need a new token
         to build this new generation. There will never be more than 3 billion
-        INCA. Our partners will start selling new ThreeFold Nodes end Nov 2024
+        INCA. Our partners will start selling new Project Mycelium Nodes end Nov 2024
         with a new reward scheme and ready to grow to millions of nodes.
     </p>
 </details>
@@ -51,8 +51,8 @@
     <p>
         You can participate by becoming a farmer, a user, a partner or by developing a web4 app.
         <ul>
-            <li><a href="/farmer">Provide capacity to the ThreeFold Grid</a></li>
+            <li><a href="/farmer">Provide capacity to the Project Mycelium Grid</a></li>
-            <li><a href="/user">Use capacity off the ThreeFold Grid</a></li>
+            <li><a href="/user">Use capacity off the Project Mycelium Grid</a></li>
             <li><a href="/builder">Build solutions</a></li>
             <li><a href="/hero_coder">Develop applications for Web4</a></li>
         </ul>
@@ -64,8 +64,8 @@
     <p>
         Web4 is the next generation of the Internet, where users are in 100% in
         control of their data. No centralized services are needed. Blockchain
-        was the first step to Web3, ThreeFold is the next step to Web4.
+        was the first step to Web3, Project Mycelium is the next step to Web4.
-        ThreeFold is ofcourse fully compatible with Web2 and Web3. In Web4 each
+        Project Mycelium is ofcourse fully compatible with Web2 and Web3. In Web4 each
         user has a personal Virtual Digital Assistent which is called a Hero.
         This hero manages your digital life and on your behalf can interact with
         all versions of the Web.
@@ -76,17 +76,17 @@
 <details>
     <summary>How secure and private is my data?</summary>
     <p>
-        ThreeFold is designed to be secure and private by default. We use
+        Project Mycelium is designed to be secure and private by default. We use
         end-to-end encryption to protect your data and ensure that only you have
         access to your data.
     </p>
 </details>
 
 <details>
-    <summary>Who should use the ThreeFold Grid. ?</summary>
+    <summary>Who should use the Project Mycelium Grid. ?</summary>
     <p>
         Individuals, businesses, and organizations who want to be sovereign and have full control over their data and applications.
-        Security is a very big problem today, Technology as used by ThreeFold has the potential to resolve this if used properly.
+        Security is a very big problem today, Technology as used by Project Mycelium has the potential to resolve this if used properly.
-        We already work with Governements, NGO's, and Individuals. We are building a channel of solution providers and integrators who want to build on top of ThreeFold.
+        We already work with Governements, NGO's, and Individuals. We are building a channel of solution providers and integrators who want to build on top of Project Mycelium.
     </p>
 </details>

poc/content/threefold/faq_tf_section.html

@@ -1,8 +1,8 @@
 <details>
     <summary>Is this a separate new Internet?</summary>
     <p>
-        No, ThreeFold is a complementary Internet and lives with and on top of
+        No, Project Mycelium is a complementary Internet and lives with and on top of
-        the current Internet. From out of ThreeFold, you can still use the
+        the current Internet. From out of Project Mycelium, you can still use the
         current Internet and interact with it.
     </p>
 </details>
@@ -20,7 +20,7 @@
 <details>
     <summary>This sounds too big, are you guys faking it?</summary>
     <p>
-        We have been working on this for over 30 years and ThreeFold is the
+        We have been working on this for over 30 years and Project Mycelium is the
         result of that work. We have a working product and a growing community
         of farmers, users, and partners. We're for real and we are here to stay.
     </p>
@@ -40,8 +40,8 @@
         ThreeFold Grid. TFT is the reward for our loyal community.
         There can never be more than 1 billion TFT. 
         
-        We are now building generation 4 of the ThreeFold Grid and we need a new token for this. There will never be more than 3 billion
+        We are now building generation 4 of the ThreeFold Grid, which is called the Mycelium Network, and we need a new token for this. There will never be more than 3 billion
-        INCA. Our partners will start selling new ThreeFold Nodes by the end of November 2024
+        INCA. Our partners will start selling new Project Mycelium Nodes by the end of November 2024
         with a new reward scheme, so we're ready to grow to millions of nodes.
     </p>
 </details>
@@ -51,8 +51,8 @@
     <p>
         You can participate by becoming a farmer, a user, a partner or by developing a web4 app.
         <ul>
-            <li><a href="/farmer">Provide capacity to the ThreeFold Grid</a></li>
+            <li><a href="/farmer">Provide capacity to the Mycelium Network</a></li>
-            <li><a href="/user">Use capacity off the ThreeFold Grid</a></li>
+            <li><a href="/user">Use capacity off the Mycelium Network</a></li>
             <li><a href="/builder">Build solutions</a></li>
             <li><a href="/hero_coder">Develop applications for Web4</a></li>
         </ul>
@@ -63,8 +63,8 @@
     <summary>What is Web4?</summary>
     <p>
         Web4 is the next generation of the Internet, where users are 100% in control of their data and where there is 0 centralization.
-        Blockchain was the first step to Web3, ThreeFold is the next step to Web4.
+        Blockchain was the first step to Web3, Project Mycelium is the next step to Web4.
-        ThreeFold is of course fully compatible with Web2 and Web3.
+        Project Mycelium is of course fully compatible with Web2 and Web3.
         In Web4, each user has a personal Virtual Digital Assistant which is called a Hero.
         This hero manages your digital life and, on your behalf, can interact with all versions of the Web.
         <a href="/hero_intro">Click here for more info about our Hero</a>.
@@ -74,7 +74,7 @@
 <details>
     <summary>How secure and private is my data?</summary>
     <p>
-        ThreeFold is designed to be secure and private by default. We use
+        Project Mycelium is designed to be secure and private by default. We use
         end-to-end encryption to protect your data and ensure that only you have
         access to your data.
     </p>

poc/content/threefold/faq_tf_web4.html

@@ -3,8 +3,8 @@
     <p>
         Web4 is the next generation of the Internet, where users are in 100% in
         control of their data. No centralized services are needed. Blockchain
-        was the first step to Web3, ThreeFold is the next step to Web4.
+        was the first step to Web3, Project Mycelium is the next step to Web4.
-        ThreeFold is ofcourse fully compatible with Web2 and Web3. In Web4 each
+        Project Mycelium is ofcourse fully compatible with Web2 and Web3. In Web4 each
         user has a personal Virtual Digital Assistent which is called a Hero.
         This hero manages your digital life and on your behalf can interact with
         all versions of the Web.
@@ -15,7 +15,7 @@
 <details>
     <summary>How secure and private is my data?</summary>
     <p>
-        ThreeFold is designed to be secure and private by default. We use
+        Project Mycelium is designed to be secure and private by default. We use
         end-to-end encryption to protect your data and ensure that only you have
         access to your data.
     </p>
@@ -24,7 +24,7 @@
 <details>
     <summary>How secure and private is my data?</summary>
     <p>
-        ThreeFold is designed to be secure and private by default. We use
+        Project Mycelium is designed to be secure and private by default. We use
         end-to-end encryption to protect your data and ensure that only you have
         access to your data.
     </p>

poc/index.html

@@ -6,7 +6,7 @@
         {% include 'components/globe.html' %}
 
         {% set config = { 
-                "title": "THREEFOLD AUTONOMOUS INTERNET.",
+                "title": "PROJECT MYCELIUM AUTONOMOUS INTERNET.",
                 "subtitle": "Building a decentralized internet, for a better world...",
                 "image": "static/cloud_dancing.png" } 
             %}           

poc/login2222.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login - ThreeFold</title>
+    <title>Login - Project Mycelium</title>
     <link rel="stylesheet" href="components/nav.html">
 </head>
 <body>
@@ -14,7 +14,7 @@
                     <path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/>
                 </svg>
                 <h1>Welcome Back</h1>
-                <p>Sign in to your ThreeFold account</p>
+                <p>Sign in to your Project Mycelium account</p>
             </div>
             <form id="loginForm" onsubmit="return validateForm(event)">
                 <div class="form-group">

poc/logintest.html

@@ -24,7 +24,7 @@
                         <div id="generateKeySection" style="display: none;" class="generate-key-section">
                             <div class="warning-message">
                                 ⚠️ No private key found. You need to generate a private key to use the system.
-                                <strong>WARNING: Losing your private key will result in permanent loss of access to your digital life in ThreeFold.</strong>
+                                <strong>WARNING: Losing your private key will result in permanent loss of access to your digital life in Project Mycelium.</strong>
                             </div>
                             <button onclick="generatePrivateKey()" class="btn-generate">Generate Private Key</button>
                         </div>

poc/roadmap.html

@@ -5,7 +5,7 @@
     <main>
 
         {% set config = { 
-                "title": "THREEFOLD INTERNET ROADMAP",
+                "title": "PROJECT MYCELIUM INTERNET ROADMAP",
                 "subtitle": "Building a decentralized internet, for a better world",
                 "image": "static/questions.png" } 
             %}           

poc/static/faq.css

@@ -110,7 +110,7 @@ summary {
 }
 
 .faq-section details summary {
-    color: #96989ead;  /* ThreeFold blue color */
+    color: #96989ead;  /* Project Mycelium blue color */
 }
 
 .faq-section details summary:before {