Merge pull request #2224 from arduino/hannes7eicher/SECRET-Docs

[MKC-1629] Update SECRET Docs

content/arduino-cloud/04.cloud-editor/store-your-sensitive-data-safely-when-sharing/store-your-sensitive-data-safely-when-sharing.md

@@ -1,75 +1,43 @@
 ---
-title: 'Store your sensitive data safely when sharing a sketch'
+title: 'Store Sensitive Data in Sketches'
 description: 'Learn how to share sketches without sharing the sensitive data such as Wi-Fi credentials and API keys.'
 ---
 
-Often in your sketch, there is some sensitive data that you’d like to keep private, which could accidentally become public when published on GitHub or when you [share your sketch with someone else via URL](https://create.arduino.cc/projecthub/Arduino_Genuino/share-your-sketches-on-the-arduino-web-editor-00a02c). This sensitive information may include Wi-Fi network names and passwords, API key, and so on. But now, you can add a secret tab to your sketch and store your private data there.
+Often in your sketch, there is some sensitive data that you’d like to keep private, which could accidentally become public when published on GitHub or when you [share your sketch with someone else via URL](content/arduino-cloud/04.cloud-editor/embedding-create-iframes/embedding-create-iframes.md). This sensitive information may include Wi-Fi network names and passwords, API key, and so on. But now, you can add a secret tab to your sketch and store your private data there.
 
-This feature has been designed specifically for the [Arduino Create Editor](https://create.arduino.cc/editor). If you have yet to try it, follow [this tutorial to get started](https://create.arduino.cc/projecthub/Arduino_Genuino/getting-started-with-the-arduino-web-editor-4b3e4a) — all you need is an Arduino ID.
+This feature has been designed specifically for the [Arduino Cloud Editor](https://app.arduino.cc). If you have yet to try it, follow [Getting Started with Arduino Cloud](https://docs.arduino.cc/arduino-cloud/guides/overview/) — all you need is an Arduino ID.
 
 ## How it works
 
 Basically every time you type `SECRET_SOMETHING` in your sketch and save it, we will create a Secret tab for you to fill out.
 
-Let’s start with an example, just so you can see how it works.
-
-Go to the **Libraries panel** and type **‘Wifi101’** in the search tab, then click on the **ConnectWithWPA** example. You can also click on [this link](https://create.arduino.cc/editor/Arduino_Genuino/2ab7cb05-7f86-41cb-994f-d121d6f3bf34/preview) and add the example to your sketchbook.
-
-![share_secure_sketches_img_1](assets/share_secure_sketches_img_1.jpg)
-
-As you can see, there are some identifiers like `SECRET_SIID` and `SECRET_PSW`. If you now click on the tab called “Secret,” you will notice some input fields where you can fill in your data.
-
-If you have a [MKR1000](/hardware/mkr-1000-wifi) lying around, you can upload this sketch on it and watch your board connect to Internet (just make sure you join a 2GHz WiFi network).
-
-![share_secure_sketches_img_2](assets/share_secure_sketches_img_2.png)
-![share_secure_sketches_img_3](assets/share_secure_sketches_img_3.jpg)
-
 ## How to Add Secret Values to Your Own Sketch
 
-Write your sketch as you would normally.
-
-![share_secure_sketches_img_4](assets/share_secure_sketches_img_4.jpg)
+Write your sketch as you would normally. Then click on the plus icon next to your sketch name and click on "Add Secrets Tab".
 
-In your sketch, replace the strings containing sensitive data by writing `SECRET_NAMEYOUWANT`. For instance, if your string is `"psw”`, you should replace it with `SECRET_PSW`. **Make sure all these identifiers are in caps.**
+![Add SECRET Tab](./assets/add_secret_1.png)
 
-![share_secure_sketches_img_5](assets/share_secure_sketches_img_5.png)
+In your sketch, replace the strings containing sensitive data by writing `SECRET_NAMEYOUWANT`. For instance, if your string is `"ssid`, you should replace it with `SECRET_SSID`. **Make sure all these identifiers are in caps.**
 
-The Secret tab will be automatically created **as soon as you type** `SECRET_SOMETHING`. Go to Secret tab and fill out the fields with the sensitive values.
+![SECRET in Code](./assets/add_secret_3.png)
 
-![share_secure_sketches_img_6](assets/share_secure_sketches_img_6.jpg)
-
-That's it! If you share this sketch with someone via URL or if you download it, the values on the tab will be blank.
+A new page will appear where you can enter your secret keys.
 
-![share_secure_sketches_img_7](assets/share_secure_sketches_img_7.png)
 
-Alternatively, you can also click on the tab button and add the Secret tab directly from there. These instructions will be reported for quick reference.
-
-![share_secure_sketches_img_8](assets/share_secure_sketches_img_8.jpg)
+![Add SECRET Key](./assets/add_secret_2.png)
 
+That's it! If you share this sketch with someone via URL or if you download it, the values on the tab will be blank.
 
 ## Adding an extra optional field
 
-If you want to add another field, let's say to store the pin for your SIM card, or an API token, we can add an optional field. All we need to do is adding this at the top of our sketch:
-
-```arduino
-const char optional[] = SECRET_OPTIONAL;
-```
-
-So let's say we use `SECRET_SSID` and `SECRET_PASS`, this one would just be added in the same fashion.
+If you look at the examples above you notice we've also added a `SECRET_OPTIONAL_PASS`. This is used to store optional information e.g. a password that might be needed to connect to the Wi-Fi®.
 
-![img of editor](assets/secret_feature_1.png)
-
-Now if we head over to the **Secret** tab, it will be visible, and you can input your optional credential.
-
-![img of secret tab](assets/secret_feature_2.png)
+You can add it in the same fashion as the `SECRET_SSID` and add the `OPTIONAL` to it.
 
 ## Download the sketch
 
 If you download a sketch, we will automatically create a file called arduino_secrets.h and add it to the .zip file. If you open the sketch with the Desktop IDE, you will be able to fill up this tab with your secrets as usual.
 
-![share_secure_sketches_img_9](assets/share_secure_sketches_img_9.png)
-
-
 ## Tech Details
 
 All the values you enter will be considered strings.