tfgrid/www_projectinca
30
1
Fork 0
Code Issues 10 Pull Requests Packages Projects 1 Releases Wiki Activity

development to main periodic update #75

Merged
mik-tf merged 31 commits from development into main 2024-06-19 14:27:16 +00:00
Conversation 0 Commits 31 Files Changed 79 +78 -65
2 changed files with 78 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 684d7b61e5 - Show all commits

23
src/components/widgets/Note.astro
View File

@ -4,28 +4,31 @@ import { Icon } from 'astro-icon/components';
export interface Props { export interface Props {
title?: string; title?: string;
content?: string; content?: string;
link?: string; linkpath?: string;
linktitle?: string; linktitle?: string;
} }
const { const {
title = await Astro.slots.render('title'), title = await Astro.slots.render('title'),
content = await Astro.slots.render('content'), content = await Astro.slots.render('content'),
linktitle = await Astro.slots.render('linktitle'),
linkpath = await Astro.slots.render('linkpath'),
} = Astro.props; } = Astro.props;
--- ---
<section class="bg-blue-50 dark:bg-slate-800 not-prose"> <section class="bg-blue-50 dark:bg-slate-800 not-prose">
<div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium"> <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
<span class="font-bold"> <span class="font-bold">
<Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> {title}</span <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> {title}</span
> {content}
</div>
<a
target="_blank"
class="ltr:ml-auto rtl:mr-auto ml-auto bg-contain inline-block"
title="{linktitle}."
href="{link}"
> >
</a> {content}
<a
href={linkpath}
target="_blank"
class="text-blue-500 ltr:ml-auto rtl:mr-auto ml-auto bg-contain inline-block"
title=""
>
{linktitle}
</a>
</div>
</section> </section>

116
src/pages/technology.astro
View File

