Skip to content

Commit c6cbbba

Browse files
Le-CaignecLe-Caignec
authored
Merge branch 'main' into feature/add-chain-switch
2 parents 6364942 + 8eb844e commit c6cbbba

File tree

6 files changed

+202
-19
lines changed

6 files changed

+202
-19
lines changed

‎.vitepress/sidebar.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,10 @@ export function getSidebar() {
3838
text: '📋 Use Cases',
3939
link: '/overview/use-cases',
4040
},
41+
{
42+
text: '🪙 RLC Token',
43+
link: '/overview/rlc',
44+
},
4145
{
4246
text: '🤖 Develop with AI',
4347
link: '/overview/develop-with-ai',

‎README.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -170,5 +170,7 @@ Fork this repository and ensure you're working on the `main` branch:
170170
- Add a Development workflow
171171
- Update context7 when doc will be deployed
172172
- Check theGraph Images with design Team
173+
- Update the Dune Dashboard to the final version
173174
- Add new section in `iexec-explorer.md` file to talk about: available chain on
174175
the UI + SRLC/RLC on account section feature of the protocol
176+
- Update or add design illustrations based on the new design system

‎src/assets/rlc/dune-dashboard.png‎

427 KB
Loading

‎src/assets/rlc/rlc.gif‎

7.64 MB
Loading

‎src/components/FeatureCard.vue‎

Lines changed: 62 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,80 @@
11
<template>
2-
<a
3-
:href="linkUrl"
4-
class="block h-full min-h-40 text-inherit no-underline! visited:no-underline! hover:no-underline! active:no-underline!"
2+
<div
3+
class="border-border bg-soft-bg flex h-full flex-col rounded-lg border p-6 transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-md"
54
>
6-
<div
7-
class="bg-soft-bg border-border flex h-full cursor-pointer flex-col rounded-lg border p-3 transition-all duration-200 ease-in-out hover:-translate-y-0.5 hover:shadow-md"
8-
>
9-
<div class="flex items-center gap-2">
10-
<Icon :icon="icon" class="text-xl" :class="iconColor" />
11-
<h3 class="text-text1 !mt-0 !mb-0 text-base font-semibold">
12-
{{ title }}
13-
</h3>
14-
</div>
15-
<p class="text-text2 !mt-2 flex-grow text-sm leading-relaxed">
16-
{{ description }}
17-
</p>
5+
<div class="mb-4 flex items-center gap-2">
6+
<Icon :icon="icon" class="text-xl" :class="iconColor" />
7+
<h3 class="text-text1 !mt-0 !mb-0 text-base font-semibold">
8+
{{ title }}
9+
</h3>
1810
</div>
19-
</a>
11+
12+
<!-- Description mode -->
13+
<p
14+
v-if="description && !features"
15+
class="text-text2 !mt-2 flex-grow text-sm leading-relaxed"
16+
>
17+
{{ description }}
18+
</p>
19+
20+
<!-- Features mode -->
21+
<ul
22+
v-if="features"
23+
class="flex-grow space-y-2 text-sm text-gray-700 dark:text-gray-300"
24+
>
25+
<li
26+
v-for="feature in processedFeatures"
27+
:key="feature.key"
28+
class="flex items-start gap-2"
29+
>
30+
<span class="text-gray-600">•</span>
31+
<span v-if="feature.link">
32+
<a
33+
:href="feature.link"
34+
target="_blank"
35+
rel="noopener noreferrer"
36+
class="text-blue-600 underline transition-colors hover:text-blue-800 hover:no-underline dark:text-blue-400 dark:hover:text-blue-300"
37+
>
38+
{{ feature.text }}
39+
</a>
40+
</span>
41+
<span v-else>{{ feature.text }}</span>
42+
</li>
43+
</ul>
44+
</div>
2045
</template>
2146

2247
<script setup lang="ts">
48+
import { computed } from 'vue';
2349
import { Icon } from '@iconify/vue';
2450
51+
interface FeatureItem {
52+
text: string;
53+
link?: string;
54+
}
55+
2556
interface Props {
2657
icon: string;
2758
title: string;
28-
description: string;
29-
linkUrl: string;
59+
description?: string;
60+
features?: (string | FeatureItem)[];
61+
linkUrl?: string;
3062
iconColor?: string;
3163
}
3264
33-
withDefaults(defineProps<Props>(), {
65+
const props = withDefaults(defineProps<Props>(), {
3466
iconColor: 'text-blue-500',
3567
linkUrl: '',
3668
});
69+
70+
const processedFeatures = computed(() => {
71+
if (!props.features) return [];
72+
return props.features.map((feature, index) => {
73+
if (typeof feature === 'string') {
74+
return { key: index, text: feature };
75+
} else {
76+
return { key: index, text: feature.text, link: feature.link };
77+
}
78+
});
79+
});
3780
</script>

‎src/overview/rlc.md‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
---
2+
title: RLC Token
3+
description:
4+
The RLC token is the cryptocurrency that powers the iExec decentralized
5+
computing ecosystem
6+
---
7+
8+
<div class="flex flex-col items-center mb-8">
9+
<img :src="rlcGif" alt="RLC Token Animation" class="w-80 h-80 mb-0" />
10+
<h1 class="text-3xl font-bold text-center mb-2">RLC Token</h1>
11+
<p class="text-lg text-center text-gray-600 max-w-2xl">The native cryptocurrency that powers the entire iExec decentralized confidential computing ecosystem</p>
12+
</div>
13+
14+
**RLC** (**R**un on **L**ots of **C**omputers) serves as the primary medium of
15+
exchange for all interactions within the protocol, enabling users to access
16+
confidential computing services, and rewarding providers for their
17+
contributions.
18+
19+
## 🎯 What RLC Enables
20+
21+
RLC is essential for interacting with the iExec protocol and accessing its
22+
decentralized confidential computing services.
23+
24+
## 💰 Transparent Payment Flow
25+
26+
When you pay for a task execution with RLC, your payment is automatically and
27+
transparently distributed to all iExec protocol participants:
28+
29+
<div class="bg-gradient-to-r from-blue-50 to-blue-100 dark:from-blue-900/20 dark:to-blue-800/20 rounded-lg px-4 border border-blue-200 dark:border-blue-700 my-0">
30+
<h4 class="text-lg font-semibold text-blue-800 dark:text-blue-200">🔍 How Your RLC Payment is Distributed</h4>
31+
32+
**1. App Provider** - Gets paid for providing the confidential application
33+
34+
**2. Protected Data Provider** - Gets paid for providing access to protected confidential datasets
35+
36+
**3. Worker** - Gets paid for running the confidential computation on their decentralized machine
37+
</div>
38+
39+
**💡 Transparent:** Payments are distributed based on pricing and conditions
40+
defined by each provider (iApp, Protected Data, Worker) in their marketplace
41+
orders.
42+
43+
**🔒 RLC Staking:** To run a task on the protocol (executing an application with
44+
protected data on a decentralized workerpool), you need to **lock RLC** in the
45+
protocol during the task period. In exchange, you receive **sRLC (staked RLC)**.
46+
Once the task is completed, you can recover the RLC that wasn't consumed for the
47+
task payment.
48+
49+
## 💰 Tokenomics & Ecosystem Metrics
50+
51+
RLC operates on a utility-driven economic model where demand for confidential
52+
computing services drives token value:
53+
54+
**Fixed Supply**: RLC has a maximum supply of 87 million tokens, ensuring
55+
scarcity and value preservation.
56+
57+
**Network Effects**: As more users and providers join the iExec ecosystem, the
58+
demand for RLC increases, driving token value through network effects.
59+
60+
<ImageViewer
61+
:image-url-dark="duneDashboard"
62+
image-alt="RLC Token Economics Dashboard"
63+
link-url="https://dune.com/datawarlock/arbitrum-economics"
64+
caption="🔗 Access iExec Dune Dashboard"
65+
/>
66+
67+
## 🔄 Getting RLC
68+
69+
You can acquire RLC tokens through several methods:
70+
71+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-8">
72+
<FeatureCard
73+
title="Centralized Exchanges"
74+
icon="mdi:store"
75+
icon-color="text-indigo-500"
76+
:features="[
77+
{ text: 'View all available CEX on CoinMarketCap', link: 'https://coinmarketcap.com/fr/currencies/rlc/' },
78+
'High liquidity markets',
79+
'Fiat to RLC purchase options'
80+
]"
81+
/>
82+
83+
<FeatureCard
84+
title="Decentralized Exchanges"
85+
icon="mdi:waves"
86+
icon-color="text-purple-500"
87+
:features="[
88+
{ text: 'ETH: RLC/ETH on Uniswap', link: 'https://app.uniswap.org/explore/pools/ethereum/0x56Ea002B411FD5887E55329852D5777EcB170713' },
89+
'ARB: RLC/ETH (coming soon)',
90+
'High liquidity DEX trading'
91+
]"
92+
/>
93+
94+
<FeatureCard
95+
title="Cross-Chain Bridging"
96+
icon="mdi:bridge"
97+
icon-color="text-teal-500"
98+
:features="[
99+
'Bellecour Bridge',
100+
'Stargate Bridge (Arbitrum)',
101+
]"
102+
/>
103+
104+
<FeatureCard
105+
title="Earn RLC"
106+
icon="mdi:diamond"
107+
icon-color="text-pink-500"
108+
:features="[
109+
'Develop confidential apps',
110+
'Monetize protected datasets',
111+
'Become a compute provider',
112+
]"
113+
/>
114+
</div>
115+
116+
## 🚀 Ready to get started?
117+
118+
Ready to dive into the iExec ecosystem? Here are the next steps:
119+
120+
- **[Bridge RLC](./tooling-and-explorers/bridge.md)** - Transfer RLC between
121+
networks
122+
- **[Start Using iExec](./quick-start.md)** - Begin your confidential computing
123+
journey
124+
- **[Earn RLC](../manage-data/guides/create-and-share-access.md)** - Become a
125+
provider and monetize your resources
126+
127+
<script setup>
128+
import ImageViewer from '../components/ImageViewer.vue';
129+
import FeatureCard from '../components/FeatureCard.vue';
130+
131+
// Assets
132+
import rlcGif from '../assets/rlc/rlc.gif';
133+
import duneDashboard from '../assets/rlc/dune-dashboard.png';
134+
</script>

0 commit comments

Comments
 (0)