@@ -19,12 +19,12 @@ Then, we need to have a code. In this tutorial, we are just going to use the goo
1919It should look something like this:
2020
2121``` markup
22- <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder=0 ></iframe>
22+ <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed" style="height:510px;width:100%;margin:10px 0" frameborder="0" ></iframe>
2323```
2424
2525This iframe can now simply be embedded in a HTML page, and it will look like this:
2626
27- <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =0 ></iframe >
27+ <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=embed " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =" 0 " ></iframe >
2828
2929But there are many ways we can modify the iframe to look different. So let's take a look the available modifications we can make!
3030
@@ -39,12 +39,12 @@ To do this, we need to change `view-mode=` from `embed` to `snippet` at the end
3939```
4040The result is the following:
4141
42- <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =0 ></iframe >
42+ <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =" 0 " ></iframe >
4343
4444And the full URL should look like this:
4545
4646``` markup
47- <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder=0 ></iframe>
47+ <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet" style="height:510px;width:100%;margin:10px 0" frameborder="0" ></iframe>
4848```
4949
5050## Highlighting specific lines
@@ -57,12 +57,12 @@ Next is the highlighting feature. To use this, simply add the following lines to
5757
5858The result is that line 6 and 7 are highlighted:
5959
60- <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7 " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =0 ></iframe >
60+ <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7 " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =" 0 " ></iframe >
6161
6262And the full URL should look like this:
6363
6464``` markup
65- <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder=0 ></iframe>
65+ <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&highlight=L6,7" style="height:510px;width:100%;margin:10px 0" frameborder="0" ></iframe>
6666```
6767
6868You can highlight as many lines as you want, and it is easily configurable. For example, if we want to highlight line 4 and 6-9, we simply need to add the following to the URL:
@@ -81,11 +81,11 @@ It's also possible to only show specific lines by adding the `scope` parameter,
8181
8282The result is that only lines 3 to 30 are shown.
8383
84- <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30 " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =0 ></iframe >
84+ <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30 " style =" height :510px ;width :100% ;margin :10px 0 " frameborder =" 0 " ></iframe >
8585
8686The full URL should look like this:
8787``` markup
88- <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder=0 ></iframe>
88+ <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30" style="height:510px;width:100%;margin:10px 0" frameborder="0" ></iframe>
8989```
9090
9191## Hide Numbers
@@ -98,7 +98,7 @@ To hide the line numbers in the embedded snippet, add the `&hide-numbers` parame
9898
9999The full URL should look like this:
100100``` markup
101- <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30&hide-numbers" style="height:510px;width:100%;margin:10px 0" frameborder=0 ></iframe>
101+ <iframe src="https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet&scope=L3-L30&hide-numbers" style="height:510px;width:100%;margin:10px 0" frameborder="0" ></iframe>
102102```
103103
104104## Manually changing the size of your widget
@@ -119,7 +119,7 @@ style="height:200px;width:50%;margin:10px 0"
119119
120120Which will look like this:
121121
122- <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet " style =" height :200px ;width :50% ;margin :10px 0 " frameborder =0 ></iframe >
122+ <iframe src =" https://app.arduino.cc/sketches/examples?eid=01.Basics%2FBlink&view-mode=snippet " style =" height :200px ;width :50% ;margin :10px 0 " frameborder =" 0 " ></iframe >
123123
124124## Automatically re-sizing your sketches
125125
0 commit comments