Merge pull request #539 from arduino/jhansson-ard/giga-display-shield-lastQA

GIGA Display Shield Last QA

Author: BenjaminDannegard

content/hardware/10.mega/shields/giga-display-shield/features.md

@@ -1,6 +1,6 @@
 <FeatureDescription>
 
-The GIGA Display Shield has a 3.97” 480x800 RGB touch screen, a digital microphone, a 6 Axis IMU and an RGB LED. The shield can easily be mounted on the GIGA R1 WiFi board.
+The GIGA Display Shield has a 3.97” 480x800 RGB touch screen, a digital microphone, a 6-axis IMU and an RGB LED. The shield can easily be mounted on the GIGA R1 WiFi board.
 
 Utilizing the GIGA R1 WiFi's fast 480 MHz microcontroller, you can build powerful UIs, use interactive 3D animations, display camera feed and much more. The shield is compatible with a wide range of graphics libraries, including [LVGL](https://github.com/lvgl/lvgl), [GFX](https://github.com/bcmi-labs/Arduino_GigaDisplay_GFX/) and [ArduinoGraphics](https://github.com/arduino-libraries/ArduinoGraphics/).
 
@@ -9,7 +9,7 @@ Utilizing the GIGA R1 WiFi's fast 480 MHz microcontroller, you can build powerfu
 <FeatureList>
 
 <Feature title="3.97” 480x800 RGB touch screen" image="configurability">
-A back-light screen with the resolution of a 4.0＂ TFT-LCD which contains 480x800 pixels, and can display up to 16.7M colors.
+A back-light screen with the resolution of a 4.0” TFT-LCD which contains 480x800 pixels, and can display up to 16.7 million colors.
 </Feature>
 
 <Feature title="LVGL" image="configurability">
@@ -30,7 +30,7 @@ The shield has an IMU that can provide precise acceleration, angular rate measur
 </Feature>
 
 <Feature title="Camera Support" image="camera">
-This shield has a camera connector with support for a range of ArduCam cameras. Display the camera feed directly on the display!
+This shield has a camera connector with support for a range of Arducam® cameras. Display the camera feed directly on the display!
 <FeatureLink title="Camera Guide" url="/tutorials/giga-display-shield/camera-tutorial"/>
 </Feature>
 

content/hardware/10.mega/shields/giga-display-shield/tech-specs.yml

@@ -17,7 +17,7 @@ Sensors:
 Pins:
   LED: 1 RGB LED (I2C)
 Power:
-  Circuit operating voltage: 3.3V
+  Circuit operating voltage: 3.3 V
 Dimensions:
   Width: 80 mm
   Length: 106 mm

content/hardware/10.mega/shields/giga-display-shield/tutorials/01.getting-started/getting-started.md

@@ -14,8 +14,8 @@ In this guide you will learn how to set your board up with the GIGA R1 WiFi boar
 
 ## Hardware & Software Needed
 