@ -4,7 +4,7 @@ import Hero from '~/components/widgets/Hero.astro';
import Layout from '~/layouts/PageLayout.astro'; import Layout from '~/layouts/PageLayout.astro';
import Content from '~/components/widgets/Content.astro'; import Content from '~/components/widgets/Content.astro';
import CallToAction from '~/components/widgets/CallToAction.astro'; import CallToAction from '~/components/widgets/CallToAction.astro';
import AutonomousCloud from './autonomouscloud_engine.astro' import AutonomousCloud from './autonomouscloud_engine.astro';
import Note from '~/components/widgets/Note.astro'; import Note from '~/components/widgets/Note.astro';
// import Features3 from '~/components/widgets/Features3.astro'; // import Features3 from '~/components/widgets/Features3.astro';
@ -12,7 +12,6 @@ import Note from '~/components/widgets/Note.astro';
// import Steps2 from '~/components/widgets/Steps2.astro'; // import Steps2 from '~/components/widgets/Steps2.astro';
// import Steps from '~/components/widgets/Steps.astro'; // import Steps from '~/components/widgets/Steps.astro';
const metadata = { const metadata = {
title: 'Technology', title: 'Technology',
}; };
@ -21,25 +20,23 @@ const metadata = {
<Layout metadata={metadata}> <Layout metadata={metadata}>
<!-- Hero Widget ******************* --> <!-- Hero Widget ******************* -->
<Hero <Hero tagline="Technology">
tagline="Technology"
>
<Fragment slot="title"> <Fragment slot="title">
Our technology enables<br> Our technology enables<br />
a planetary-scale grid a planetary-scale grid
<br> of interconnected nodes <br /> of interconnected nodes
</Fragment> </Fragment>
<Fragment slot="subtitle"> <Fragment slot="subtitle">
<br><br>Over years of research and development, together with the community we've built out a worldwide peer-to-peer <br /><br />Over years of research and development, together with the community we've built out a worldwide
and energy-efficient network of interconnected nodes with endless possibilities. We are at the start of a journey to millions of nodes. peer-to-peer and energy-efficient network of interconnected nodes with endless possibilities. We are at the start
<br><br>Mycelium Network allows for the shorter distance to be made at all time, of a journey to millions of nodes.
Zero-OS allows for self-healing and autonomous cloud services, <br /><br />Mycelium Network allows for the shorter distance to be made at all time, Zero-OS allows for
Quantum Safe File System ensures data is never lost and our blockchain self-healing and autonomous cloud services, Quantum Safe File System ensures data is never lost and our blockchain
TFChain makes sure transactions are fair and objective. TFChain makes sure transactions are fair and objective.
<br> <br>Our stack can be the foundational layer for most web2 and web3 projects out there. <br />
<br><br> Let's together create the <i>Unbreakable Internet</i>. <br />Our stack can be the foundational layer for most web2 and web3 projects out there.
<br /><br /> Let's together create the <i>Unbreakable Internet</i>.
</Fragment> </Fragment>
</Hero> </Hero>
@ -71,14 +68,14 @@ const metadata = {
<Fragment slot="content"> <Fragment slot="content">
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Zero-OS</h2> <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Zero-OS</h2>
<p> <p>
Zero-OS is a custom made stateless and lightweight operating system designed to host anything that runs on Linux, Zero-OS is a custom made stateless and lightweight operating system designed to host anything that runs on
in a more decentralized way without giving up all required control and visbility. Linux, in a more decentralized way without giving up all required control and visbility.
<br><br> <br /><br />
Zero-OS is the engine of the ThreeFold Grid. Zero-OS is the engine of the ThreeFold Grid.
<br>Zero-OS is compatible with almost all computer hardware. <br />Zero-OS is compatible with almost all computer hardware.
<br><br> <br /><br />
Zero-OS allows anyone to become a hosting service provider without being a cloud expert. Zero-OS allows anyone to become a hosting service provider without being a cloud expert. The operating system works
The operating system works fully autonomous and does not require interventions. fully autonomous and does not require interventions.
</p> </p>
</Fragment> </Fragment>
@ -87,7 +84,6 @@ const metadata = {
</Fragment> </Fragment>
</Content> </Content>
<Content <Content
id="mycelium" id="mycelium"
columns={3} columns={3}
@ -114,12 +110,13 @@ const metadata = {
<Fragment slot="content"> <Fragment slot="content">
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Mycelium</h2> <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Mycelium</h2>
<p> <p>
Mycelium is the result of 10 years of trial and error on our search for a more efficient network system for facilitating faster more reliable communication between machines and people. Mycelium is the result of 10 years of trial and error on our search for a more efficient network system for
<br><br>Our goal was to create a network system capable of identifying and following facilitating faster more reliable communication between machines and people.
the fastest path, stay up and running even in challenging conditions (e.g. fiber cuts), and secure all traffic. <br /><br />Our goal was to create a network system capable of identifying and following the fastest path, stay
<br><br>With Mycelium, data traverses the most efficient routes, utilizing any available internet connection, up and running even in challenging conditions (e.g. fiber cuts), and secure all traffic.
including peer-to-peer network systems like mesh wireless. <br /><br />With Mycelium, data traverses the most efficient routes, utilizing any available internet
All traffic is end-to-end encrypted, effectively preventing man-in-the-middle attacks. connection, including peer-to-peer network systems like mesh wireless. All traffic is end-to-end encrypted,
effectively preventing man-in-the-middle attacks.
</p> </p>
</Fragment> </Fragment>
@ -128,7 +125,6 @@ const metadata = {
</Fragment> </Fragment>
</Content> </Content>
<Content <Content
isReversed isReversed
id="qsfs" id="qsfs"
@ -153,17 +149,16 @@ const metadata = {
loading: 'eager', loading: 'eager',
}} }}
> >
<AutonomousCloud />
<AutonomousCloud/>
<Fragment slot="content"> <Fragment slot="content">
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe Storage</h2> <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Quantum-Safe Storage</h2>
<p> <p>
The Quantum-Safe Storage System is a decentralized, globally distributed data storage system. The Quantum-Safe Storage System is a decentralized, globally distributed data storage system.
<br><br>The benefits are incredible: Up to 10x more efficient (power and usage of hardware). <br /><br />The benefits are incredible: Up to 10x more efficient (power and usage of hardware). Super reliable,
Super reliable, data can not be lost or corrupted. Safe, private and scalable. data can not be lost or corrupted. Safe, private and scalable.
<br><br>Sovereign, data is close to you in the country of your choice. <br /><br />Sovereign, data is close to you in the country of your choice. Truly peer-to-peer, by everyone for
Truly peer-to-peer, by everyone for everyone everyone
</p> </p>
</Fragment> </Fragment>
@ -200,10 +195,11 @@ const metadata = {
<Fragment slot="content"> <Fragment slot="content">
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Smart Contract for IT</h2> <h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Smart Contract for IT</h2>
<p> <p>
The ThreeFold Grid allows for the deterministic deployment of IT workloads involving multiple parties, The ThreeFold Grid allows for the deterministic deployment of IT workloads involving multiple parties, ensuring
ensuring that your intended workload becomes operational without the possibility of alteration during the process. that your intended workload becomes operational without the possibility of alteration during the process.
<br><br> <br /><br />
It's possible to achieve full transparency and reproducibility for any required deployment in relation to AI, Edge Cloud, Web2 and Web3. It's possible to achieve full transparency and reproducibility for any required deployment in relation to AI, Edge
Cloud, Web2 and Web3.
</p> </p>
</Fragment> </Fragment>
@ -222,12 +218,12 @@ const metadata = {
icon: 'tabler:brand-minecraft', icon: 'tabler:brand-minecraft',
}, },
]} ]}
> >
<Fragment slot="title">Start building today.</Fragment> <Fragment slot="title">Start building today.</Fragment>
<Fragment slot="subtitle"> <Fragment slot="subtitle">
The ThreeFold Grid is operational in its 3e generation, <br>check out our manual, let us know what we can improve on and lets build together. The ThreeFold Grid is operational in its 3e generation, <br />check out our manual, let us know what we can
improve on and lets build together.
</Fragment> </Fragment>
</CallToAction> </CallToAction>
<!-- Features2 Widget ************** --> <!-- Features2 Widget ************** -->
@ -239,13 +235,14 @@ const metadata = {
items={[ items={[
{ {
title: 'Wordpress', title: 'Wordpress',
description: "WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.", description:
'WordPress is a free and open-source content management system (CMS) powering nearly half of the Internet that allows users to create and manage digital content.',
icon: 'tabler:brand-wordpress', icon: 'tabler:brand-wordpress',
}, },
{ {
title: 'Nextcloud', title: 'Nextcloud',
description: description:
"Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.", 'Nextcloud is a suite of client-server software for creating and using file hosting services. Nextcloud provides functionality similar to Dropbox, Office 365 or Google Drive.',
icon: 'tabler:cloud', icon: 'tabler:cloud',
}, },
{ {
@ -257,7 +254,7 @@ const metadata = {
{ {
title: 'Kubernetes', title: 'Kubernetes',
description: description:
"Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.", 'Kubernetes is the standard container orchestration tool. On the grid, Kubernetes clusters can be deployed out of the box enabling powerful architectures and deployments.',
icon: 'tabler:box', icon: 'tabler:box',
}, },
{ {
@ -268,12 +265,14 @@ const metadata = {
}, },
{ {
title: 'AI and Machine Learning', title: 'AI and Machine Learning',
description: 'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.', description:
'The grid comes built int with GPU functionalities. Access the latest GPUs on the grid and deploy AI workloads. With Nvidia and AMD GPU support, the grid can run the best hardware on the market.',
icon: 'tabler:ai', icon: 'tabler:ai',
}, },
{ {
title: 'Casperlabs', title: 'Casperlabs',
description: 'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.', description:
'Casper Network is a blockchain protocol built from the ground up to remain true to core Web3 principles. It powers scalable, secure & decentralized blockchain solutions.',
icon: 'tabler:webhook', icon: 'tabler:webhook',
}, },
{ {
@ -284,12 +283,14 @@ const metadata = {
}, },
{ {
title: 'Subsquid', title: 'Subsquid',
description: "Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ", description:
'Subsquid is an innovative decentralized data lake and query engine designed to provide developers with performant and permissionless access to data, aiming to build a neutral and open internet. ',
icon: 'tabler:database-leak', icon: 'tabler:database-leak',
}, },
{ {
title: 'Node Pilot', title: 'Node Pilot',
description: 'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.', description:
'Node Pilot is a simple Linux executable that allows users to easily deploy, manage, and monetize crypto nodes. It provides a seamless Docker integration with enterprise-level security.',
icon: 'tabler:coins', icon: 'tabler:coins',
}, },
{ {
@ -300,7 +301,8 @@ const metadata = {
}, },
{ {
title: 'Discourse', title: 'Discourse',
description: "Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!", description:
'Discourse is the 100% open source discussion platform built for the next decade of the Internet. Use it as a mailing list, discussion forum, long-form chat room, and more!',
icon: 'tabler:bubble-text', icon: 'tabler:bubble-text',
}, },
]} ]}
@ -312,6 +314,13 @@ const metadata = {
<!-- CallToAction Widget *********** --> <!-- CallToAction Widget *********** -->
<Note
content="Start building today see our manual"
title="MANUAL –"
linkpath="https://manual.grid.tf"
linktitle="https://manual.grid.tf"
/>
<CallToAction <CallToAction
actions={[ actions={[
{ {
@ -326,7 +335,8 @@ const metadata = {
<Fragment slot="title">Expand the Grid with Us</Fragment> <Fragment slot="title">Expand the Grid with Us</Fragment>
<Fragment slot="subtitle"> <Fragment slot="subtitle">
We have the technology for a planetary-scale alternative<br> to mainstream cloud and current monopolistic markets.<br><br>INCA is the Unbreakable Internet. We have the technology for a planetary-scale alternative<br /> to mainstream cloud and current monopolistic markets.<br
/><br />INCA is the Unbreakable Internet.
</Fragment> </Fragment>
</CallToAction> </CallToAction>
</Layout> </Layout>