Compare commits
4 Commits
9a3f623ad4
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 189a96de30 | |||
| fb458edca2 | |||
| d15c3cd138 | |||
| aff7dd529b |
3
.gitignore
vendored
3
.gitignore
vendored
@@ -15,4 +15,5 @@ node_modules/
|
||||
target/
|
||||
lib/investorstool/parsers/input
|
||||
docs/
|
||||
all_files_text.txt
|
||||
all_files_text.txt
|
||||
data.ms
|
||||
|
||||
52
poc_threefold/content/products/body.html
Normal file
52
poc_threefold/content/products/body.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<section id="why">
|
||||
<h1>A Secure & Sovereign Infrastructure Layer for the Internet</h1>
|
||||
<p>Our unique technology enables a system which can scale to a planetary level, can store data which can never be corrupted nor lost, is compatible with AI, Cloud, Web2, Web3 and Edge IT workloads, has the potential to recover from unforeseen events, and provide 100% uptime.</p>
|
||||
<p>ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.</p>
|
||||
<a href="#dive-deeper" role="button">Dive Deeper</a>
|
||||
</section>
|
||||
<section id="products">
|
||||
<h2>What We've Built</h2>
|
||||
<p>At Threefold, we've created products that embody innovation, authenticity, and simplicity. Each solution is crafted to empower individuals and communities, blending cutting-edge technology with practical usability.</p>
|
||||
<div class="product-grid">
|
||||
<div class="product-card">
|
||||
<h3>TF DASHBOARD</h3>
|
||||
<p>A Graphical user interface (GUI) provided by ThreeFold for users to access and manage their ThreeFold Grid resources</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>TF CONNECT APP</h3>
|
||||
<p>Your gateway to the ThreeFold ecosystem. Manage your digital assets and identity in one secure place.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>3NODES</h3>
|
||||
<p>The hardware backbone of the ThreeFold Grid, providing distributed compute and storage capacity.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>TF DAO</h3>
|
||||
<p>A decentralized governance system enabling community-driven decision making for the ThreeFold ecosystem.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>TF CHAIN</h3>
|
||||
<p>Our blockchain technology powering the decentralized internet infrastructure.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>GATEWAY NODES</h3>
|
||||
<p>Entry points to the ThreeFold Grid, enabling secure access to distributed services.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>ZERO-OS V3</h3>
|
||||
<p>Our stateless and autonomous operating system designed for secure and efficient computing.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>MYCELIUM</h3>
|
||||
<p>A decentralized network protocol enabling seamless communication across the Grid.</p>
|
||||
</div>
|
||||
<div class="product-card">
|
||||
<h3>QUANTUM SAFE STORAGE</h3>
|
||||
<p>Advanced data storage system ensuring the highest level of security and redundancy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="dive-deeper">
|
||||
<h2>Build the Internet of Tomorrow, Today.</h2>
|
||||
<a href="#dive-deeper" role="button">Dive Deeper</a>
|
||||
</section>
|
||||
1
poc_threefold/data.ms/VERSION
Normal file
1
poc_threefold/data.ms/VERSION
Normal file
@@ -0,0 +1 @@
|
||||
1.10.3
|
||||
BIN
poc_threefold/data.ms/auth/data.mdb
Normal file
BIN
poc_threefold/data.ms/auth/data.mdb
Normal file
Binary file not shown.
BIN
poc_threefold/data.ms/auth/lock.mdb
Normal file
BIN
poc_threefold/data.ms/auth/lock.mdb
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
1
poc_threefold/data.ms/instance-uid
Normal file
1
poc_threefold/data.ms/instance-uid
Normal file
@@ -0,0 +1 @@
|
||||
619301e7-3382-4a54-a5dc-f6a9389ca061
|
||||
BIN
poc_threefold/data.ms/tasks/data.mdb
Normal file
BIN
poc_threefold/data.ms/tasks/data.mdb
Normal file
Binary file not shown.
BIN
poc_threefold/data.ms/tasks/lock.mdb
Normal file
BIN
poc_threefold/data.ms/tasks/lock.mdb
Normal file
Binary file not shown.
15
poc_threefold/products.html
Normal file
15
poc_threefold/products.html
Normal file
@@ -0,0 +1,15 @@
|
||||
{% include 'components/header.html' %}
|
||||
<link rel="stylesheet" href="/static/css/products.css">
|
||||
|
||||
<body class="products-page">
|
||||
{% include 'components/nav.html' %}
|
||||
<main>
|
||||
|
||||
[[products/body]]
|
||||
|
||||
</main>
|
||||
{% include 'components/footer.html' %}
|
||||
{% include 'components/login.html' %}
|
||||
{% include 'components/signup.html' %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,3 @@
|
||||
/* Import Google Fonts - if not already imported in ourworld.css */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
|
||||
/* Container styling */
|
||||
.faq-container {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
@@ -15,18 +11,18 @@
|
||||
flex: 1;
|
||||
padding-right: 2rem;
|
||||
border-right: 1px solid #a4b6ba;
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
/* Base styles for markdown content */
|
||||
.markdown-content {
|
||||
font-family: 'Inter';
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
/* Heading styles */
|
||||
.markdown-content h2,
|
||||
.markdown-content h3 {
|
||||
font-family: 'Inter';
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
/* Light theme colors */
|
||||
@@ -65,8 +61,8 @@
|
||||
.markdown-content p,
|
||||
.markdown-content ul,
|
||||
.markdown-content li {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-weight: 400;
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
/* Make list items and paragraphs consistent size */
|
||||
@@ -89,18 +85,23 @@
|
||||
/* FAQ section styling */
|
||||
.faq-section {
|
||||
flex: 1;
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
.faq-section h4 {
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
details {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 1em 0;
|
||||
margin: 0;
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
summary {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 200;
|
||||
font-family: var(--font-family);
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
@@ -125,20 +126,20 @@ details[open] summary {
|
||||
}
|
||||
|
||||
details p {
|
||||
font-family: 'Inter', sans-serif;
|
||||
margin: 0.5em 0 0 0;
|
||||
color: #666;
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.6;
|
||||
font-weight: 400;
|
||||
padding-left: 1.5rem; /* Added indentation for FAQ answers */
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
/* Links styling */
|
||||
.markdown-content a,
|
||||
details a {
|
||||
font-size: 0.75rem; /* Match paragraph font size */
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-weight: 200;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
/* Import Google Fonts */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
|
||||
|
||||
:root {
|
||||
/* Light theme variables */
|
||||
@@ -18,6 +18,9 @@
|
||||
--hero-subtitle-text-light: white;
|
||||
--input-border-light: var(--hero-background2-light);
|
||||
|
||||
--card-bg: rgba(20, 20, 20, 0.6);
|
||||
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
|
||||
/* Dark theme variables */
|
||||
--body-background-dark: #1a1a1a;
|
||||
--body-text-dark: #ffffff;
|
||||
@@ -51,6 +54,11 @@
|
||||
--input-border: var(--input-border-dark);
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
|
||||
/* Light theme class */
|
||||
.light-theme {
|
||||
--body-background: var(--body-background-light);
|
||||
@@ -71,40 +79,36 @@
|
||||
|
||||
/* Heading styles - using Inter */
|
||||
h1 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.03em;
|
||||
line-height: 1.1;
|
||||
line-height: 1.5;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.02em;
|
||||
line-height: 1.2;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.01em;
|
||||
line-height: 1.3;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.005em;
|
||||
line-height: 1.4;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
p ul {
|
||||
@@ -117,9 +121,7 @@ p li {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
|
||||
/* Paragraph styles - using Inter */
|
||||
p {
|
||||
font-family: 'Inter', sans-serif;
|
||||
p {
|
||||
font-size: 1rem;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 1.5rem;
|
||||
@@ -127,9 +129,7 @@ p {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
/* Optional: styling for small or additional text */
|
||||
small {
|
||||
font-family: 'Inter', sans-serif;
|
||||
small {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 200;
|
||||
color: #666;
|
||||
@@ -147,10 +147,6 @@ a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Navigation styles - using Inter */
|
||||
nav {
|
||||
font-family: 'Inter';
|
||||
}
|
||||
|
||||
nav a {
|
||||
font-size: 1rem;
|
||||
@@ -172,7 +168,6 @@ main {
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter';
|
||||
background-color: var(--body-background);
|
||||
color: var(--body-text);
|
||||
min-height: 100vh;
|
||||
|
||||
338
poc_threefold/static/css/products.css
Normal file
338
poc_threefold/static/css/products.css
Normal file
@@ -0,0 +1,338 @@
|
||||
:root {
|
||||
/* Light theme variables */
|
||||
--primary-bg-light: #ffffff;
|
||||
--secondary-bg-light: #f5f5f5;
|
||||
--text-color-light: #333333;
|
||||
--text-muted-light: #666666;
|
||||
--card-bg-light: #ffffff;
|
||||
--card-border-light: rgba(0, 0, 0, 0.1);
|
||||
--card-hover-bg-light: #f8f8f8;
|
||||
|
||||
/* Dark theme variables */
|
||||
--primary-bg-dark: #0a0a0a;
|
||||
--secondary-bg-dark: #141414;
|
||||
--text-color-dark: #ffffff;
|
||||
--text-muted-dark: #a0a0a0;
|
||||
--card-bg-dark: #141414;
|
||||
--card-border-dark: rgba(255, 255, 255, 0.1);
|
||||
--card-hover-bg-dark: #1a1a1a;
|
||||
|
||||
/* Common variables */
|
||||
--accent-color: #00abf4;
|
||||
--section-padding: 3.6rem 1.2rem;
|
||||
--nav-height: 42px;
|
||||
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
|
||||
/* Default to dark theme */
|
||||
--primary-bg: var(--primary-bg-dark);
|
||||
--secondary-bg: var(--secondary-bg-dark);
|
||||
--text-color: var(--text-color-dark);
|
||||
--text-muted: var(--text-muted-dark);
|
||||
--card-bg: var(--card-bg-dark);
|
||||
--card-border: var(--card-border-dark);
|
||||
--card-hover-bg: var(--card-hover-bg-dark);
|
||||
}
|
||||
|
||||
/* Light theme overrides */
|
||||
.light-theme {
|
||||
--primary-bg: var(--primary-bg-light);
|
||||
--secondary-bg: var(--secondary-bg-light);
|
||||
--text-color: var(--text-color-light);
|
||||
--text-muted: var(--text-muted-light);
|
||||
--card-bg: var(--card-bg-light);
|
||||
--card-border: var(--card-border-light);
|
||||
--card-hover-bg: var(--card-hover-bg-light);
|
||||
}
|
||||
|
||||
.products-page * {
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
|
||||
.products-page {
|
||||
font-family: var(--font-family);
|
||||
line-height: 1.6;
|
||||
background-color: var(--primary-bg) !important;
|
||||
color: var(--text-color);
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.products-page header {
|
||||
background-color: var(--primary-bg);
|
||||
backdrop-filter: blur(10px);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: var(--nav-height);
|
||||
z-index: 1000;
|
||||
border-bottom: 1px solid var(--card-border);
|
||||
}
|
||||
|
||||
.products-page header nav {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.products-page header nav ul {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.products-page header nav ul li a {
|
||||
text-decoration: none;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.57rem;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
padding: 0.3rem 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.products-page header nav ul li a:hover {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.products-page header nav ul li a::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 1px;
|
||||
background-color: var(--accent-color);
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
.products-page header nav ul li a:hover::after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.products-page main.container {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
padding: var(--nav-height) 1.2rem 0;
|
||||
}
|
||||
|
||||
.products-page section {
|
||||
padding: var(--section-padding);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.products-page section#why {
|
||||
min-height: calc(100vh - var(--nav-height));
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
background: var(--primary-bg);
|
||||
}
|
||||
|
||||
.products-page section#why h1 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 1.2rem;
|
||||
color: var(--text-color);
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.products-page section#why p {
|
||||
font-size: 0.9rem;
|
||||
color: var(--text-muted);
|
||||
max-width: 800px;
|
||||
margin: 0.9rem auto;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.products-page section#products {
|
||||
background-color: var(--secondary-bg);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.products-page section#products::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background: var(--card-border);
|
||||
}
|
||||
|
||||
.products-page section#products h2 {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.9rem;
|
||||
color: var(--text-color);
|
||||
margin-left: 2.4rem;
|
||||
}
|
||||
|
||||
.products-page section#products p {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.9rem;
|
||||
max-width: 900px;
|
||||
margin-bottom: 2.4rem;
|
||||
font-weight: 300;
|
||||
margin-left: 2.4rem;
|
||||
}
|
||||
|
||||
.products-page .product-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 1rem;
|
||||
max-width: 1150px;
|
||||
margin: 0 auto;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
.products-page .product-card {
|
||||
background-color: var(--card-bg);
|
||||
border: 1px solid var(--card-border);
|
||||
border-radius: 8px;
|
||||
padding: 0.9rem 0.6rem;
|
||||
transition: all 0.3s ease;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.6rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.products-page .product-card:hover {
|
||||
transform: translateY(-2px);
|
||||
border-color: var(--card-border);
|
||||
background-color: var(--card-hover-bg);
|
||||
}
|
||||
|
||||
.products-page .product-card h3 {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.products-page .product-card p {
|
||||
font-size: 0.72rem;
|
||||
color: var(--text-muted);
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.products-page [role="button"] {
|
||||
display: inline-block;
|
||||
padding: 0.6rem 1.5rem;
|
||||
background: var(--accent-color);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 50px;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
font-size: 0.79rem;
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
|
||||
.products-page [role="button"]:hover {
|
||||
background: #0090d4;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 20px rgba(0, 171, 244, 0.2);
|
||||
}
|
||||
|
||||
.products-page section#dive-deeper {
|
||||
text-align: center;
|
||||
background: var(--secondary-bg);
|
||||
min-height: 30vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.products-page section#dive-deeper h2 {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1.2rem;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.products-page footer {
|
||||
text-align: center;
|
||||
padding: 1.8rem 0.6rem;
|
||||
background-color: var(--secondary-bg);
|
||||
color: var(--text-muted);
|
||||
border-top: 1px solid var(--card-border);
|
||||
}
|
||||
|
||||
.products-page footer ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.2rem;
|
||||
margin-top: 0.9rem;
|
||||
}
|
||||
|
||||
.products-page footer ul li a {
|
||||
text-decoration: none;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.72rem;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.products-page footer ul li a:hover {
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
.products-page .product-grid {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.products-page {
|
||||
--section-padding: 2.4rem 0.9rem;
|
||||
}
|
||||
|
||||
.products-page section#why h1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.products-page section#why p {
|
||||
font-size: 0.79rem;
|
||||
}
|
||||
|
||||
.products-page section#products h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.products-page header nav ul {
|
||||
padding: 0 0.6rem;
|
||||
gap: 0.9rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.products-page header nav ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.products-page .product-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user