init projectmycelium
This commit is contained in:
mik-tf
363
src/views/docs/3nodes.html
Normal file
363
src/views/docs/3nodes.html
Normal file
@@ -0,0 +1,363 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}3Nodes Documentation - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>3Nodes</h1>
|
||||
<p class="lead">Physical computing hardware that can be bought and sold within the Project Mycelium using USD Credits.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>3Nodes are physical computing hardware (servers, computers) that can be bought and sold within the TF Marketplace using USD Credits. Users can purchase 3Nodes in two distinct ways: either hosted by the supplier or physically transferred to the buyer.</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-building me-2 text-primary"></i>Supplier-Hosted</h5>
|
||||
<p class="card-text">Buy the 3Node with upfront Credits payment but have it hosted in the supplier's facility. You maintain ownership while the supplier handles physical maintenance.</p>
|
||||
<p><strong>Ideal for:</strong> Buyers without suitable hosting facilities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-truck me-2 text-primary"></i>Physical Transfer</h5>
|
||||
<p class="card-text">Buy the 3Node with upfront Credits payment and have it physically shipped to your location. Complete physical control and responsibility for the hardware.</p>
|
||||
<p><strong>Ideal for:</strong> Buyers with their own hosting capabilities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Core Principles</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-pc-display me-2"></i>Hardware Exchange</h5>
|
||||
<p class="card-text">Direct marketplace for physical computing equipment</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2"></i>Sovereignty</h5>
|
||||
<p class="card-text">Buyers gain full ownership of purchased hardware</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-tag me-2"></i>Fair Pricing</h5>
|
||||
<p class="card-text">Market-driven pricing with transparency</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-currency-exchange me-2"></i>Credits-Based</h5>
|
||||
<p class="card-text">All transactions conducted using USD Credits</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-patch-check me-2"></i>Quality Assurance</h5>
|
||||
<p class="card-text">Hardware specifications verified and rated</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-building-up me-2"></i>Flexible Ownership</h5>
|
||||
<p class="card-text">Options for hosted or physically transferred hardware</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>How It Works</h2>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<h3 class="mb-0"><i class="bi bi-box-seam me-2"></i>For Sellers</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5>Hardware Registration</h5>
|
||||
<ul>
|
||||
<li>Register available hardware with detailed specifications</li>
|
||||
<li>Upload verification photos and documentation</li>
|
||||
<li>Set pricing in USD Credits</li>
|
||||
<li>Define shipping options and costs</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="mt-4">Listing Management</h5>
|
||||
<ul>
|
||||
<li>Update hardware availability</li>
|
||||
<li>Modify pricing based on market conditions</li>
|
||||
<li>Respond to buyer inquiries</li>
|
||||
<li>Track sales and shipping</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="mb-0"><i class="bi bi-cart-check me-2"></i>For Buyers</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5>Hardware Discovery</h5>
|
||||
<ul>
|
||||
<li>Browse available 3Nodes with filtering options</li>
|
||||
<li>Compare specifications and pricing</li>
|
||||
<li>Review seller ratings and history</li>
|
||||
<li>Ask questions about specific hardware</li>
|
||||
</ul>
|
||||
|
||||
<h5 class="mt-4">Purchase Process</h5>
|
||||
<ul>
|
||||
<li>Select desired 3Node and purchase option (hosted or transferred)</li>
|
||||
<li>Pay upfront using Credits for either option</li>
|
||||
<li>For physical transfer: arrange shipping and delivery</li>
|
||||
<li>For hosted option: receive access credentials</li>
|
||||
<li>Verify functionality and condition</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Hardware Specifications</h2>
|
||||
<p>3Nodes can include various types of computing hardware:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-server me-2"></i>Servers</h5>
|
||||
<p class="card-text">Enterprise-grade rack servers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-pc me-2"></i>Desktop Computers</h5>
|
||||
<p class="card-text">Repurposed or custom-built desktops</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-cpu me-2"></i>Mini PCs</h5>
|
||||
<p class="card-text">Compact computing devices</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-tools me-2"></i>Custom Builds</h5>
|
||||
<p class="card-text">Purpose-built hardware for TF Grid farming</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Each listing includes detailed specifications:</p>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="list-group mb-4">
|
||||
<li class="list-group-item"><i class="bi bi-cpu me-2"></i>CPU type and core count</li>
|
||||
<li class="list-group-item"><i class="bi bi-memory me-2"></i>Memory capacity and type</li>
|
||||
<li class="list-group-item"><i class="bi bi-device-ssd me-2"></i>Storage capacity and type</li>
|
||||
<li class="list-group-item"><i class="bi bi-ethernet me-2"></i>Network interfaces</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<ul class="list-group mb-4">
|
||||
<li class="list-group-item"><i class="bi bi-lightning me-2"></i>Power consumption</li>
|
||||
<li class="list-group-item"><i class="bi bi-rulers me-2"></i>Physical dimensions</li>
|
||||
<li class="list-group-item"><i class="bi bi-calendar-date me-2"></i>Age and condition</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Exchange Mechanism</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">For Physically Transferred Hardware</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>Credits transferred from buyer to seller upon purchase agreement</li>
|
||||
<li>Escrow system protects both parties during shipping</li>
|
||||
<li>Final release upon confirmed delivery and verification</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">For Supplier-Hosted Hardware</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>Upfront Credits payment to secure ownership</li>
|
||||
<li>Revenue sharing agreement between buyer and hoster/seller</li>
|
||||
<li>Hoster defines and receives a portion of farming revenue</li>
|
||||
<li>Clear SLAs define uptime and performance guarantees</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Hosting vs. Physical Transfer Comparison</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Aspect</th>
|
||||
<th>Supplier-Hosted</th>
|
||||
<th>Physical Transfer</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Physical Location</strong></td>
|
||||
<td>Supplier's facility</td>
|
||||
<td>Buyer's location</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Payment Model</strong></td>
|
||||
<td>Upfront Credits payment</td>
|
||||
<td>Upfront Credits payment</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Revenue Sharing</strong></td>
|
||||
<td>Yes - hoster gets portion of farming revenue</td>
|
||||
<td>No - buyer keeps 100% of farming revenue</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Maintenance</strong></td>
|
||||
<td>Handled by supplier</td>
|
||||
<td>Buyer's responsibility</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Power & Cooling</strong></td>
|
||||
<td>Provided by supplier</td>
|
||||
<td>Buyer's responsibility</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Internet Connectivity</strong></td>
|
||||
<td>Provided by supplier</td>
|
||||
<td>Buyer's responsibility</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Physical Access</strong></td>
|
||||
<td>Limited or none</td>
|
||||
<td>Complete</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Setup Complexity</strong></td>
|
||||
<td>Minimal (handled by supplier)</td>
|
||||
<td>Buyer must set up</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Best For</strong></td>
|
||||
<td>Users without hosting facilities</td>
|
||||
<td>Users with hosting capabilities</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Benefits</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-arrows-angle-contract me-2 text-success"></i>Direct Exchange</h5>
|
||||
<p class="card-text">No intermediaries between hardware sellers and buyers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-graph-up-arrow me-2 text-success"></i>Ecosystem Growth</h5>
|
||||
<p class="card-text">Facilitates expansion of the TF Grid through hardware redistribution</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-speedometer2 me-2 text-success"></i>Resource Optimization</h5>
|
||||
<p class="card-text">Gives new life to underutilized hardware</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2 text-success"></i>Sovereignty</h5>
|
||||
<p class="card-text">Buyers gain full ownership of their hardware, regardless of hosting location</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-arrows-angle-expand me-2 text-success"></i>Flexibility</h5>
|
||||
<p class="card-text">Choose between hosted or physically transferred hardware based on needs</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-people me-2 text-success"></i>Community Building</h5>
|
||||
<p class="card-text">Connects hardware providers with potential farmers</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-question-circle me-2"></i>Ready to Buy or Sell 3Nodes?</h2>
|
||||
<p class="lead">Visit the Project Mycelium 3Nodes section to start exploring options.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/3nodes" class="btn btn-primary me-2">Explore 3Nodes Marketplace</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
539
src/views/docs/api.html
Normal file
539
src/views/docs/api.html
Normal file
@@ -0,0 +1,539 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}API Documentation - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<style>
|
||||
pre.code-block {
|
||||
background-color: #f5f7f9;
|
||||
color: #333;
|
||||
border: 1px solid #e1e4e8;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.code-block code {
|
||||
color: #333;
|
||||
}
|
||||
.code-block .keyword {
|
||||
color: #d73a49;
|
||||
}
|
||||
.code-block .string {
|
||||
color: #032f62;
|
||||
}
|
||||
.code-block .comment {
|
||||
color: #6a737d;
|
||||
font-style: italic;
|
||||
}
|
||||
.code-block .number {
|
||||
color: #005cc5;
|
||||
}
|
||||
</style>
|
||||
<div class="my-4">
|
||||
<h1>Project Mycelium API</h1>
|
||||
<p class="lead">Integrate directly with the Project Mycelium through our REST API.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>API Overview</h2>
|
||||
<p>The Project Mycelium API provides programmatic access to marketplace resources and operations. This allows developers to build applications that interface with the marketplace ecosystem, deploy and manage resources, and perform transactions using USD Credits.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Base URL</h5>
|
||||
<p class="mb-0">All API requests should be directed to <code>https://api.threefold.pro/v1</code></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Authentication</h2>
|
||||
<p>The API uses token-based authentication. To obtain an API token:</p>
|
||||
<ol>
|
||||
<li>Log in to your Project Mycelium account</li>
|
||||
<li>Navigate to Settings > API Access</li>
|
||||
<li>Generate a new API token with the required scopes</li>
|
||||
</ol>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Authentication Example</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code><span class="keyword">curl</span> -X <span class="keyword">GET</span> \
|
||||
https://api.threefold.io/v1/resources \
|
||||
-H <span class="string">'Authorization: Bearer YOUR_API_TOKEN'</span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-warning">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-shield-lock-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Security Notice</h5>
|
||||
<p class="mb-0">Keep your API tokens secure. Do not expose them in client-side code or public repositories. Tokens have specific permissions based on the scopes you request.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Resource Endpoints</h2>
|
||||
|
||||
<h3>Compute Resources</h3>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Endpoint</th>
|
||||
<th>Method</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>/resources</code></td>
|
||||
<td>GET</td>
|
||||
<td>List available compute resources</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/resources/{id}</code></td>
|
||||
<td>GET</td>
|
||||
<td>Get details about a specific resource</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/resources/search</code></td>
|
||||
<td>POST</td>
|
||||
<td>Search for resources with specific criteria</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/resources/reserve</code></td>
|
||||
<td>POST</td>
|
||||
<td>Reserve a compute resource</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/resources/release/{id}</code></td>
|
||||
<td>POST</td>
|
||||
<td>Release a reserved compute resource</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3>Deployment</h3>
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="table table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Endpoint</th>
|
||||
<th>Method</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>/deployments</code></td>
|
||||
<td>GET</td>
|
||||
<td>List all your deployments</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/deployments/{id}</code></td>
|
||||
<td>GET</td>
|
||||
<td>Get details about a specific deployment</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/deployments/create</code></td>
|
||||
<td>POST</td>
|
||||
<td>Create a new deployment</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/deployments/{id}/update</code></td>
|
||||
<td>PUT</td>
|
||||
<td>Update an existing deployment</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/deployments/{id}/delete</code></td>
|
||||
<td>DELETE</td>
|
||||
<td>Delete a deployment</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3>Network Nodes</h3>
|
||||
<div class="table-responsive mt-4">
|
||||
<table class="table table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Endpoint</th>
|
||||
<th>Method</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>/nodes</code></td>
|
||||
<td>GET</td>
|
||||
<td>List all available nodes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/nodes/{id}</code></td>
|
||||
<td>GET</td>
|
||||
<td>Get details about a specific node</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/nodes/mycelium</code></td>
|
||||
<td>GET</td>
|
||||
<td>List all Mycelium nodes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/nodes/super</code></td>
|
||||
<td>GET</td>
|
||||
<td>List all Super nodes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/nodes/register</code></td>
|
||||
<td>POST</td>
|
||||
<td>Register a new node</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Endpoints</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Endpoint</th>
|
||||
<th>Method</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>/credits/balance</code></td>
|
||||
<td>GET</td>
|
||||
<td>Get your Credits balance</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/credits/transactions</code></td>
|
||||
<td>GET</td>
|
||||
<td>List your Credits transactions</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/credits/transfer</code></td>
|
||||
<td>POST</td>
|
||||
<td>Transfer Credits to another account</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/credits/pools</code></td>
|
||||
<td>GET</td>
|
||||
<td>Get information about available liquidity pools</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/credits/pools/exchange</code></td>
|
||||
<td>POST</td>
|
||||
<td>Exchange between Credits and other currencies/tokens</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>/credits/stake</code></td>
|
||||
<td>POST</td>
|
||||
<td>Stake Credits</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>API Response Format</h2>
|
||||
<p>All API responses are returned in JSON format. A typical response includes:</p>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Response Structure</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code>{
|
||||
<span class="string">"status"</span>: <span class="string">"success"</span>, <span class="comment">// or "error"</span>
|
||||
<span class="string">"data"</span>: {
|
||||
<span class="comment">// Response data specific to the endpoint</span>
|
||||
},
|
||||
<span class="string">"meta"</span>: {
|
||||
<span class="string">"page"</span>: <span class="number">1</span>,
|
||||
<span class="string">"limit"</span>: <span class="number">20</span>,
|
||||
<span class="string">"total"</span>: <span class="number">42</span>
|
||||
<span class="comment">// Additional metadata as needed</span>
|
||||
}
|
||||
}</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Error Handling</h3>
|
||||
<p>When an error occurs, the API will return an appropriate HTTP status code and an error message:</p>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Error Response</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code>{
|
||||
<span class="string">"status"</span>: <span class="string">"error"</span>,
|
||||
<span class="string">"error"</span>: {
|
||||
<span class="string">"code"</span>: <span class="string">"insufficient_credits"</span>,
|
||||
<span class="string">"message"</span>: <span class="string">"Insufficient Credits balance for this operation"</span>,
|
||||
<span class="string">"details"</span>: {
|
||||
<span class="string">"required"</span>: <span class="number">100</span>,
|
||||
<span class="string">"available"</span>: <span class="number">75</span>
|
||||
}
|
||||
}
|
||||
}</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Rate Limiting</h2>
|
||||
<p>To ensure fair usage of the API, rate limits are applied:</p>
|
||||
<ul>
|
||||
<li>Standard accounts: 60 requests per minute</li>
|
||||
<li>Premium accounts: 300 requests per minute</li>
|
||||
</ul>
|
||||
<p>Rate limit information is included in the response headers:</p>
|
||||
<ul>
|
||||
<li><code>X-RateLimit-Limit</code>: Maximum requests per minute</li>
|
||||
<li><code>X-RateLimit-Remaining</code>: Remaining requests in current period</li>
|
||||
<li><code>X-RateLimit-Reset</code>: Time when the rate limit resets (Unix timestamp)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Sample Code</h2>
|
||||
|
||||
<ul class="nav nav-tabs mb-3" id="codeExampleTabs" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link active" id="nodejs-tab" data-bs-toggle="tab" data-bs-target="#nodejs" type="button" role="tab" aria-controls="nodejs" aria-selected="true">Node.js</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="python-tab" data-bs-toggle="tab" data-bs-target="#python" type="button" role="tab" aria-controls="python" aria-selected="false">Python</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link" id="curl-tab" data-bs-toggle="tab" data-bs-target="#curl" type="button" role="tab" aria-controls="curl" aria-selected="false">cURL</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content" id="codeExampleTabsContent">
|
||||
<div class="tab-pane fade show active" id="nodejs" role="tabpanel" aria-labelledby="nodejs-tab">
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Node.js Example: Deploy an Application</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code><span class="keyword">const</span> axios = <span class="keyword">require</span>(<span class="string">'axios'</span>);
|
||||
|
||||
<span class="keyword">const</span> API_TOKEN = <span class="string">'your_api_token'</span>;
|
||||
<span class="keyword">const</span> BASE_URL = <span class="string">'https://api.threefold.pro/v1'</span>;
|
||||
|
||||
<span class="keyword">async function</span> <span class="keyword">deployApplication</span>() {
|
||||
<span class="keyword">try</span> {
|
||||
<span class="comment">// 1. Find available resources</span>
|
||||
<span class="keyword">const</span> resourceResponse = <span class="keyword">await</span> axios.post(`${BASE_URL}/resources/search`, {
|
||||
cpu_cores: <span class="number">4</span>,
|
||||
memory_mb: <span class="number">8192</span>,
|
||||
disk_gb: <span class="number">100</span>,
|
||||
location: <span class="string">'europe'</span>
|
||||
}, {
|
||||
headers: {
|
||||
<span class="string">'Authorization'</span>: `Bearer ${API_TOKEN}`,
|
||||
<span class="string">'Content-Type'</span>: <span class="string">'application/json'</span>
|
||||
}
|
||||
});
|
||||
|
||||
<span class="keyword">const</span> resourceId = resourceResponse.data.data[<span class="number">0</span>].id;
|
||||
|
||||
<span class="comment">// 2. Reserve the resource</span>
|
||||
<span class="keyword">await</span> axios.post(`${BASE_URL}/resources/reserve`, {
|
||||
resource_id: resourceId,
|
||||
duration_hours: <span class="number">720</span> <span class="comment">// 30 days</span>
|
||||
}, {
|
||||
headers: {
|
||||
<span class="string">'Authorization'</span>: `Bearer ${API_TOKEN}`,
|
||||
<span class="string">'Content-Type'</span>: <span class="string">'application/json'</span>
|
||||
}
|
||||
});
|
||||
|
||||
<span class="comment">// 3. Deploy application</span>
|
||||
<span class="keyword">const</span> deploymentResponse = <span class="keyword">await</span> axios.post(`${BASE_URL}/deployments/create`, {
|
||||
name: <span class="string">'My Web Application'</span>,
|
||||
resource_id: resourceId,
|
||||
specs: {
|
||||
image: <span class="string">'nginx:latest'</span>,
|
||||
ports: [<span class="number">80</span>],
|
||||
environment: {
|
||||
<span class="string">'NGINX_HOST'</span>: <span class="string">'example.org'</span>
|
||||
}
|
||||
}
|
||||
}, {
|
||||
headers: {
|
||||
<span class="string">'Authorization'</span>: `Bearer ${API_TOKEN}`,
|
||||
<span class="string">'Content-Type'</span>: <span class="string">'application/json'</span>
|
||||
}
|
||||
});
|
||||
|
||||
console.log(<span class="string">'Deployment successful!'</span>, deploymentResponse.data);
|
||||
|
||||
} <span class="keyword">catch</span> (error) {
|
||||
console.error(<span class="string">'Deployment failed:'</span>, error.response?.data || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
deployApplication();</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="python" role="tabpanel" aria-labelledby="python-tab">
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Python Example: Deploy an Application</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code><span class="keyword">import</span> requests
|
||||
|
||||
API_TOKEN = <span class="string">'your_api_token'</span>
|
||||
BASE_URL = <span class="string">'https://api.threefold.pro/v1'</span>
|
||||
|
||||
<span class="keyword">def</span> <span class="keyword">deploy_application</span>():
|
||||
headers = {
|
||||
<span class="string">'Authorization'</span>: <span class="string">f'Bearer {API_TOKEN}'</span>,
|
||||
<span class="string">'Content-Type'</span>: <span class="string">'application/json'</span>
|
||||
}
|
||||
|
||||
<span class="keyword">try</span>:
|
||||
<span class="comment"># 1. Find available resources</span>
|
||||
resource_response = requests.post(
|
||||
<span class="string">f'{BASE_URL}/resources/search'</span>,
|
||||
json={
|
||||
<span class="string">'cpu_cores'</span>: <span class="number">4</span>,
|
||||
<span class="string">'memory_mb'</span>: <span class="number">8192</span>,
|
||||
<span class="string">'disk_gb'</span>: <span class="number">100</span>,
|
||||
<span class="string">'location'</span>: <span class="string">'europe'</span>
|
||||
},
|
||||
headers=headers
|
||||
)
|
||||
resource_response.raise_for_status()
|
||||
|
||||
resource_id = resource_response.json()[<span class="string">'data'</span>][<span class="number">0</span>][<span class="string">'id'</span>]
|
||||
|
||||
<span class="comment"># 2. Reserve the resource</span>
|
||||
reserve_response = requests.post(
|
||||
<span class="string">f'{BASE_URL}/resources/reserve'</span>,
|
||||
json={
|
||||
<span class="string">'resource_id'</span>: resource_id,
|
||||
<span class="string">'duration_hours'</span>: <span class="number">720</span> <span class="comment"># 30 days</span>
|
||||
},
|
||||
headers=headers
|
||||
)
|
||||
reserve_response.raise_for_status()
|
||||
|
||||
<span class="comment"># 3. Deploy application</span>
|
||||
deployment_response = requests.post(
|
||||
<span class="string">f'{BASE_URL}/deployments/create'</span>,
|
||||
json={
|
||||
<span class="string">'name'</span>: <span class="string">'My Web Application'</span>,
|
||||
<span class="string">'resource_id'</span>: resource_id,
|
||||
<span class="string">'specs'</span>: {
|
||||
<span class="string">'image'</span>: <span class="string">'nginx:latest'</span>,
|
||||
<span class="string">'ports'</span>: [<span class="number">80</span>],
|
||||
<span class="string">'environment'</span>: {
|
||||
<span class="string">'NGINX_HOST'</span>: <span class="string">'example.org'</span>
|
||||
}
|
||||
}
|
||||
},
|
||||
headers=headers
|
||||
)
|
||||
deployment_response.raise_for_status()
|
||||
|
||||
print(<span class="string">'Deployment successful!'</span>, deployment_response.json())
|
||||
|
||||
<span class="keyword">except</span> requests.exceptions.RequestException <span class="keyword">as</span> e:
|
||||
print(<span class="string">f'Deployment failed: {e}'</span>)
|
||||
<span class="keyword">if</span> hasattr(e, <span class="string">'response'</span>) <span class="keyword">and</span> e.response:
|
||||
print(e.response.json())
|
||||
|
||||
<span class="keyword">if</span> __name__ == <span class="string">'__main__'</span>:
|
||||
deploy_application()</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="curl" role="tabpanel" aria-labelledby="curl-tab">
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">cURL Example: Deploy an Application</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<pre class="code-block p-3 rounded"><code><span class="comment"># 1. Find available resources</span>
|
||||
<span class="keyword">curl</span> -X <span class="keyword">POST</span> \
|
||||
https://api.threefold.pro/v1/resources/search \
|
||||
-H <span class="string">'Authorization: Bearer YOUR_API_TOKEN'</span> \
|
||||
-H <span class="string">'Content-Type: application/json'</span> \
|
||||
-d <span class="string">'{
|
||||
"cpu_cores": 4,
|
||||
"memory_mb": 8192,
|
||||
"disk_gb": 100,
|
||||
"location": "europe"
|
||||
}'</span>
|
||||
|
||||
<span class="comment"># 2. Reserve the resource (replace RESOURCE_ID with actual ID from previous response)</span>
|
||||
<span class="keyword">curl</span> -X <span class="keyword">POST</span> \
|
||||
https://api.threefold.pro/v1/resources/reserve \
|
||||
-H <span class="string">'Authorization: Bearer YOUR_API_TOKEN'</span> \
|
||||
-H <span class="string">'Content-Type: application/json'</span> \
|
||||
-d <span class="string">'{
|
||||
"resource_id": "RESOURCE_ID",
|
||||
"duration_hours": 720
|
||||
}'</span>
|
||||
|
||||
<span class="comment"># 3. Deploy application</span>
|
||||
<span class="keyword">curl</span> -X <span class="keyword">POST</span> \
|
||||
https://api.threefold.pro/v1/deployments/create \
|
||||
-H <span class="string">'Authorization: Bearer YOUR_API_TOKEN'</span> \
|
||||
-H <span class="string">'Content-Type: application/json'</span> \
|
||||
-d <span class="string">'{
|
||||
"name": "My Web Application",
|
||||
"resource_id": "RESOURCE_ID",
|
||||
"specs": {
|
||||
"image": "nginx:latest",
|
||||
"ports": [80],
|
||||
"environment": {
|
||||
"NGINX_HOST": "example.org"
|
||||
}
|
||||
}
|
||||
}'</span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-secondary mt-5">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-tools fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Need More Help?</h5>
|
||||
<p class="mb-0">For additional support or to report API issues, please contact our developer support team at <a href="mailto:api-support@threefold.pro">api-support@threefold.pro</a> or visit our <a href="https://github.com/threefoldtech/api-docs" target="_blank">GitHub repository</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
389
src/views/docs/applications.html
Normal file
389
src/views/docs/applications.html
Normal file
@@ -0,0 +1,389 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Application Solutions - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Application Solutions</h1>
|
||||
<p class="lead">Discover self-healing applications that maintain sovereignty while offering convenience.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>ThreeFold Application Solutions represent a new approach to application deployment that balances ease of use with digital sovereignty. These pre-configured, self-healing applications are designed to run on the ThreeFold Grid while allowing users to maintain complete control over their infrastructure and data.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">The ThreeFold Difference</h5>
|
||||
<p class="mb-0">Unlike traditional SaaS offerings that require surrendering control of your data to the provider, ThreeFold Application Solutions run on compute resources that remain under your sovereign control, while the solution provider manages only the application layer.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Application Categories</h2>
|
||||
<p>The Project Mycelium offers a diverse range of application solutions across multiple categories:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-people me-2 text-primary"></i>Collaboration</h5>
|
||||
<p class="card-text">Tools for team communication, document sharing, and real-time collaboration.</p>
|
||||
<p class="small text-muted">Examples: Office suites, project management, video conferencing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-window me-2 text-primary"></i>Productivity</h5>
|
||||
<p class="card-text">Applications to enhance personal and team productivity and workflow management.</p>
|
||||
<p class="small text-muted">Examples: CRM systems, task management, time tracking</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-code-square me-2 text-primary"></i>Development</h5>
|
||||
<p class="card-text">Tools and environments for software development and DevOps practices.</p>
|
||||
<p class="small text-muted">Examples: Code repositories, CI/CD pipelines, development environments</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-database me-2 text-primary"></i>Database</h5>
|
||||
<p class="card-text">Managed database solutions with high availability and performance optimization.</p>
|
||||
<p class="small text-muted">Examples: SQL/NoSQL databases, time-series databases, analytics engines</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-chat-left-text me-2 text-primary"></i>Communication</h5>
|
||||
<p class="card-text">Secure messaging, email, and communication platforms with privacy by design.</p>
|
||||
<p class="small text-muted">Examples: Email servers, chat platforms, video conferencing</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-layout-text-window me-2 text-primary"></i>Content Management</h5>
|
||||
<p class="card-text">Systems for creating, managing, and publishing digital content.</p>
|
||||
<p class="small text-muted">Examples: WordPress, wikis, document management</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>How It Works</h2>
|
||||
<p>Application Solutions on the Project Mycelium function through a unique partnership model between users and solution providers:</p>
|
||||
|
||||
<div class="row align-items-center mb-4">
|
||||
<div class="col-md-6">
|
||||
<img src="/static/images/docs/application-flow.svg" alt="Application Solution Flow Diagram" class="img-fluid rounded shadow">
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<ol class="list-group list-group-numbered mb-0">
|
||||
<li class="list-group-item d-flex">
|
||||
<div>
|
||||
<strong>Resource Provision</strong>
|
||||
<p class="mb-0 text-muted">You allocate compute slices from your ThreeFold account to run the application.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex">
|
||||
<div>
|
||||
<strong>Solution Deployment</strong>
|
||||
<p class="mb-0 text-muted">The solution provider deploys their application on your sovereign compute resources.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex">
|
||||
<div>
|
||||
<strong>Application Management</strong>
|
||||
<p class="mb-0 text-muted">The provider handles updates, maintenance, and ensures the application remains operational.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex">
|
||||
<div>
|
||||
<strong>Payment Model</strong>
|
||||
<p class="mb-0 text-muted">You pay the solution provider in USD Credits based on the agreed-upon pricing model.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-success">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-shield-check fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Sovereignty Maintained</h5>
|
||||
<p class="mb-0">Your data and applications remain on infrastructure under your control. The solution provider cannot access your data without your explicit permission, and you can revoke their management access at any time.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Self-Healing Architecture</h2>
|
||||
<p>All applications in the Project Mycelium feature self-healing capabilities to ensure reliability and minimal downtime:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<i class="bi bi-heart-pulse fs-3 text-danger"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Continuous Monitoring</h5>
|
||||
<p>Real-time health checks and performance metrics collection to detect issues before they affect your operations.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<i class="bi bi-arrow-repeat fs-3 text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Automated Recovery</h5>
|
||||
<p>Systems automatically detect failures and initiate recovery procedures like service restarts or container recreation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<i class="bi bi-clock-history fs-3 text-primary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Backup Systems</h5>
|
||||
<p>Regular automated backups with verification and point-in-time recovery capabilities to prevent data loss.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0 me-3">
|
||||
<i class="bi bi-shield-check fs-3 text-success"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Security Updates</h5>
|
||||
<p>Automatic security patches and updates to protect against vulnerabilities and maintain system integrity.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Solution Provider Certification</h2>
|
||||
<p>Solution providers in the Project Mycelium undergo a certification process to ensure quality and reliability:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Certification Level</th>
|
||||
<th>Requirements</th>
|
||||
<th>Benefits</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><span class="badge bg-success">Certified</span></td>
|
||||
<td>
|
||||
<ul class="mb-0">
|
||||
<li>Rigorous technical review</li>
|
||||
<li>Security audits</li>
|
||||
<li>SLA commitments</li>
|
||||
<li>Customer support standards</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul class="mb-0">
|
||||
<li>Featured placement in marketplace</li>
|
||||
<li>Higher trust rating</li>
|
||||
<li>Extended support options</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><span class="badge bg-warning">Community</span></td>
|
||||
<td>
|
||||
<ul class="mb-0">
|
||||
<li>Basic technical verification</li>
|
||||
<li>Community-reviewed</li>
|
||||
<li>Documentation standards</li>
|
||||
<li>Transparent operations</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul class="mb-0">
|
||||
<li>Standard marketplace listing</li>
|
||||
<li>Community support options</li>
|
||||
<li>Path to certification</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Deployment Process</h2>
|
||||
<p>Deploying an application from the Project Mycelium is a straightforward process:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-shop fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">1. Select Application</h5>
|
||||
<p class="card-text">Browse the marketplace and select your desired application solution.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-gear fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">2. Configure Options</h5>
|
||||
<p class="card-text">Choose deployment options, resource levels, and customize settings.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-cpu fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">3. Allocate Resources</h5>
|
||||
<p class="card-text">Assign compute slices to run the application from your account.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-check-circle fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">4. Deploy & Access</h5>
|
||||
<p class="card-text">Complete deployment and receive access credentials.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Resource Requirements</h2>
|
||||
<p>Different applications have varying resource requirements based on their complexity and functionality:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-success text-white">
|
||||
<h5 class="mb-0">Light</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-cpu me-2"></i>
|
||||
<div>1-2 vCPUs</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-memory me-2"></i>
|
||||
<div>2-4 GB RAM</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="bi bi-hdd me-2"></i>
|
||||
<div>10-20 GB Storage</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="text-muted mb-0">Suitable for personal blogs, simple websites, and lightweight applications.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-warning text-white">
|
||||
<h5 class="mb-0">Medium</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-cpu me-2"></i>
|
||||
<div>2-4 vCPUs</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-memory me-2"></i>
|
||||
<div>4-8 GB RAM</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="bi bi-hdd me-2"></i>
|
||||
<div>20-50 GB Storage</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="text-muted mb-0">Ideal for team collaboration tools, content management systems, and small business applications.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-danger text-white">
|
||||
<h5 class="mb-0">Heavy</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-cpu me-2"></i>
|
||||
<div>4+ vCPUs</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<i class="bi bi-memory me-2"></i>
|
||||
<div>8+ GB RAM</div>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<i class="bi bi-hdd me-2"></i>
|
||||
<div>50+ GB Storage</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="text-muted mb-0">Required for databases, enterprise applications, and resource-intensive workloads.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-app-indicator me-2"></i>Ready to Deploy Applications?</h2>
|
||||
<p class="lead">Browse our collection of sovereign applications and find the perfect solution for your needs.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/applications" class="btn btn-primary me-2">Explore Applications</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
497
src/views/docs/certification.html
Normal file
497
src/views/docs/certification.html
Normal file
@@ -0,0 +1,497 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Certification - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Certification</h1>
|
||||
<p class="lead">Understanding the quality assurance and trust framework in the ThreeFold ecosystem.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>The ThreeFold Certification framework establishes trust and quality standards throughout the ecosystem. This multi-layered certification system applies to hardware, software, and service providers, ensuring reliability, security, and compatibility across the ThreeFold Grid and Marketplace.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Key Concept</h5>
|
||||
<p class="mb-0">Certification in the ThreeFold ecosystem is designed to build trust in a decentralized network where participants may not know each other directly. Through transparent verification processes and clear standards, certification provides assurance of quality, security, and compatibility.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Types</h2>
|
||||
<p>The ThreeFold ecosystem incorporates several types of certification tailored to different components:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-hdd-rack me-2 text-primary"></i>Hardware Certification</h5>
|
||||
<p class="card-text">Verification of 3Nodes and physical infrastructure components to ensure they meet performance, reliability, and security standards.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-window me-2 text-primary"></i>Application Certification</h5>
|
||||
<p class="card-text">Validation of software applications in the marketplace to confirm security, performance, and compatibility with ThreeFold infrastructure.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-person-badge me-2 text-primary"></i>Provider Certification</h5>
|
||||
<p class="card-text">Verification of service providers' expertise, reliability, and adherence to ThreeFold standards and best practices.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-check me-2 text-primary"></i>Security Certification</h5>
|
||||
<p class="card-text">Specific assessment of security measures, vulnerabilities, and protection capabilities across all ecosystem components.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-speedometer2 me-2 text-primary"></i>Performance Certification</h5>
|
||||
<p class="card-text">Benchmarking and validation of performance metrics, ensuring resources deliver their stated capabilities.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-geo-alt me-2 text-primary"></i>Geographic Certification</h5>
|
||||
<p class="card-text">Verification of physical location and regulatory compliance according to regional requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Levels</h2>
|
||||
<p>The ThreeFold ecosystem uses tiered certification levels to indicate different standards of verification:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-warning text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-award me-2"></i>Community Level</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Basic verification with community oversight</strong></p>
|
||||
<ul>
|
||||
<li><strong>Verification Process:</strong> Self-reported specifications with community review</li>
|
||||
<li><strong>Quality Assurance:</strong> Minimal standardized testing</li>
|
||||
<li><strong>Security Requirements:</strong> Basic security checklist</li>
|
||||
<li><strong>Monitoring:</strong> Limited performance tracking</li>
|
||||
<li><strong>Trust Level:</strong> Entry-level, suitable for non-critical workloads</li>
|
||||
</ul>
|
||||
<div class="text-center mt-3">
|
||||
<span class="badge bg-warning rounded-pill px-4 py-2">COMMUNITY</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-success text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-patch-check me-2"></i>Verified Level</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Thorough verification with tested performance</strong></p>
|
||||
<ul>
|
||||
<li><strong>Verification Process:</strong> Third-party validation of specifications</li>
|
||||
<li><strong>Quality Assurance:</strong> Comprehensive standardized testing</li>
|
||||
<li><strong>Security Requirements:</strong> Enhanced security protocols</li>
|
||||
<li><strong>Monitoring:</strong> Regular performance validation</li>
|
||||
<li><strong>Trust Level:</strong> Medium, suitable for standard production workloads</li>
|
||||
</ul>
|
||||
<div class="text-center mt-3">
|
||||
<span class="badge bg-success rounded-pill px-4 py-2">VERIFIED</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-shield-fill-check me-2"></i>Certified Level</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Premium verification with guaranteed performance</strong></p>
|
||||
<ul>
|
||||
<li><strong>Verification Process:</strong> Rigorous independent certification</li>
|
||||
<li><strong>Quality Assurance:</strong> Extensive testing under varied conditions</li>
|
||||
<li><strong>Security Requirements:</strong> Advanced security measures with audits</li>
|
||||
<li><strong>Monitoring:</strong> Continuous monitoring with SLA guarantees</li>
|
||||
<li><strong>Trust Level:</strong> High, suitable for enterprise and critical workloads</li>
|
||||
</ul>
|
||||
<div class="text-center mt-3">
|
||||
<span class="badge bg-primary rounded-pill px-4 py-2">CERTIFIED</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Process</h2>
|
||||
<p>The journey to achieve certification involves several structured stages:</p>
|
||||
|
||||
<div class="position-relative mb-5 mt-4">
|
||||
<div class="progress" style="height: 3px;">
|
||||
<div class="progress-bar bg-primary" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="row text-center mt-4">
|
||||
<div class="col">
|
||||
<div class="position-absolute" style="top: -15px; left: 0%;">
|
||||
<div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">1</div>
|
||||
</div>
|
||||
<h6 class="mt-4">Application</h6>
|
||||
<p class="small text-muted">Submission of certification request with required specifications and documentation</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="position-absolute" style="top: -15px; left: 25%;">
|
||||
<div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">2</div>
|
||||
</div>
|
||||
<h6 class="mt-4">Initial Review</h6>
|
||||
<p class="small text-muted">Document verification and preliminary assessment</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="position-absolute" style="top: -15px; left: 50%;">
|
||||
<div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">3</div>
|
||||
</div>
|
||||
<h6 class="mt-4">Testing</h6>
|
||||
<p class="small text-muted">Technical evaluation, benchmarking, and security assessment</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="position-absolute" style="top: -15px; left: 75%;">
|
||||
<div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">4</div>
|
||||
</div>
|
||||
<h6 class="mt-4">Decision</h6>
|
||||
<p class="small text-muted">Certification determination based on test results</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="position-absolute" style="top: -15px; left: 100%; margin-left: -17px;">
|
||||
<div class="rounded-circle bg-primary text-white d-flex align-items-center justify-content-center" style="width: 35px; height: 35px;">5</div>
|
||||
</div>
|
||||
<h6 class="mt-4">Monitoring</h6>
|
||||
<p class="small text-muted">Ongoing validation to maintain certification status</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-light border">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-clock-fill fs-3 text-secondary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Certification Timeline</h5>
|
||||
<p>The certification process typically takes:</p>
|
||||
<ul>
|
||||
<li><strong>Community Level:</strong> 1-3 days (streamlined process)</li>
|
||||
<li><strong>Verified Level:</strong> 1-2 weeks (standard process)</li>
|
||||
<li><strong>Certified Level:</strong> 2-4 weeks (comprehensive process)</li>
|
||||
</ul>
|
||||
<p class="mb-0">Timelines may vary based on complexity and responsiveness during the review process.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Standards</h2>
|
||||
<p>ThreeFold certification standards are designed to ensure consistent quality across the ecosystem:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Domain</th>
|
||||
<th>Key Standards</th>
|
||||
<th>Validation Methods</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Performance</strong></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Resource delivery accuracy</li>
|
||||
<li>Throughput guarantees</li>
|
||||
<li>Response time metrics</li>
|
||||
<li>Scaling capabilities</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Standardized benchmark suites</li>
|
||||
<li>Load testing</li>
|
||||
<li>Long-duration performance monitoring</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Security</strong></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Zero-OS implementation</li>
|
||||
<li>Encryption standards</li>
|
||||
<li>Vulnerability management</li>
|
||||
<li>Identity and access controls</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Penetration testing</li>
|
||||
<li>Security audits</li>
|
||||
<li>Code reviews</li>
|
||||
<li>Compliance verification</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Reliability</strong></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Uptime guarantees</li>
|
||||
<li>Fault tolerance</li>
|
||||
<li>Data durability</li>
|
||||
<li>Disaster recovery capabilities</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Chaos engineering tests</li>
|
||||
<li>Simulated failures</li>
|
||||
<li>Historical reliability data analysis</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Compatibility</strong></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Grid protocol conformance</li>
|
||||
<li>API standards adherence</li>
|
||||
<li>Interoperability requirements</li>
|
||||
<li>Integration capabilities</li>
|
||||
</ul>
|
||||
</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Integration testing</li>
|
||||
<li>Protocol validation</li>
|
||||
<li>Compatibility matrices</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Benefits of Certification</h2>
|
||||
<p>Certification provides substantial advantages to all participants in the ThreeFold ecosystem:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h5 class="mb-3"><i class="bi bi-shop me-2 text-success"></i>For Providers</h5>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><strong>Enhanced Visibility:</strong> Certified offerings receive priority placement in marketplace listings</li>
|
||||
<li><strong>Premium Pricing:</strong> Ability to command higher rates based on certified quality</li>
|
||||
<li><strong>Trust Building:</strong> Official recognition of quality and reliability</li>
|
||||
<li><strong>Access to Enterprise Markets:</strong> Eligibility for enterprise-level clients with certification requirements</li>
|
||||
<li><strong>Quality Feedback:</strong> Detailed assessment information to improve offerings</li>
|
||||
<li><strong>Marketing Benefits:</strong> Permission to use certification badges in marketing materials</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h5 class="mb-3"><i class="bi bi-person me-2 text-primary"></i>For Consumers</h5>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><strong>Quality Assurance:</strong> Confidence in certified resources and services</li>
|
||||
<li><strong>Risk Reduction:</strong> Lower likelihood of issues with verified offerings</li>
|
||||
<li><strong>Performance Guarantees:</strong> Certified offerings come with explicit SLAs</li>
|
||||
<li><strong>Simplified Selection:</strong> Certification levels help with decision-making</li>
|
||||
<li><strong>Compliance Support:</strong> Certified options may help meet regulatory requirements</li>
|
||||
<li><strong>Support Guarantees:</strong> Higher certification levels include enhanced support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h5 class="mb-3"><i class="bi bi-globe2 me-2 text-info"></i>For the Ecosystem</h5>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li><strong>Quality Standards:</strong> Elevated baseline for all participants</li>
|
||||
<li><strong>Network Reliability:</strong> More stable and dependable infrastructure</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li><strong>Trust Framework:</strong> Reinforced trust in a decentralized environment</li>
|
||||
<li><strong>Growth Acceleration:</strong> Faster adoption through established trust</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<ul>
|
||||
<li><strong>Security Enhancement:</strong> Higher overall security posture</li>
|
||||
<li><strong>Reduced Conflicts:</strong> Clear standards minimize disagreements</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Authorities</h2>
|
||||
<p>The ThreeFold certification system involves multiple layers of validation:</p>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-people-fill fs-1 text-warning"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Community Review</h5>
|
||||
<p class="card-text">Collective assessment by community members for basic certification</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-shield-fill fs-1 text-success"></i>
|
||||
</div>
|
||||
<h5 class="card-title">ThreeFold Teams</h5>
|
||||
<p class="card-text">Core teams responsible for standard verification processes</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-building fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Independent Validators</h5>
|
||||
<p class="card-text">Third-party experts who perform specialized assessments</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="card h-100 text-center">
|
||||
<div class="card-body">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-code-slash fs-1 text-info"></i>
|
||||
</div>
|
||||
<h5 class="card-title">Automated Systems</h5>
|
||||
<p class="card-text">AI-powered testing and validation for continuous monitoring</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-secondary mt-4">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-diagram-3-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Decentralized Certification</h5>
|
||||
<p class="mb-0">The ThreeFold certification system is designed to be increasingly decentralized over time. The ultimate goal is to create a self-sustaining network of independent certifiers who maintain the quality standards of the ecosystem while preventing centralized control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Certification Verification</h2>
|
||||
<p>Certification status can be verified through several methods:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-search me-2 text-secondary"></i>Public Registry</h5>
|
||||
<p>All certified entities are listed in a public, searchable registry with detailed certification information.</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-secondary">Access Registry</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-qr-code me-2 text-secondary"></i>Verification Codes</h5>
|
||||
<p>Each certified entity receives a unique verification code that can be validated through the ThreeFold platform.</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-secondary">Verify Code</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-file-earmark-text me-2 text-secondary"></i>Certification Reports</h5>
|
||||
<p>Detailed certification reports are available for review, showing test results and compliance details.</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-secondary">View Sample Report</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center bg-light p-3 rounded">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-lightbulb-fill fs-3 text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Pro Tip</h5>
|
||||
<p class="mb-0">When evaluating marketplace offerings, look for the certification badges displayed on listings. These badges are clickable and will take you directly to the verification page for that specific item.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-award me-2"></i>Ready to Get Certified?</h2>
|
||||
<p class="lead">If you're a provider looking to certify your resources or services, start the certification process today.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/dashboard" class="btn btn-primary me-2">Start Certification Process</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
259
src/views/docs/compute.html
Normal file
259
src/views/docs/compute.html
Normal file
@@ -0,0 +1,259 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Compute Resources - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Compute Resources (Slices)</h1>
|
||||
<p class="lead">Understanding the core compute resources available in the Project Mycelium.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>Compute Resources, often referred to as "Slices," are the fundamental units of computing capacity in the ThreeFold ecosystem. They represent virtualized portions of underlying physical hardware (3Nodes) that can be used to deploy workloads, applications, and services.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Key Concept</h5>
|
||||
<p class="mb-0">Unlike traditional cloud computing models, ThreeFold's compute resources are fully sovereign, meaning you maintain complete control and ownership over your resources and the workloads deployed on them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Resource Components</h2>
|
||||
<p>Each compute slice consists of a combination of the following resources:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-cpu me-2 text-primary"></i>Compute (vCPU)</h5>
|
||||
<p class="card-text">Virtual CPU cores allocated for processing power, measured in cores or units.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-memory me-2 text-primary"></i>Memory (RAM)</h5>
|
||||
<p class="card-text">Random Access Memory for temporary data storage and active computations, measured in GB.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-device-ssd me-2 text-primary"></i>Storage</h5>
|
||||
<p class="card-text">Persistent storage for data, available in SSD (fast) or HDD (high-capacity) options, measured in GB.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-ethernet me-2 text-primary"></i>Network</h5>
|
||||
<p class="card-text">Bandwidth allocation for data transfer between your resources and the internet, measured in GB transferred.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-globe me-2 text-primary"></i>Public IPv4</h5>
|
||||
<p class="card-text">Optional public IP addresses for direct internet accessibility.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2 text-primary"></i>Zero-OS</h5>
|
||||
<p class="card-text">The secure, minimalist operating system that powers each compute slice.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Resource Tiers</h2>
|
||||
<p>Compute resources are available in different tiers to suit various workload requirements:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Tier</th>
|
||||
<th>Description</th>
|
||||
<th>Ideal For</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Basic</strong></td>
|
||||
<td>Entry-level resources with balanced specifications</td>
|
||||
<td>Development environments, testing, personal projects</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Standard</strong></td>
|
||||
<td>Mid-range resources suitable for most applications</td>
|
||||
<td>Production websites, small databases, containerized applications</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Professional</strong></td>
|
||||
<td>High-performance resources with enhanced capabilities</td>
|
||||
<td>Business applications, medium databases, compute-intensive tasks</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Enterprise</strong></td>
|
||||
<td>Premium resources with maximum performance</td>
|
||||
<td>Large databases, high-traffic applications, distributed systems</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Deployment Options</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-box me-2 text-success"></i>Virtual Machines</h5>
|
||||
<p class="card-text">Deploy full virtual machines with your choice of operating system and complete control over the environment.</p>
|
||||
<ul>
|
||||
<li>Support for most Linux distributions</li>
|
||||
<li>Full isolation and security</li>
|
||||
<li>Complete access and control</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-layers me-2 text-success"></i>Containers</h5>
|
||||
<p class="card-text">Deploy lightweight, portable container workloads for efficient resource utilization.</p>
|
||||
<ul>
|
||||
<li>Docker-compatible container runtime</li>
|
||||
<li>Kubernetes support</li>
|
||||
<li>Rapid deployment and scaling</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Exchange Mechanism</h2>
|
||||
<p>Compute resources are exchanged through the USD Credits value exchange system:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">For Consumers</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>Pay Credits based on resource specifications and usage duration</li>
|
||||
<li>Choose between prepaid or pay-as-you-go billing models</li>
|
||||
<li>Receive detailed usage reports and billing transparency</li>
|
||||
<li>Maintain sovereignty over deployed workloads</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">For Providers</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>Receive Credits for resources consumed by users</li>
|
||||
<li>Automatic payments based on verified resource utilization</li>
|
||||
<li>Set pricing within market-driven parameters</li>
|
||||
<li>Build reputation through consistent service delivery</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Resource Management</h2>
|
||||
<p>The Project Mycelium provides comprehensive tools for managing your compute resources:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-display me-2 text-secondary"></i>Dashboard</h5>
|
||||
<p>Monitor resource usage, performance metrics, and billing information through the intuitive dashboard.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-sliders me-2 text-secondary"></i>Scaling</h5>
|
||||
<p>Quickly adjust resource allocations to meet changing demands and workload requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-shield-check me-2 text-secondary"></i>Security</h5>
|
||||
<p>Apply security policies, access controls, and encryption to protect your compute resources.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-arrow-repeat me-2 text-secondary"></i>Backups</h5>
|
||||
<p>Configure automated backup schedules to protect your data and workloads.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-clock-history me-2 text-secondary"></i>History</h5>
|
||||
<p>Access detailed logs and history of resource utilization, deployments, and changes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-graph-up me-2 text-secondary"></i>Analytics</h5>
|
||||
<p>Gain insights from usage patterns and performance analytics to optimize your deployments.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-rocket-takeoff me-2"></i>Ready to Deploy Compute Resources?</h2>
|
||||
<p class="lead">Start exploring available compute resources to find the perfect fit for your needs.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/compute" class="btn btn-primary me-2">Explore Compute Marketplace</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
283
src/views/docs/gateways.html
Normal file
283
src/views/docs/gateways.html
Normal file
@@ -0,0 +1,283 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Mycelium Gateways - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Mycelium Gateways</h1>
|
||||
<p class="lead">Comprehensive guide to internet connectivity services in the ThreeFold ecosystem.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>Mycelium Gateways are distributed network access points that provide secure, peer-to-peer internet connectivity services within the ThreeFold ecosystem. These gateways facilitate routing, name resolution, and secure access to resources across the network.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Key Concept</h5>
|
||||
<p class="mb-0">Mycelium Gateways represent a fundamental shift from centralized internet infrastructure to a distributed, resilient network model where connectivity is provided through a mesh of interconnected nodes rather than traditional ISPs.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Core Functions</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-globe me-2 text-primary"></i>Internet Access</h5>
|
||||
<p class="card-text">Provide secure connection points between the ThreeFold Grid and the traditional internet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-signpost-split me-2 text-primary"></i>Traffic Routing</h5>
|
||||
<p class="card-text">Intelligently route network traffic using optimized pathways for improved performance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2 text-primary"></i>Security</h5>
|
||||
<p class="card-text">Implement encryption, access controls, and security protocols to protect network traffic.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-diagram-3 me-2 text-primary"></i>Mesh Networking</h5>
|
||||
<p class="card-text">Create resilient, self-healing network topologies that adapt to changing conditions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-search me-2 text-primary"></i>Name Resolution</h5>
|
||||
<p class="card-text">Provide decentralized alternatives to DNS for locating resources on the network.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-speedometer2 me-2 text-primary"></i>Bandwidth Management</h5>
|
||||
<p class="card-text">Optimize bandwidth allocation and quality of service for different types of traffic.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Gateway Types</h2>
|
||||
<p>The Mycelium Gateway ecosystem comprises several specialized gateway types, each optimized for specific connectivity needs:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">Standard Gateways</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>General-purpose gateways providing basic connectivity services:</strong></p>
|
||||
<ul>
|
||||
<li>Internet access with moderate bandwidth</li>
|
||||
<li>Basic security features</li>
|
||||
<li>Standard routing capabilities</li>
|
||||
<li>Suitable for personal and small business use</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">High-Performance Gateways</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Enhanced gateways designed for intensive bandwidth requirements:</strong></p>
|
||||
<ul>
|
||||
<li>High-throughput connections</li>
|
||||
<li>Low latency optimization</li>
|
||||
<li>Advanced traffic shaping</li>
|
||||
<li>Ideal for streaming, gaming, and business applications</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">Secure Gateways</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Security-focused gateways with enhanced protection features:</strong></p>
|
||||
<ul>
|
||||
<li>End-to-end encryption</li>
|
||||
<li>Advanced threat detection</li>
|
||||
<li>Privacy-preserving routing</li>
|
||||
<li>Perfect for sensitive data and communications</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">Edge Gateways</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Distributed gateways positioned at network edges for reduced latency:</strong></p>
|
||||
<ul>
|
||||
<li>Geographically optimized connections</li>
|
||||
<li>Content delivery capabilities</li>
|
||||
<li>Local processing of edge data</li>
|
||||
<li>Suited for IoT and real-time applications</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Exchange Mechanism</h2>
|
||||
<p>Mycelium Gateways operate on a bandwidth consumption model within the Credits ecosystem:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Aspect</th>
|
||||
<th>Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Payment Model</strong></td>
|
||||
<td>Pay-as-you-go based on actual bandwidth consumption (measured in GB)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Pricing Factors</strong></td>
|
||||
<td>Gateway type, bandwidth quality, geographic location, security features</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Billing Cycle</strong></td>
|
||||
<td>Real-time metering with periodic settlement (typically monthly)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Provider Compensation</strong></td>
|
||||
<td>Gateway operators receive Credits proportional to the bandwidth they provide</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Resource Allocation</strong></td>
|
||||
<td>Dynamic allocation based on network conditions and user requirements</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-warning mt-4">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-exclamation-triangle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Bandwidth Estimation</h5>
|
||||
<p class="mb-0">When planning your gateway usage, estimate your bandwidth requirements carefully. Unexpected high-bandwidth activities can result in higher Credits consumption. The marketplace provides tools to help monitor and control your usage.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Technical Architecture</h2>
|
||||
<p>Mycelium Gateways implement a sophisticated technical architecture that enables their distributed capabilities:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h5 class="mb-3"><i class="bi bi-layers me-2 text-secondary"></i>Network Stack</h5>
|
||||
<ul class="list-group mb-4">
|
||||
<li class="list-group-item"><strong>Physical Layer:</strong> Diverse connectivity options including fiber, wireless, and satellite</li>
|
||||
<li class="list-group-item"><strong>Data Link Layer:</strong> Enhanced Ethernet with optimized frame processing</li>
|
||||
<li class="list-group-item"><strong>Network Layer:</strong> IPv6-first approach with IPv4 compatibility</li>
|
||||
<li class="list-group-item"><strong>Transport Layer:</strong> Optimized TCP/UDP with custom congestion control</li>
|
||||
<li class="list-group-item"><strong>Application Layer:</strong> Protocol-aware optimizations</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h5 class="mb-3"><i class="bi bi-gear me-2 text-secondary"></i>Key Components</h5>
|
||||
<ul class="list-group mb-4">
|
||||
<li class="list-group-item"><strong>Routing Engine:</strong> Distributed path selection algorithms</li>
|
||||
<li class="list-group-item"><strong>Security Suite:</strong> Multi-layered protection mechanisms</li>
|
||||
<li class="list-group-item"><strong>Bandwidth Manager:</strong> Adaptive traffic shaping</li>
|
||||
<li class="list-group-item"><strong>Mesh Coordinator:</strong> Inter-gateway communication and topology</li>
|
||||
<li class="list-group-item"><strong>Telemetry System:</strong> Performance monitoring and reporting</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Getting Started with Mycelium Gateways</h2>
|
||||
<p>To begin using Mycelium Gateways for your connectivity needs:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-search fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">1. Assess Your Needs</h5>
|
||||
<p class="card-text">Determine your bandwidth requirements, security needs, and geographic preferences.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-cart fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">2. Select a Gateway</h5>
|
||||
<p class="card-text">Browse available gateways in the marketplace and choose one that meets your criteria.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-pc-display fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">3. Configure Access</h5>
|
||||
<p class="card-text">Set up your devices to connect through the gateway using provided configuration details.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-globe2 me-2"></i>Ready to Enhance Your Connectivity?</h2>
|
||||
<p class="lead">Explore available Mycelium Gateways to find the perfect connectivity solution for your needs.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/gateways" class="btn btn-primary me-2">Browse Gateways</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
118
src/views/docs/getting_started.html
Normal file
118
src/views/docs/getting_started.html
Normal file
@@ -0,0 +1,118 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Getting Started - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Getting Started with Project Mycelium</h1>
|
||||
<p class="lead">A step-by-step guide to begin your journey with the ThreeFold ecosystem.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Welcome to Project Mycelium</h2>
|
||||
<p>This guide will help you get started with the Project Mycelium platform, covering everything from account creation to making your first transaction.</p>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Step 1: Create an Account</h2>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-person-plus me-2 text-primary"></i>Registration Process</h5>
|
||||
<p>Creating an account on the Project Mycelium is simple and straightforward:</p>
|
||||
<ol>
|
||||
<li>Navigate to the <a href="/register">Registration Page</a></li>
|
||||
<li>Enter your email address and create a secure password</li>
|
||||
<li>Verify your email address through the confirmation link sent to your inbox</li>
|
||||
<li>Complete your profile by adding required information</li>
|
||||
</ol>
|
||||
<div class="alert alert-info">
|
||||
<i class="bi bi-info-circle me-2"></i>
|
||||
<strong>Note:</strong> If you already have a ThreeFold Connect identity, you can use it to sign in directly.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Step 2: Setup Your Credits Wallet</h2>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-wallet2 me-2 text-primary"></i>Wallet Configuration</h5>
|
||||
<p>To participate in the marketplace, you'll need a USD Credits wallet:</p>
|
||||
<ol>
|
||||
<li>Navigate to the Dashboard and select the "Wallet" section</li>
|
||||
<li>Follow the prompts to create a new Credits wallet</li>
|
||||
<li>Record your recovery phrase and store it in a secure location</li>
|
||||
<li>Add Credits to your wallet through one of the available methods</li>
|
||||
</ol>
|
||||
<p>For more detailed information about Credits and wallet management, visit the <a href="/docs/credits">USD Credits documentation</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Step 3: Explore the Marketplace</h2>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-shop me-2 text-primary"></i>Discovering Resources</h5>
|
||||
<p>Once your account and wallet are set up, you can start exploring the marketplace:</p>
|
||||
<ul>
|
||||
<li><strong>Browse Categories:</strong> Explore different sections such as compute resources, 3Nodes, applications, and services</li>
|
||||
<li><strong>Apply Filters:</strong> Narrow down options based on specifications, location, pricing, and other criteria</li>
|
||||
<li><strong>Compare Options:</strong> Evaluate different offerings to find the best fit for your needs</li>
|
||||
<li><strong>Read Reviews:</strong> Check ratings and feedback from other users</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Step 4: Make Your First Transaction</h2>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-cart-check me-2 text-primary"></i>Transaction Process</h5>
|
||||
<p>When you're ready to make a purchase or exchange resources:</p>
|
||||
<ol>
|
||||
<li>Select the resource or service you wish to acquire</li>
|
||||
<li>Review the details, including specifications and pricing</li>
|
||||
<li>Click "Deploy" or "Purchase" depending on the resource type</li>
|
||||
<li>Confirm the transaction and authorize the Credits transfer</li>
|
||||
<li>Wait for confirmation and follow any additional setup instructions</li>
|
||||
</ol>
|
||||
<div class="alert alert-warning">
|
||||
<i class="bi bi-exclamation-triangle me-2"></i>
|
||||
<strong>Important:</strong> Always verify the details of your transaction before confirming. Credits transfers are typically final and may not be reversible.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Step 5: Manage Your Resources</h2>
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-gear me-2 text-primary"></i>Resource Management</h5>
|
||||
<p>After acquiring resources or services, you can manage them through your dashboard:</p>
|
||||
<ul>
|
||||
<li>Monitor resource utilization and performance metrics</li>
|
||||
<li>Configure settings and preferences</li>
|
||||
<li>Extend or terminate service agreements</li>
|
||||
<li>Request support or assistance when needed</li>
|
||||
</ul>
|
||||
<p>For specific management instructions, refer to the documentation for each resource type.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-question-circle me-2"></i>Need Further Assistance?</h2>
|
||||
<p class="lead">Our community is here to help you get started.</p>
|
||||
<div class="mt-3">
|
||||
<a href="https://forum.threefold.io" class="btn btn-primary me-2">Join Community Forum</a>
|
||||
<a href="https://threefoldfaq.crisp.help/en/" class="btn btn-primary me-2">Contact Support</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
196
src/views/docs/index.html
Normal file
196
src/views/docs/index.html
Normal file
@@ -0,0 +1,196 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Documentation - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Project Mycelium Documentation</h1>
|
||||
<p class="lead">Welcome to the comprehensive guide to using the Project Mycelium platform.</p>
|
||||
|
||||
<div class="alert alert-info mb-4">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Documentation Overview</h5>
|
||||
<p>This documentation provides detailed information about the Project Mycelium, its components, and how to effectively use the platform.</p>
|
||||
<p>Use the sidebar navigation to explore different sections of the documentation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Introduction</h2>
|
||||
<p>The Project Mycelium is an all-in-one platform facilitating the exchange of value through the USD credits system. It connects providers and users, enabling the discovery, acquisition, and management of various resources and services within a decentralized ecosystem.</p>
|
||||
<p>Our vision is a world where internet infrastructure and services are distributed, secure, and maintain user sovereignty. The marketplace is our solution to bring this vision to life, providing a platform where anyone can access or provide digital resources in a fair and transparent way.</p>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Core Marketplace Categories</h2>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Marketplace</th>
|
||||
<th>Description</th>
|
||||
<th>Exchange Mechanism</th>
|
||||
<th>Documentation</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Compute Resources (Slices)</strong></td>
|
||||
<td>Primary marketplace for compute capacity</td>
|
||||
<td>Credits transferred based on resource utilization</td>
|
||||
<td><a href="/docs/compute" class="btn btn-sm btn-outline-primary">Learn More</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>3Nodes</strong></td>
|
||||
<td>Physical computing hardware marketplace</td>
|
||||
<td>Credits transferred based on hardware value</td>
|
||||
<td><a href="/docs/3nodes" class="btn btn-sm btn-outline-primary">Learn More</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Mycelium Gateways</strong></td>
|
||||
<td>Internet connectivity services</td>
|
||||
<td>Credits paid based on bandwidth consumption</td>
|
||||
<td><a href="/docs/gateways" class="btn btn-sm btn-outline-primary">Learn More</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Application Solutions</strong></td>
|
||||
<td>Pre-configured, self-healing applications</td>
|
||||
<td>Credits paid to solution providers for application management while users maintain sovereignty</td>
|
||||
<td><a href="/docs/applications" class="btn btn-sm btn-outline-primary">Learn More</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Human Energy Services</strong></td>
|
||||
<td>Professional technical services</td>
|
||||
<td>Credits transferred based on agreed rates</td>
|
||||
<td><a href="/docs/services" class="btn btn-sm btn-outline-primary">Learn More</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Core Principles</h2>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2"></i>Sovereignty</h5>
|
||||
<p class="card-text">Consumers maintain control over their resources and deployed solutions.</p>
|
||||
<p class="small text-muted">Learn how we ensure user sovereignty through our technical architecture and governance model.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-eye me-2"></i>Transparency</h5>
|
||||
<p class="card-text">Clear pricing and reputation metrics for all marketplace participants.</p>
|
||||
<p class="small text-muted">Discover how our transparent systems build trust across the ecosystem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-diagram-3 me-2"></i>Decentralization</h5>
|
||||
<p class="card-text">Distributed architecture with no single point of control or failure.</p>
|
||||
<p class="small text-muted">Explore how our decentralized architecture enhances security and resilience.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-people me-2"></i>Community</h5>
|
||||
<p class="card-text">Built by and for the community, with fair and inclusive participation.</p>
|
||||
<p class="small text-muted">Learn about our community governance model and how to get involved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Getting Started</h2>
|
||||
<p>Ready to dive in? Here's how to get started with the Project Mycelium:</p>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-person-plus-fill fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">1. Create an Account</h5>
|
||||
<p class="card-text">Sign up and verify your identity to join the ThreeFold ecosystem.</p>
|
||||
<a href="/register" class="btn btn-outline-primary mt-2">Register Now</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-wallet2 fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">2. Setup Credits Wallet</h5>
|
||||
<p class="card-text">Configure your credits wallet to participate in marketplace transactions.</p>
|
||||
<a href="/docs/credits" class="btn btn-outline-primary mt-2">Credits Guide</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-shop fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">3. Explore the Marketplace</h5>
|
||||
<p class="card-text">Browse available resources, applications, and services.</p>
|
||||
<a href="/marketplace" class="btn btn-outline-primary mt-2">Visit Marketplace</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Need Help?</h2>
|
||||
<p>If you can't find what you're looking for in the documentation, there are several ways to get help:</p>
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-chat-dots me-2"></i>Community Forum</h5>
|
||||
<p>Join our community forum to ask questions and share your experiences.</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-secondary">Visit Forum</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-github me-2"></i>GitHub Issues</h5>
|
||||
<p>Report bugs or request features through our GitHub repository.</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-secondary">Open Issue</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5><i class="bi bi-envelope me-2"></i>Contact Support</h5>
|
||||
<p>Reach out to our support team for personalized assistance.</p>
|
||||
<a href="https://threefoldfaq.crisp.help/en/" class="btn btn-sm btn-outline-secondary" target="_blank">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
289
src/views/docs/layout.html
Normal file
289
src/views/docs/layout.html
Normal file
@@ -0,0 +1,289 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block content %}
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<!-- Sidebar Toggle Button (mobile only) -->
|
||||
<button class="btn sidebar-toggle d-md-none" id="sidebarToggleBtn" aria-label="Toggle sidebar navigation" aria-expanded="false" aria-controls="sidebar">
|
||||
<i class="bi bi-list"></i> Menu
|
||||
</button>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<div class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse" id="sidebar">
|
||||
<div class="position-sticky pt-3">
|
||||
<h5 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mb-1 text-muted">
|
||||
<span>Documentation</span>
|
||||
</h5>
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'overview' %}active{% endif %}" href="/docs">
|
||||
<i class="bi bi-book me-1"></i>
|
||||
Overview
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'getting_started' %}active{% endif %}" href="/docs/getting-started">
|
||||
<i class="bi bi-check-circle me-1"></i>
|
||||
Getting Started
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item mt-3">
|
||||
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mb-1 text-muted">
|
||||
<span>Marketplace</span>
|
||||
</h6>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'compute' %}active{% endif %}" href="/docs/compute">
|
||||
<i class="bi bi-cpu me-1"></i>
|
||||
Compute Resources
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == '3nodes' %}active{% endif %}" href="/docs/3nodes">
|
||||
<i class="bi bi-hdd-rack me-1"></i>
|
||||
3Nodes
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'gateways' %}active{% endif %}" href="/docs/gateways">
|
||||
<i class="bi bi-globe me-1"></i>
|
||||
Mycelium Gateways
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'applications' %}active{% endif %}" href="/docs/applications">
|
||||
<i class="bi bi-app me-1"></i>
|
||||
Application Solutions
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'services' %}active{% endif %}" href="/docs/services">
|
||||
<i class="bi bi-person-workspace me-1"></i>
|
||||
Human Energy Services
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item mt-3">
|
||||
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mb-1 text-muted">
|
||||
<span>Core Concepts</span>
|
||||
</h6>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'credits' %}active{% endif %}" href="/docs/credits">
|
||||
<i class="bi bi-currency-dollar me-1"></i>
|
||||
USD Credits
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'slices' %}active{% endif %}" href="/docs/slices">
|
||||
<i class="bi bi-grid-3x3 me-1"></i>
|
||||
Slices
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'certification' %}active{% endif %}" href="/docs/certification">
|
||||
<i class="bi bi-patch-check me-1"></i>
|
||||
Certification
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item mt-3">
|
||||
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mb-1 text-muted">
|
||||
<span>Developer Tools</span>
|
||||
</h6>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link {% if active_section == 'api' %}active{% endif %}" href="/docs/api">
|
||||
<i class="bi bi-code-slash me-1"></i>
|
||||
API Documentation
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="col-md-9 ms-sm-auto col-lg-10 px-md-4 main-content-wrapper position-relative">
|
||||
<!-- Sidebar Backdrop (mobile only) - positioned here so it doesn't cover the sidebar -->
|
||||
<div class="sidebar-backdrop d-md-none" id="sidebarBackdrop"></div>
|
||||
{% block docs_content %}
|
||||
<!-- Content will be injected here by child templates -->
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
<!-- Add Bootstrap Icons -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
|
||||
|
||||
<style>
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 56px; /* Navbar height */
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
padding: 20px 0 0;
|
||||
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
|
||||
height: 100%; /* Full height */
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* Footer should only appear on the right side */
|
||||
@media (min-width: 768px) {
|
||||
.footer {
|
||||
margin-left: 25% !important; /* Matches the width of col-md-3 */
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.footer {
|
||||
margin-left: 16.666667% !important; /* Matches the width of col-lg-2 */
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-heading {
|
||||
font-size: .75rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.sidebar .nav-link {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.sidebar .nav-link.active {
|
||||
color: #2470dc;
|
||||
}
|
||||
|
||||
.docs-content {
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 5px;
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
|
||||
.doc-section {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.doc-section h2 {
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.doc-section h3 {
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.doc-section p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.doc-section ul, .doc-section ol {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.doc-section pre {
|
||||
background-color: #f8f9fa;
|
||||
border: 1px solid #dee2e6;
|
||||
border-radius: 4px;
|
||||
padding: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.doc-section code {
|
||||
background-color: #f8f9fa;
|
||||
padding: 0.2rem 0.4rem;
|
||||
border-radius: 4px;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
.doc-section table {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
background-color: transparent;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.doc-section table th,
|
||||
.doc-section table td {
|
||||
padding: 0.75rem;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.doc-section table thead th {
|
||||
vertical-align: bottom;
|
||||
border-bottom: 2px solid #dee2e6;
|
||||
}
|
||||
|
||||
/* Adjust for fixed navbar */
|
||||
main.py-4 {
|
||||
padding-top: 4.5rem !important;
|
||||
}
|
||||
|
||||
/* Removed conflicting media query */
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const sidebarToggleBtn = document.getElementById('sidebarToggleBtn');
|
||||
const sidebar = document.getElementById('sidebar');
|
||||
const sidebarBackdrop = document.getElementById('sidebarBackdrop');
|
||||
|
||||
// Ensure clean state on page load
|
||||
sidebar.classList.remove('show');
|
||||
sidebarBackdrop.classList.remove('show');
|
||||
sidebarToggleBtn.setAttribute('aria-expanded', 'false');
|
||||
|
||||
// Toggle sidebar visibility
|
||||
sidebarToggleBtn.addEventListener('click', function(event) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
|
||||
// Toggle visibility
|
||||
sidebar.classList.toggle('show');
|
||||
sidebarBackdrop.classList.toggle('show');
|
||||
|
||||
// Set aria-expanded for accessibility
|
||||
const isExpanded = sidebar.classList.contains('show');
|
||||
sidebarToggleBtn.setAttribute('aria-expanded', isExpanded);
|
||||
});
|
||||
|
||||
// Close sidebar when clicking on backdrop
|
||||
sidebarBackdrop.addEventListener('click', function(event) {
|
||||
event.stopPropagation();
|
||||
sidebar.classList.remove('show');
|
||||
sidebarBackdrop.classList.remove('show');
|
||||
sidebarToggleBtn.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
|
||||
// Close sidebar when clicking on any link inside it
|
||||
const sidebarLinks = sidebar.querySelectorAll('a.nav-link');
|
||||
sidebarLinks.forEach(link => {
|
||||
link.addEventListener('click', function(event) {
|
||||
// Don't stop event propagation - let the link work
|
||||
setTimeout(function() {
|
||||
sidebar.classList.remove('show');
|
||||
sidebarBackdrop.classList.remove('show');
|
||||
sidebarToggleBtn.setAttribute('aria-expanded', 'false');
|
||||
}, 100); // Small delay to ensure the link click happens
|
||||
});
|
||||
});
|
||||
|
||||
// Ensure links are clickable
|
||||
sidebar.addEventListener('click', function(event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
430
src/views/docs/services.html
Normal file
430
src/views/docs/services.html
Normal file
@@ -0,0 +1,430 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Human Energy Services - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Human Energy Services</h1>
|
||||
<p class="lead">Professional technical services available through the Project Mycelium.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>Human Energy Services represent the human expertise component of the ThreeFold ecosystem. These services connect professionals with specialized technical skills to users who need assistance with projects, deployments, and optimizations. Unlike traditional freelance marketplaces, Human Energy Services are fully integrated into the ThreeFold ecosystem, using USD Credits for payments and focusing on technical services relevant to the ThreeFold Grid.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Key Concept</h5>
|
||||
<p class="mb-0">Human Energy Services acknowledge that technological solutions sometimes require human expertise. By integrating these services directly into the marketplace, ThreeFold creates a complete ecosystem where both automated and human-delivered solutions are available with the same seamless experience.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Service Categories</h2>
|
||||
<p>The Human Energy Services marketplace offers expertise across a wide range of technical domains:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-code-square me-2 text-primary"></i>Development</h5>
|
||||
<p class="card-text">Custom software development, coding, and programming services.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>Application development</li>
|
||||
<li>Smart contract programming</li>
|
||||
<li>API integration</li>
|
||||
<li>Frontend/backend development</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-diagram-3 me-2 text-primary"></i>Architecture</h5>
|
||||
<p class="card-text">System design, architecture planning, and infrastructure optimization.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>Solution architecture</li>
|
||||
<li>System optimization</li>
|
||||
<li>Scalability planning</li>
|
||||
<li>Technical roadmapping</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-hdd-rack me-2 text-primary"></i>Deployment</h5>
|
||||
<p class="card-text">Setup, configuration, and deployment of applications and infrastructure.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>3Node configuration</li>
|
||||
<li>Application deployment</li>
|
||||
<li>Network setup</li>
|
||||
<li>Migration services</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-check me-2 text-primary"></i>Security</h5>
|
||||
<p class="card-text">Security assessments, hardening, and implementation of security measures.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>Security audits</li>
|
||||
<li>Penetration testing</li>
|
||||
<li>Security design review</li>
|
||||
<li>Encryption implementation</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-headset me-2 text-primary"></i>Support</h5>
|
||||
<p class="card-text">Ongoing technical support, troubleshooting, and maintenance services.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>Technical troubleshooting</li>
|
||||
<li>Performance optimization</li>
|
||||
<li>System monitoring</li>
|
||||
<li>Update management</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-mortarboard me-2 text-primary"></i>Training</h5>
|
||||
<p class="card-text">Educational services, knowledge transfer, and skill development.</p>
|
||||
<ul class="small text-muted">
|
||||
<li>Technical workshops</li>
|
||||
<li>One-on-one mentoring</li>
|
||||
<li>Team training</li>
|
||||
<li>Documentation creation</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Provider Certification</h2>
|
||||
<p>Service providers in the ThreeFold ecosystem undergo a certification process to ensure quality and reliability:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-star-fill me-2"></i>Basic</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Entry-level verification:</strong></p>
|
||||
<ul>
|
||||
<li>Identity verification</li>
|
||||
<li>Basic skills assessment</li>
|
||||
<li>Terms agreement</li>
|
||||
<li>Community participation</li>
|
||||
</ul>
|
||||
<p class="text-muted small mt-3">Providers at this level can offer services but have limited visibility in search results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-stars me-2"></i>Verified</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Intermediate verification:</strong></p>
|
||||
<ul>
|
||||
<li>Comprehensive skills validation</li>
|
||||
<li>Client testimonials</li>
|
||||
<li>Quality standards commitment</li>
|
||||
<li>Active ecosystem participation</li>
|
||||
</ul>
|
||||
<p class="text-muted small mt-3">Verified providers receive standard visibility and can participate in more complex projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-award me-2"></i>Certified</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Highest level of verification:</strong></p>
|
||||
<ul>
|
||||
<li>Expert-level skills validation</li>
|
||||
<li>Proven track record</li>
|
||||
<li>Quality assurance guarantees</li>
|
||||
<li>ThreeFold certification exam</li>
|
||||
</ul>
|
||||
<p class="text-muted small mt-3">Certified providers receive featured placement, higher rates, and access to enterprise projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Engagement Models</h2>
|
||||
<p>Human Energy Services can be engaged through several different models based on project requirements and timeframes:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Model</th>
|
||||
<th>Description</th>
|
||||
<th>Best For</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Fixed Project</strong></td>
|
||||
<td>Pre-defined scope with fixed deliverables and timeline</td>
|
||||
<td>Well-defined projects with clear requirements</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Hourly Rate</strong></td>
|
||||
<td>Pay for services based on actual time spent</td>
|
||||
<td>Evolving projects, ongoing support, variable scope</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Retainer</strong></td>
|
||||
<td>Reserve dedicated time each month at a guaranteed rate</td>
|
||||
<td>Ongoing relationships, consistent support needs</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Support Package</strong></td>
|
||||
<td>Pre-purchased support hours with service level agreements</td>
|
||||
<td>Production systems requiring quick response times</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Collaborative</strong></td>
|
||||
<td>Work alongside your team in a collaborative capacity</td>
|
||||
<td>Knowledge transfer, team augmentation</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Exchange Mechanism</h2>
|
||||
<p>Human Energy Services operate on a straightforward Credits-based payment model:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h5 class="mb-3"><i class="bi bi-cash-coin me-2 text-success"></i>Payment Structure</h5>
|
||||
<ul class="list-group mb-4">
|
||||
<li class="list-group-item d-flex align-items-center">
|
||||
<i class="bi bi-check-circle-fill me-2 text-success"></i>
|
||||
<div>
|
||||
<strong>Transparent Pricing</strong>
|
||||
<p class="mb-0 small text-muted">All service rates are clearly displayed in USD Credits before engagement</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex align-items-center">
|
||||
<i class="bi bi-check-circle-fill me-2 text-success"></i>
|
||||
<div>
|
||||
<strong>Milestone-Based Payments</strong>
|
||||
<p class="mb-0 small text-muted">Credits released upon completion of pre-defined milestones</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex align-items-center">
|
||||
<i class="bi bi-check-circle-fill me-2 text-success"></i>
|
||||
<div>
|
||||
<strong>Escrow Protection</strong>
|
||||
<p class="mb-0 small text-muted">Funds held in escrow until work is completed and approved</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="list-group-item d-flex align-items-center">
|
||||
<i class="bi bi-check-circle-fill me-2 text-success"></i>
|
||||
<div>
|
||||
<strong>Provider-Set Rates</strong>
|
||||
<p class="mb-0 small text-muted">Service providers set their own rates based on expertise level</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h5 class="mb-3"><i class="bi bi-gear-wide-connected me-2 text-success"></i>Process Flow</h5>
|
||||
<ol class="list-group list-group-numbered mb-4">
|
||||
<li class="list-group-item">
|
||||
<strong>Service Selection</strong>
|
||||
<p class="mb-0 small text-muted">Client selects a service and provider from the marketplace</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>Scope Agreement</strong>
|
||||
<p class="mb-0 small text-muted">Client and provider agree on deliverables, timeline, and payment terms</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>Credits Allocation</strong>
|
||||
<p class="mb-0 small text-muted">Client allocates agreed Credits amount to the project escrow</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>Work & Milestones</strong>
|
||||
<p class="mb-0 small text-muted">Provider performs work and delivers milestone achievements</p>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>Verification & Payment</strong>
|
||||
<p class="mb-0 small text-muted">Client approves deliverables and Credits are released from escrow to provider</p>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-warning mt-3">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-exclamation-triangle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Dispute Resolution</h5>
|
||||
<p class="mb-0">In case of disagreements about deliverable quality or scope, the Project Mycelium offers a structured dispute resolution process. This involves neutral third-party evaluation based on the agreed statement of work. Make sure to clearly document expectations before beginning any service engagement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Finding the Right Provider</h2>
|
||||
<p>The Marketplace provides several tools to help you find the perfect service provider for your needs:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-search me-2 text-primary"></i>Search Filters</h5>
|
||||
<p>Refine provider search using multiple criteria:</p>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<ul>
|
||||
<li>Service category</li>
|
||||
<li>Expertise level</li>
|
||||
<li>Certification tier</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ul>
|
||||
<li>Rating threshold</li>
|
||||
<li>Price range</li>
|
||||
<li>Availability</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-star me-2 text-primary"></i>Provider Profiles</h5>
|
||||
<p>Comprehensive provider information:</p>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<ul>
|
||||
<li>Portfolio/previous work</li>
|
||||
<li>Client reviews</li>
|
||||
<li>Response time</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<ul>
|
||||
<li>Completion rate</li>
|
||||
<li>Skills validation</li>
|
||||
<li>TF ecosystem contribution</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center bg-light p-3 rounded mb-4">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-lightbulb-fill fs-3 text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Pro Tip</h5>
|
||||
<p class="mb-0">Many providers offer a free initial consultation to discuss your needs and determine if they're the right fit for your project. Use this opportunity to clearly communicate your requirements and assess their understanding before committing to a paid engagement.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Becoming a Service Provider</h2>
|
||||
<p>If you have valuable technical skills, you can join the ThreeFold ecosystem as a service provider:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-person-plus-fill fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">1. Create Provider Profile</h5>
|
||||
<p class="card-text">Complete your service provider profile with skills, experience, and portfolio.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-award-fill fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">2. Verification Process</h5>
|
||||
<p class="card-text">Complete required verification steps based on your desired certification level.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4">
|
||||
<div class="card-body text-center">
|
||||
<div class="mb-3">
|
||||
<i class="bi bi-send-check-fill fs-1 text-primary"></i>
|
||||
</div>
|
||||
<h5 class="card-title">3. Start Offering Services</h5>
|
||||
<p class="card-text">Create service listings highlighting your expertise and start accepting clients.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-success">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Provider Resources</h5>
|
||||
<p class="mb-0">ThreeFold provides extensive resources to help service providers succeed, including training materials, best practices guides, contract templates, and client management tools. Explore the <a href="#" class="alert-link">Provider Resources</a> area to learn more.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-people me-2"></i>Ready to Connect with Technical Experts?</h2>
|
||||
<p class="lead">Browse available service providers to find skilled professionals for your technical needs.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/services" class="btn btn-primary me-2">Find Service Providers</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
524
src/views/docs/slices.html
Normal file
524
src/views/docs/slices.html
Normal file
@@ -0,0 +1,524 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}Slices - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="my-4">
|
||||
<h1>Slices</h1>
|
||||
<p class="lead">Understanding the fundamental unit of compute capacity in the ThreeFold ecosystem.</p>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Overview</h2>
|
||||
<p>Slices represent the core unit of compute capacity within the ThreeFold Grid. They are standardized divisions of physical computing hardware (3Nodes) that can be allocated and managed as independent virtual resources. Slices form the foundation of all deployments on the ThreeFold Grid and serve as the primary unit of exchange for computational resources.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-info-circle-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Key Concept</h5>
|
||||
<p class="mb-0">Slices abstract away the underlying physical infrastructure, providing a consistent and standardized way to measure, allocate, and exchange computing capacity across the entire ThreeFold Grid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Slice Composition</h2>
|
||||
<p>Each slice is a bundle of computing resources that includes:</p>
|
||||
|
||||
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-4">
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-cpu me-2 text-primary"></i>Compute (vCPU)</h5>
|
||||
<p class="card-text">Processing power expressed as virtual CPU cores with specific performance characteristics.</p>
|
||||
<p class="small text-muted fst-italic">Measured in compute units (CU)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-memory me-2 text-primary"></i>Memory</h5>
|
||||
<p class="card-text">RAM allocation for running applications and workloads with defined capacity.</p>
|
||||
<p class="small text-muted fst-italic">Measured in memory units (MU)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-device-ssd me-2 text-primary"></i>Storage</h5>
|
||||
<p class="card-text">Persistent data storage with specified capacity and performance characteristics.</p>
|
||||
<p class="small text-muted fst-italic">Measured in storage units (SU)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-hdd-network me-2 text-primary"></i>Network</h5>
|
||||
<p class="card-text">Bandwidth allocation for data transfer between the slice and other network points.</p>
|
||||
<p class="small text-muted fst-italic">Measured in network units (NU)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-shield-lock me-2 text-primary"></i>Security Layer</h5>
|
||||
<p class="card-text">Zero-OS secure runtime environment that ensures isolation and security.</p>
|
||||
<p class="small text-muted fst-italic">Built into every slice</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><i class="bi bi-gear me-2 text-primary"></i>Management Layer</h5>
|
||||
<p class="card-text">Tools and interfaces for monitoring and controlling the slice resources.</p>
|
||||
<p class="small text-muted fst-italic">Accessible via API and dashboard</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Slice Resource Units</h2>
|
||||
<p>ThreeFold uses standardized units to measure and quantify the resources in each slice:</p>
|
||||
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-bordered">
|
||||
<thead class="table-primary">
|
||||
<tr>
|
||||
<th>Resource Unit</th>
|
||||
<th>Definition</th>
|
||||
<th>Equivalent To</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><strong>Compute Unit (CU)</strong></td>
|
||||
<td>Standardized measure of processing power</td>
|
||||
<td>2 virtual CPU cores with guaranteed performance</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Memory Unit (MU)</strong></td>
|
||||
<td>Standardized measure of RAM capacity</td>
|
||||
<td>4 GB of RAM with dedicated allocation</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Storage Unit (SU)</strong></td>
|
||||
<td>Standardized measure of storage capacity</td>
|
||||
<td>1 TB of SSD-equivalent storage space</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Network Unit (NU)</strong></td>
|
||||
<td>Standardized measure of network transfer</td>
|
||||
<td>1 GB of data transfer capacity</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-secondary mt-4">
|
||||
<div class="d-flex">
|
||||
<div class="me-3">
|
||||
<i class="bi bi-calculator-fill fs-3"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="alert-heading">Resource Calculation</h5>
|
||||
<p class="mb-0">The system automatically calculates the appropriate number of resource units required for your specific workload based on your deployment specifications. You can use the <a href="#resource-calculator" class="alert-link">Resource Calculator</a> to estimate the required units for your use case.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Slice Types</h2>
|
||||
<p>The ThreeFold Grid offers different types of slices optimized for specific workloads:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-menu-button-wide me-2"></i>General Purpose Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Balanced resources for standard workloads:</strong></p>
|
||||
<ul>
|
||||
<li>Equal distribution of compute, memory, and storage</li>
|
||||
<li>Suitable for most applications and services</li>
|
||||
<li>Flexible configuration options</li>
|
||||
<li>Ideal for web servers, applications, and development environments</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-cpu me-2"></i>Compute-Optimized Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Enhanced processing power for compute-intensive tasks:</strong></p>
|
||||
<ul>
|
||||
<li>Higher ratio of compute units to other resources</li>
|
||||
<li>Optimized for processor-heavy workloads</li>
|
||||
<li>Advanced CPU instruction set availability</li>
|
||||
<li>Ideal for data processing, rendering, and scientific calculations</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-memory me-2"></i>Memory-Optimized Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Enhanced memory allocation for data-intensive applications:</strong></p>
|
||||
<ul>
|
||||
<li>Higher ratio of memory units to other resources</li>
|
||||
<li>Optimized for applications requiring large RAM allocations</li>
|
||||
<li>High-speed memory access patterns</li>
|
||||
<li>Ideal for databases, caching layers, and in-memory analytics</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-device-hdd me-2"></i>Storage-Optimized Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Enhanced storage capacity for data-heavy workloads:</strong></p>
|
||||
<ul>
|
||||
<li>Higher ratio of storage units to other resources</li>
|
||||
<li>Options for SSD or HDD-equivalent performance</li>
|
||||
<li>Optimized I/O performance characteristics</li>
|
||||
<li>Ideal for file servers, object storage, and backup systems</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-gpu-card me-2"></i>GPU Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Access to GPU resources for specialized workloads:</strong></p>
|
||||
<ul>
|
||||
<li>Includes access to GPU computing resources</li>
|
||||
<li>Specialized for graphics and parallel computing</li>
|
||||
<li>Driver and toolkit support</li>
|
||||
<li>Ideal for AI/ML, rendering, and scientific computing</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0"><i class="bi bi-lightning me-2"></i>High-Performance Slices</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p><strong>Premium resources with maximum performance guarantees:</strong></p>
|
||||
<ul>
|
||||
<li>Top-tier hardware allocations</li>
|
||||
<li>Guaranteed performance metrics</li>
|
||||
<li>Enhanced bandwidth and low latency</li>
|
||||
<li>Ideal for mission-critical applications and services</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2 id="resource-calculator">Resource Calculator</h2>
|
||||
<p>Use this calculator to estimate the resources needed for your workload:</p>
|
||||
|
||||
<div class="card mb-4">
|
||||
<div class="card-body">
|
||||
<form class="row g-3">
|
||||
<div class="col-md-6">
|
||||
<label for="workloadType" class="form-label">Workload Type</label>
|
||||
<select class="form-select" id="workloadType">
|
||||
<option value="website">Website / Web App</option>
|
||||
<option value="database">Database</option>
|
||||
<option value="container">Container Orchestration</option>
|
||||
<option value="storage">Storage Solution</option>
|
||||
<option value="compute">Compute Workload</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="workloadSize" class="form-label">Expected Scale</label>
|
||||
<select class="form-select" id="workloadSize">
|
||||
<option value="small">Small (Development/Testing)</option>
|
||||
<option value="medium">Medium (Production/Small Team)</option>
|
||||
<option value="large">Large (Business/Enterprise)</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="cpuSlider" class="form-label">CPU Cores: <span id="cpuValue">2</span></label>
|
||||
<input type="range" class="form-range" min="1" max="32" value="2" id="cpuSlider">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="ramSlider" class="form-label">Memory (GB): <span id="ramValue">4</span></label>
|
||||
<input type="range" class="form-range" min="1" max="128" value="4" id="ramSlider">
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<label for="storageSlider" class="form-label">Storage (GB): <span id="storageValue">50</span></label>
|
||||
<input type="range" class="form-range" min="10" max="2000" value="50" id="storageSlider">
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button type="button" class="btn btn-primary" id="calculateBtn">Calculate Resources</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-light">
|
||||
<h5 class="mb-0">Estimated Resources</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<h6>Required Resource Units:</h6>
|
||||
<ul>
|
||||
<li><strong>Compute Units (CU):</strong> <span id="cuResult">1</span></li>
|
||||
<li><strong>Memory Units (MU):</strong> <span id="muResult">1</span></li>
|
||||
<li><strong>Storage Units (SU):</strong> <span id="suResult">0.05</span></li>
|
||||
<li><strong>Network Units (NU):</strong> <span id="nuResult">Varies based on usage</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<h6>Recommended Slice Type:</h6>
|
||||
<p id="sliceRecommendation">General Purpose Slice (Small)</p>
|
||||
<p class="small text-muted">This recommendation is an estimate. Actual requirements may vary based on specific workload characteristics and usage patterns.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Managing Slices</h2>
|
||||
<p>The Project Mycelium provides several tools for managing your slices:</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-plus-square me-2 text-success"></i>Slice Provisioning</h5>
|
||||
<p>Creating and allocating new slices:</p>
|
||||
<ul>
|
||||
<li><strong>Marketplace Interface:</strong> Simple UI-based slice creation</li>
|
||||
<li><strong>API Access:</strong> Programmatic slice provisioning</li>
|
||||
<li><strong>Templates:</strong> Pre-configured slice specifications</li>
|
||||
<li><strong>Custom Configuration:</strong> Tailored resource allocations</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-graph-up me-2 text-primary"></i>Monitoring & Scaling</h5>
|
||||
<p>Managing active slices:</p>
|
||||
<ul>
|
||||
<li><strong>Performance Metrics:</strong> Real-time utilization data</li>
|
||||
<li><strong>Scaling Options:</strong> Vertical and horizontal scaling</li>
|
||||
<li><strong>Alerts:</strong> Customizable threshold notifications</li>
|
||||
<li><strong>Usage Reports:</strong> Resource consumption analytics</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-shield-check me-2 text-success"></i>Security & Access</h5>
|
||||
<p>Securing your slices:</p>
|
||||
<ul>
|
||||
<li><strong>Access Controls:</strong> Granular permission settings</li>
|
||||
<li><strong>Network Policies:</strong> Traffic management rules</li>
|
||||
<li><strong>Encryption Options:</strong> Data-at-rest and in-transit protection</li>
|
||||
<li><strong>Security Scanning:</strong> Vulnerability assessment</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-4 h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3"><i class="bi bi-clock-history me-2 text-primary"></i>Lifecycle Management</h5>
|
||||
<p>Long-term slice administration:</p>
|
||||
<ul>
|
||||
<li><strong>Backup Solutions:</strong> Data protection options</li>
|
||||
<li><strong>Migration Tools:</strong> Moving workloads between slices</li>
|
||||
<li><strong>Version Control:</strong> Configuration history and rollback</li>
|
||||
<li><strong>Retirement Process:</strong> Secure decommissioning</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="doc-section">
|
||||
<h2>Credits Exchange Mechanism</h2>
|
||||
<p>Slices are provisioned and managed through the USD Credits value exchange system:</p>
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header bg-primary text-white">
|
||||
<h5 class="mb-0">Slice Economics</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li><strong>Resource-Based Pricing:</strong> Cost calculated based on resource units allocated (in USD)</li>
|
||||
<li><strong>Time-Based Billing:</strong> Pay only for the duration slices are provisioned</li>
|
||||
<li><strong>Optional Reservations:</strong> Discounted rates for long-term commitments</li>
|
||||
<li><strong>Dynamic Allocation:</strong> Scale resources up or down as needed and pay accordingly</li>
|
||||
<li><strong>Provider Selection:</strong> Different rates based on selected resource providers</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h5 class="mb-3">Sample Cost Estimation</h5>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Resource</th>
|
||||
<th>Quantity</th>
|
||||
<th>Unit Cost ($/month)</th>
|
||||
<th>Total ($/month)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Compute Units</td>
|
||||
<td>2</td>
|
||||
<td>15</td>
|
||||
<td>30</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Memory Units</td>
|
||||
<td>1</td>
|
||||
<td>10</td>
|
||||
<td>10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Storage Units</td>
|
||||
<td>0.1</td>
|
||||
<td>5</td>
|
||||
<td>0.5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Network Units</td>
|
||||
<td>100</td>
|
||||
<td>0.1</td>
|
||||
<td>10</td>
|
||||
</tr>
|
||||
<tr class="table-primary">
|
||||
<td colspan="3"><strong>Total Monthly Cost</strong></td>
|
||||
<td><strong>$50.50</strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="small text-muted mt-2">This is a sample estimation. Actual costs will vary based on specific resource requirements and provider rates.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card bg-light mt-5">
|
||||
<div class="card-body">
|
||||
<h2><i class="bi bi-grid-3x3-gap me-2"></i>Ready to Provision Slices?</h2>
|
||||
<p class="lead">Start exploring the available compute resources to find the perfect slice configuration for your needs.</p>
|
||||
<div class="mt-3">
|
||||
<a href="/marketplace/compute" class="btn btn-primary me-2">Browse Compute Resources</a>
|
||||
<a href="/docs" class="btn btn-outline-secondary">Back to Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% block scripts %}
|
||||
<script>
|
||||
// Simple JavaScript for the resource calculator
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const cpuSlider = document.getElementById('cpuSlider');
|
||||
const ramSlider = document.getElementById('ramSlider');
|
||||
const storageSlider = document.getElementById('storageSlider');
|
||||
const cpuValue = document.getElementById('cpuValue');
|
||||
const ramValue = document.getElementById('ramValue');
|
||||
const storageValue = document.getElementById('storageValue');
|
||||
const calculateBtn = document.getElementById('calculateBtn');
|
||||
|
||||
cpuSlider.addEventListener('input', function() {
|
||||
cpuValue.textContent = this.value;
|
||||
});
|
||||
|
||||
ramSlider.addEventListener('input', function() {
|
||||
ramValue.textContent = this.value;
|
||||
});
|
||||
|
||||
storageSlider.addEventListener('input', function() {
|
||||
storageValue.textContent = this.value;
|
||||
});
|
||||
|
||||
calculateBtn.addEventListener('click', function() {
|
||||
// Simple calculation for demonstration purposes
|
||||
const cpu = parseInt(cpuSlider.value);
|
||||
const ram = parseInt(ramSlider.value);
|
||||
const storage = parseInt(storageSlider.value);
|
||||
|
||||
document.getElementById('cuResult').textContent = Math.ceil(cpu / 2);
|
||||
document.getElementById('muResult').textContent = Math.ceil(ram / 4);
|
||||
document.getElementById('suResult').textContent = (storage / 1000).toFixed(2);
|
||||
|
||||
// Simple recommendation logic
|
||||
let recommendation = "General Purpose Slice";
|
||||
if (cpu > ram * 2) {
|
||||
recommendation = "Compute-Optimized Slice";
|
||||
} else if (ram > cpu * 2) {
|
||||
recommendation = "Memory-Optimized Slice";
|
||||
} else if (storage > ram * 50) {
|
||||
recommendation = "Storage-Optimized Slice";
|
||||
}
|
||||
|
||||
let size = "(Small)";
|
||||
if (cpu > 8 || ram > 16 || storage > 500) {
|
||||
size = "(Large)";
|
||||
} else if (cpu > 4 || ram > 8 || storage > 100) {
|
||||
size = "(Medium)";
|
||||
}
|
||||
|
||||
document.getElementById('sliceRecommendation').textContent = recommendation + " " + size;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% endblock %}
|
||||
52
src/views/docs/tfp.html
Normal file
52
src/views/docs/tfp.html
Normal file
@@ -0,0 +1,52 @@
|
||||
{% extends "docs/layout.html" %}
|
||||
|
||||
{% block title %}USD Credits - Project Mycelium{% endblock %}
|
||||
|
||||
{% block docs_content %}
|
||||
<div class="docs-content">
|
||||
<h1>USD Credits</h1>
|
||||
<p class="lead">Project Mycelium uses a simple USD credits system for all transactions.</p>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<h5>Simple and Intuitive</h5>
|
||||
<p>1 Credit = $1 USD. No complex conversions or confusing terminology.</p>
|
||||
</div>
|
||||
|
||||
<h2>How Credits Work</h2>
|
||||
<ul>
|
||||
<li><strong>Direct USD Pricing:</strong> All products are priced in clear USD amounts</li>
|
||||
<li><strong>Easy Top-up:</strong> Add credits to your wallet with standard payment methods</li>
|
||||
<li><strong>Auto Top-up:</strong> Automatically purchase credits when your balance gets low</li>
|
||||
<li><strong>One-Click Purchasing:</strong> Buy products instantly with the "Buy Now" button</li>
|
||||
</ul>
|
||||
|
||||
<h2>Auto Top-up</h2>
|
||||
<p>Configure automatic credit purchasing for seamless marketplace experience:</p>
|
||||
<ol>
|
||||
<li>Go to your <a href="/dashboard/wallet">Wallet</a></li>
|
||||
<li>Enable Auto Top-up in the settings section</li>
|
||||
<li>Set your threshold (e.g., when credits fall below $10)</li>
|
||||
<li>Set your top-up amount (e.g., purchase $25 when triggered)</li>
|
||||
<li>Choose your payment method</li>
|
||||
</ol>
|
||||
|
||||
<h2>Versatile Purchase Options</h2>
|
||||
<p>The marketplace offers two convenient ways to purchase products:</p>
|
||||
<ul>
|
||||
<li><strong>Buy Now:</strong> Instant one-click purchase with automatic balance management and auto top-up integration</li>
|
||||
<li><strong>Add to Cart:</strong> Traditional shopping cart experience for purchasing multiple items together</li>
|
||||
</ul>
|
||||
|
||||
<div class="alert alert-tip">
|
||||
<strong>Best of Both Worlds:</strong> Use "Buy Now" for quick single purchases, or "Add to Cart" when you want to compare multiple products or make bulk purchases.
|
||||
</div>
|
||||
|
||||
<h2>Getting Started</h2>
|
||||
<ol>
|
||||
<li>Create your Project Mycelium account</li>
|
||||
<li>Add credits to your wallet</li>
|
||||
<li>Browse the marketplace</li>
|
||||
<li>Click "Buy Now" for instant purchases</li>
|
||||
</ol>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user