Skip to content

Commit 48a165c

Browse files
SeddikBellamineSeddikBellamine
committed
docs: align getting-started pages format with iApp Generator
- Update DataProtector, Web3mail, and Web3telegram getting-started pages - Add modern flex layout with interactive download links for prerequisites - Include emojis and consistent visual hierarchy matching iApp Generator format
1 parent ecb2160 commit 48a165c

File tree

3 files changed

+81
-39
lines changed

3 files changed

+81
-39
lines changed

‎src/references/dataProtector/getting-started.md‎

Lines changed: 27 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,22 +6,36 @@ description:
66
and access controls in minutes.
77
---
88

9-
# Getting Started
9+
# 🛡 Getting Started
1010

1111
[![GitHub package.json version (branch)](https://img.shields.io/badge/npm-2.0.0--beta-green)](https://www.npmjs.com/package/@iexec/dataprotector)
1212

13-
## Overview
14-
15-
### Prerequisites
16-
17-
Before getting started, ensure that you have the following installed on your
18-
system:
19-
20-
\- [**Node.js**](https://nodejs.org/en/) version 18 or higher
21-
22-
\- [**NPM**](https://docs.npmjs.com/) (Node.js package manager)
23-
24-
### Installation
13+
## 🕕 Prerequisites
14+
15+
Before using DataProtector, make sure you have:
16+
17+
<div class="flex flex-col gap-2 my-4 pl-0">
18+
<div class="flex items-center gap-4 text-left">
19+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
20+
📦 Node.js v18+ (required)
21+
</div>
22+
<a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
23+
</div>
24+
<div class="flex items-center gap-4 text-left">
25+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
26+
📦 NPM (Node.js package manager)
27+
</div>
28+
<a target="_blank" href="https://docs.npmjs.com/" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
29+
</div>
30+
<div class="flex items-center gap-4 text-left">
31+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
32+
💰 RLC Tokens (for data protection)
33+
</div>
34+
<a href="/get-started/overview/rlc" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
35+
</div>
36+
</div>
37+
38+
### 📦 Installation
2539

2640
::: code-group
2741

‎src/references/web3mail/getting-started.md‎

Lines changed: 27 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -6,22 +6,36 @@ description:
66
email communication.
77
---
88

9-
# Getting Started
9+
# 📧 Getting Started
1010

1111
[![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/iExecBlockchainComputing/web3mail-sdk?color=green)](https://github.com/iExecBlockchainComputing/web3mail-sdk)
1212

13-
## Overview
14-
15-
### Prerequisites
16-
17-
Before getting started, ensure that you have the following installed on your
18-
system:
19-
20-
\- [**Node.js**](https://nodejs.org/en/) version 18 or higher
21-
22-
\- [**NPM**](https://docs.npmjs.com/) (Node.js package manager)
23-
24-
### Installation
13+
## 🕕 Prerequisites
14+
15+
Before using Web3Mail, make sure you have:
16+
17+
<div class="flex flex-col gap-2 my-4 pl-0">
18+
<div class="flex items-center gap-4 text-left">
19+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
20+
📦 Node.js v18+ (required)
21+
</div>
22+
<a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
23+
</div>
24+
<div class="flex items-center gap-4 text-left">
25+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
26+
📦 NPM (Node.js package manager)
27+
</div>
28+
<a target="_blank" href="https://docs.npmjs.com/" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
29+
</div>
30+
<div class="flex items-center gap-4 text-left">
31+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
32+
💰 RLC Tokens (for email operations)
33+
</div>
34+
<a href="/get-started/overview/rlc" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
35+
</div>
36+
</div>
37+
38+
### 📦 Installation
2539

2640
::: code-group
2741

‎src/references/web3telegram/getting-started.md‎

Lines changed: 27 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,36 @@ description:
55
Telegram messages. Install the SDK and integrate it with your Web3 project.
66
---
77

8-
# Getting started
8+
# 📱 Getting Started
99

1010
[![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/iExecBlockchainComputing/web3telegram-sdk?color=green)](https://github.com/iExecBlockchainComputing/web3telegram-sdk)
1111

12-
## Overview
13-
14-
### Prerequisites
15-
16-
Before getting started, ensure that you have the following installed on your
17-
system:
18-
19-
\- [**Node.js**](https://nodejs.org/en/) version 18 or higher
20-
21-
\- [**NPM**](https://docs.npmjs.com/) (Node.js package manager)
22-
23-
### Installation
12+
## 🕕 Prerequisites
13+
14+
Before using Web3Telegram, make sure you have:
15+
16+
<div class="flex flex-col gap-2 my-4 pl-0">
17+
<div class="flex items-center gap-4 text-left">
18+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
19+
📦 Node.js v18+ (required)
20+
</div>
21+
<a target="_blank" href="https://nodejs.org/en/" class="no-underline! text-sm ml-auto hover:underline!">Download →</a>
22+
</div>
23+
<div class="flex items-center gap-4 text-left">
24+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
25+
📦 NPM (Node.js package manager)
26+
</div>
27+
<a target="_blank" href="https://docs.npmjs.com/" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
28+
</div>
29+
<div class="flex items-center gap-4 text-left">
30+
<div class="flex items-center gap-1 flex-1 text-sm font-medium">
31+
💰 RLC Tokens (for Telegram operations)
32+
</div>
33+
<a href="/get-started/overview/rlc" class="no-underline! text-sm ml-auto hover:underline!">Learn More →</a>
34+
</div>
35+
</div>
36+
37+
### 📦 Installation
2438

2539
::: code-group
2640

0 commit comments

Comments
 (0)