-- [GIGA R1 WiFi](https://store.arduino.cc/products/giga-r1-wifi).
-- [GIGA Display Shield](https://store.arduino.cc/products/giga-display-shield)
+- [Arduino GIGA R1 WiFi](https://store.arduino.cc/products/giga-r1-wifi)
+- [Arduino GIGA Display Shield](https://store.arduino.cc/products/giga-display-shield)
 - [Arduino IDE](https://www.arduino.cc/en/software)
 
 ## Overview
@@ -112,7 +112,7 @@ The connector is located just above the display, which makes it possible to see
 
 This shield has a built-in IMU module, the **BMI270**. This sensor can be used for a number of purposes, for example to automatically orientate an object on the screen, see the following tutorial: 
 
-- [Giga Display Shield Automatic Orientation](/tutorials/giga-display-shield/image-orientation)
+- [GIGA Display Shield Automatic Orientation](/tutorials/giga-display-shield/image-orientation)
 
 To access **BMI270**, use the [BMI270-250](https://www.arduino.cc/reference/en/libraries/arduino_bmi270_bmm150/) library. Please note that the sensor is not connected to the main I2C bus, so you will need to initialize the sensor on another bus. To do so, simply add the line below to the top of your sketch:
 

content/hardware/10.mega/shields/giga-display-shield/tutorials/02.gfx-guide/gfx-guide.md

@@ -12,14 +12,14 @@ To access it, we can use a layer library called [Arduino_GigaDisplay_GFX](https:
 ## Goals
 
 In this guide we will cover:
-- Learn how to draw and print to the display,
-- How to draw basic shapes (circles, rectangles etc)
-- How to update values on the screen,
+- Learn how to draw and print to the display.
+- How to draw basic shapes (circles, rectangles etc).
+- How to update values on the screen.
 
 ## Hardware & Software Needed
 
-- [GIGA R1 WiFi](/hardware/giga-r1-wifi).
-- [GIGA Display Shield](/hardware/giga-display-shield)
+- [Arduino GIGA R1 WiFi](/hardware/giga-r1-wifi)
+- [Arduino GIGA Display Shield](/hardware/giga-display-shield)
 - [Arduino IDE](https://www.arduino.cc/en/software)
 
 ## Installation
@@ -227,7 +227,7 @@ void changeSwitch() {
 }
 ```
 
-***Learn more about the Giga Display's touch interface in the [Touch Interface Guide](/tutorials/giga-display-shield/basic-touch).***
+***Learn more about the GIGA Display's touch interface in the [Touch Interface Guide](/tutorials/giga-display-shield/basic-touch).***
 
 ## Summary
 

content/hardware/10.mega/shields/giga-display-shield/tutorials/03.lvgl-guide/content.md

@@ -9,7 +9,7 @@ tags: [Display, LVGL]
 
 [LVGL](https://lvgl.io/) is a graphical framework for building powerful UIs, and is fully compatible with the GIGA Display Shield. It allows you to build UIs, using pre-made widgets like buttons, images, loading bars, sliders, checkboxes, etc. It also allows you to fully customize the screenspace on the display. In this guide, we will go through some of the different components, so you can learn how to best implement it in your projects.
 
-***LVGL is a large framework, and the aim of this guide is to get you familiar with it. For much more information, visit the [LVGL documentation](https://docs.lvgl.io/master/)***
+***LVGL is a large framework, and the aim of this guide is to get you familiar with it. For much more information, visit the [LVGL documentation](https://docs.lvgl.io/master/).***
 
 ## Hardware & Software Needed
 
@@ -46,7 +46,7 @@ In this section, we will go through the fundamental elements of an LVGL sketch:
 - how to add an object to the grid,
 - how to update the display.
 
-***At the end of this section, you will find a complete example which implements a grid layout. You can [skip directly to the example](#minimal-example), but if you have no prior experience with lvgl, we recommend you follow the information below.***
+***At the end of this section, you will find a complete example which implements a grid layout. You can [skip directly to the example](#minimal-example), but if you have no prior experience with LVGL, we recommend you follow the information below.***
 
 ### Display Shield Configuration
 
@@ -114,7 +114,8 @@ Now that the columns and rows have been defined the overall screen needs to be t
   lv_obj_set_size(grid, Display.width(), Display.height());
 ```
 
-Then, just to test it out, let's add an object to the grid. 
+Then, just to test it out, let's add an object to the grid:
+ 
 - first declare the `obj` pointer add it to the `grid`,
 - then we set the grid cell via `lv_obj_set_grid_cell()` method.
 
@@ -226,7 +227,7 @@ To make sure we see the image use the align function to make it centered. Then a
   lv_obj_set_size(img1, 200, 150);
 ```
 
-![An image rendered on the Display Shield with LVGL](assets/image.png)
+![An image rendered on the GIGA Display Shield with LVGL](assets/image.png)
 
 **Full Example:**
 
@@ -299,7 +300,7 @@ The startup state of the checkbox can be set with `lv_obj_add_state()`. Where th
   lv_obj_add_state(checkbox, LV_STATE_CHECKED);
 ```
 
-![Checkboxes rendered on the Display Shield with LVGL](assets/checkboxes.png)
+![Checkboxes rendered on the GIGA Display Shield with LVGL](assets/checkboxes.png)
 
 **Full Example:**
 
@@ -374,7 +375,7 @@ The size of the radio button is set with `lv_style_set_radius`. To make the radi
   lv_style_set_bg_img_src(&style_radio_chk, NULL);
 ```
 
-![Radio buttons rendered on the Display Shield with LVGL](assets/radiobuttons.png)
+![Radio buttons rendered on the GIGA Display Shield with LVGL](assets/radiobuttons.png)
 
 **Full Example:**
 
@@ -469,7 +470,7 @@ If you want a label by your slider it can be created like you would create any o
   lv_obj_align_to(label, slider, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);
 ```
 
-![Slider rendered on the Display Shield with LVGL](assets/slider.png)
+![Slider rendered on the GIGA Display Shield with LVGL](assets/slider.png)
 
 **Full Example:**
 
@@ -593,7 +594,7 @@ static void set_bar_val(void * bar, int32_t val) {
 }
 ```
 
-![A bar rendered on the Display Shield with LVGL](assets/bar.gif)
+![A bar rendered on the GIGA Display Shield with LVGL](assets/bar.gif)
 
 **Full Example:**
 
@@ -708,7 +709,8 @@ static void button_event_callback(lv_event_t * e) {
 }
 ```
 
-![A button rendered on the Display Shield with LVGL](assets/button.png)
+![A button rendered on the GIGA Display Shield with LVGL](assets/button.png)
+
 ![Button when it has been pressed](assets/button-clicked.png)
 
 **Full Example:**

content/hardware/10.mega/shields/giga-display-shield/tutorials/04.basic-draw-and-image/content.md

@@ -14,7 +14,7 @@ This is a great tutorial for getting started with your shield and exploring what
 
 ## Hardware & Software Needed
 
-- [Arduino GIGA R1 WiFi](/hardware/giga-r1-wifi).
+- [Arduino GIGA R1 WiFi](/hardware/giga-r1-wifi)
 - [Arduino GIGA Display Shield](/hardware/giga-display-shield)
 - [Arduino IDE](https://www.arduino.cc/en/software)
 - [ArduinoGraphics library](https://www.arduino.cc/reference/en/libraries/arduinographics/)
@@ -140,7 +140,7 @@ Using an online image converter you can pick any image you would like to be disp
 
 ### Displaying the Image on the Display
 
-We will be using the example sketch "ArduinoLogo" as the basis for the sketch that lets us display an image. The example sketch can be found under **File->Examples->Arduino_H7_Video->ArduinoLogo**.
+We will be using the example sketch "ArduinoLogo" as the basis for the sketch that lets us display an image. The example sketch can be found under **File > Examples > Arduino_H7_Video > ArduinoLogo**.
 
 Running the example sketch as is will display the Arduino logo on the screen, like in the image below:
 
@@ -202,4 +202,4 @@ void loop() { }
 
 ## Conclusion
 
-In this tutorial, we used basic drawing functions with the Giga Display Shield. Using the `ArduinoGraphics` library we managed to draw the Arduino logo with just a few simple commands. Using these basic functions it is possible to create most images that you can think of. Now you can let your imagination run wild and draw to your heart's content!
+In this tutorial, we used basic drawing functions with the GIGA Display Shield. Using the `ArduinoGraphics` library we managed to draw the Arduino logo with just a few simple commands. Using these basic functions it is possible to create most images that you can think of. Now you can let your imagination run wild and draw to your heart's content!

content/hardware/10.mega/shields/giga-display-shield/tutorials/05.basic-touch/basic-touch.md

@@ -11,13 +11,13 @@ This library is used to return the number of contact points, and the `x,y` coord
 
 ## Hardware & Software Needed
 
-- [GIGA R1 WiFi](/hardware/giga-r1-wifi).
-- [GIGA Display Shield](/hardware/giga-display-shield)
+- [Arduino GIGA R1 WiFi](/hardware/giga-r1-wifi)
+- [Arduino GIGA Display Shield](/hardware/giga-display-shield)
 - [Arduino IDE](https://www.arduino.cc/en/software)
 
 ## Overview
 
-The **Arduino_GigaDisplayTouch** library can be used in combination with any of the available graphics libraries ([see available options](/tutorials/giga-display-shield/getting-started#overview)), but is independent from them and works standalalone.
+The **Arduino_GigaDisplayTouch** library can be used in combination with any of the available graphics libraries ([see available options](/tutorials/giga-display-shield/getting-started#overview)), but is independent from them and works standalone.
 
 The library has two methods of reading sensor data:
 - **Polling** - continuously read the sensor data through the `getTouchPoint()` method.
@@ -69,7 +69,7 @@ The IRQ example demonstrates how to set up an interrupt that triggers a function
 
 ## Delay Example
 
-An important factor to consider is that the `loop()` on the GIGA R1 is executed at a very fast rate, meaning that you will register several touches each time you touch the screen.
+An important factor to consider is that the `loop()` on the GIGA R1 WiFi is executed at a very fast rate, meaning that you will register several touches each time you touch the screen.
 
 This means that whenever you tap the screen, even quickly, you register somewhere between **5-20 touches**. So if you want a specific function to only execute once on a specific touch point, you will need to implement a delay in your code. 
 

content/hardware/10.mega/shields/giga-display-shield/tutorials/06.image-orientation/content.md

@@ -170,7 +170,7 @@ Any image could be used in the sketch. This tutorial and the example uses an ima
 
 Now try rotating your device to see if the image behaves correctly. If the image does not rotate correctly have another look at the values you entered into the previous sketch. It might help to try and run the simple IMU readings printer sketch to take a quick look at the IMU values in the serial monitor. This will help you figure out what values should be considered when the device is being moved. 
 
-[Gif of the orientation sketch running on the screen]()
+[GIF of the orientation sketch running on the screen]()
 
 ## Conclusion
 

content/hardware/10.mega/shields/giga-display-shield/tutorials/07.microphone-tutorial/content.md

@@ -54,7 +54,7 @@ A callback function needs to be set, which is called when new PDM data is ready
 
 `onPDMdata` is the callback function that we will have to create at the end of the sketch.
 
-Now when we want to print or use the readings lets do it with a `for` loop since they are inside a buffer, which we need to step through. But lets first check so that there are readings to be printed with a simple `if` statement. These lines will step through the buffer until all the readings inside are printed and then start over:
+Now when we want to print or use the readings let's do it with a `for` loop since they are inside a buffer, which we need to step through. But let's first check so that there are readings to be printed with a simple `if` statement. These lines will step through the buffer until all the readings inside are printed and then start over:
 
 ```arduino
 if (samplesRead) {
@@ -97,7 +97,7 @@ This sketch uses the [Arduino_Graphics library](https://www.arduino.cc/reference
 
 ### Volume Indication Sketch
 
-This sketch requires the [lvgl library](https://github.com/lvgl/lvgl), please make sure that is installed before you upload the sketch. The sketch will show a bar on the screen that is animated when noise is made, functionally making it display the volume of the microphones readings. For more information about using lvgl with the GIGA Display Shield, take a look at our documentation [here](tutorials/lvgl-guide). You will find the full sketch below:
+This sketch requires the [lvgl library](https://github.com/lvgl/lvgl), please make sure that is installed before you upload the sketch. The sketch will show a bar on the screen that is animated when noise is made, functionally making it display the volume of the microphones readings. For more information about using LVGL with the GIGA Display Shield, take a look at our documentation [here](tutorials/lvgl-guide). You will find the full sketch below:
 
 ```arduino
 #include <PDM.h>

content/hardware/10.mega/shields/giga-display-shield/tutorials/08.camera-tutorial/content.md

@@ -7,7 +7,7 @@ tags: [Display, Camera, ArduCam]
 
 ## Introduction
 
-The GIGA Display Shield comes with an Arducam camera connector. In this tutorial, we will go through what cameras are compatible with the display shield, how to connect the camera, and how to run a sketch to stream the camera feed to the display.
+The GIGA Display Shield comes with an Arducam® camera connector. In this tutorial, we will go through what cameras are compatible with the display shield, how to connect the camera, and how to run a sketch to stream the camera feed to the display.
 
 ## Hardware & Software Needed