From 7c0eb90ec91a66fea0f148b721f5d65c63688293 Mon Sep 17 00:00:00 2001
From: folex <0xdxdy@gmail.com>
Date: Thu, 22 Jul 2021 19:20:26 +0300
Subject: [PATCH] Add titles to the first screen

---
 intro/1-hello-world/src/App.tsx                                | 3 ++-
 intro/3-hello-world-web3/src/App.tsx                           | 3 ++-
 .../web/src/Components/ConnectionForm.tsx                      | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/intro/1-hello-world/src/App.tsx b/intro/1-hello-world/src/App.tsx
index 4dd72ed..4608a67 100644
--- a/intro/1-hello-world/src/App.tsx
+++ b/intro/1-hello-world/src/App.tsx
@@ -113,7 +113,8 @@ function App() {
           </>
         ) : (
           <>
-            <h1>Pick a relay</h1>
+            <h1>Intro 1: P2P browser-to-browser</h1>
+            <h2>Pick a relay</h2>
             <ul>
               {relayNodes.map((x) => (
                 <li key={x.peerId}>
diff --git a/intro/3-hello-world-web3/src/App.tsx b/intro/3-hello-world-web3/src/App.tsx
index d8b8431..9e39d5e 100644
--- a/intro/3-hello-world-web3/src/App.tsx
+++ b/intro/3-hello-world-web3/src/App.tsx
@@ -117,7 +117,8 @@ function App() {
           </>
         ) : (
           <>
-            <h1>Pick a relay</h1>
+            <h1>Intro 3: Delegate computing to the network</h1>
+            <h2>Pick a relay</h2>
             <ul>
               {relayNodes.map((x) => (
                 <li key={x.peerId}>
diff --git a/intro/4-ipfs-code-execution/web/src/Components/ConnectionForm.tsx b/intro/4-ipfs-code-execution/web/src/Components/ConnectionForm.tsx
index 504f007..c93333a 100644
--- a/intro/4-ipfs-code-execution/web/src/Components/ConnectionForm.tsx
+++ b/intro/4-ipfs-code-execution/web/src/Components/ConnectionForm.tsx
@@ -5,7 +5,8 @@ export const ConnectionForm = () => {
 
   return (
     <>
-      <h1>Pick a relay</h1>
+      <h1>Intro 4: IPFS storage + Fluence compute</h1>
+      <h2>Pick a relay</h2>
       <ul>
         {relayNodes.map((x) => (
           <li key={x.peerId}>