HASPmota widget gallery links to object docs

Made each image a link to the relevant section with docs about the object being demonstrated
sfromis · Apr 18, 2024 · 84932e5 · 84932e5
1 parent 4732884
commit 84932e5
Showing 1 changed file with 22 additions and 6 deletions.
diff --git a/docs/HASPmota.md b/docs/HASPmota.md
@@ -8,12 +8,28 @@ This feature is heavily inspired from @fvanroie's [openHASP project](https://git
 
 ## Gallery of widgets
 
-![HASPmota label](_media/lvgl/HASPmota_1_instructions.png){width="160"} ![HASPmota spangroup](_media/lvgl/HASPmota_2_spangroup.png){width="160"} ![HASPmota btn](_media/lvgl/HASPmota_3_btn.png){width="160"} ![HASPmota chart](_media/lvgl/HASPmota_4_led.png){width="160"}
-![HASPmota switch](_media/lvgl/HASPmota_5_switch.png){width="160"} ![HASPmota checkbox](_media/lvgl/HASPmota_6_checkbox.png){width="160"} ![HASPmota line](_media/lvgl/HASPmota_7_line.png){width="160"} ![HASPmota bar](_media/lvgl/HASPmota_8_bar.png){width="160"}
-![HASPmota btnmatrix](_media/lvgl/HASPmota_9_btnmatrix.png){width="160"} ![HASPmota chart](_media/lvgl/HASPmota_10_chart.png){width="160"} ![HASPmota image](_media/lvgl/HASPmota_11_img.png){width="160"} ![HASPmota roller](_media/lvgl/HASPmota_12_roller.png){width="160"}
-![HASPmota qrcode](_media/lvgl/HASPmota_13_qrcode.png){width="160"} ![HASPmota switch](_media/lvgl/HASPmota_14_slider.png){width="160"} ![HASPmota switch](_media/lvgl/HASPmota_15_arc.png){width="160"} ![HASPmota scale 1](_media/lvgl/HASPmota_16_scale.png){width="160"}
-![HASPmota scale 2](_media/lvgl/HASPmota_17_scale.png){width="160"} ![HASPmota spinner](_media/lvgl/HASPmota_18_spinner.png){width="160"} ![HASPmota dropdown](_media/lvgl/HASPmota_19_dropdown.png){width="160"} ![HASPmota fonts](_media/lvgl/HASPmota_20_fonts.png){width="160"}
-![HASPmota icons](_media/lvgl/HASPmota_21_icons.png){width="160"} ![HASPmota seg7](_media/lvgl/HASPmota_22_seg7.png){width="160"}
+[![HASPmota label](_media/lvgl/HASPmota_1_instructions.png){width="160"}](#label)
+[![HASPmota spangroup](_media/lvgl/HASPmota_2_spangroup.png){width="160"}](#spangroup-styled-text)
+[![HASPmota btn](_media/lvgl/HASPmota_3_btn.png){width="160"}](#btn)
+[![HASPmota chart](_media/lvgl/HASPmota_4_led.png){width="160"}](#led)
+[![HASPmota switch](_media/lvgl/HASPmota_5_switch.png){width="160"}](#switch)
+[![HASPmota checkbox](_media/lvgl/HASPmota_6_checkbox.png){width="160"}](#checkbox)
+[![HASPmota line](_media/lvgl/HASPmota_7_line.png){width="160"}](#line)
+[![HASPmota bar](_media/lvgl/HASPmota_8_bar.png){width="160"}](#bar)
+[![HASPmota btnmatrix](_media/lvgl/HASPmota_9_btnmatrix.png){width="160"}](#btnmatrix)
+[![HASPmota chart](_media/lvgl/HASPmota_10_chart.png){width="160"}](#chart)
+[![HASPmota image](_media/lvgl/HASPmota_11_img.png){width="160"}](#img)
+[![HASPmota roller](_media/lvgl/HASPmota_12_roller.png){width="160"}](#roller)
+[![HASPmota qrcode](_media/lvgl/HASPmota_13_qrcode.png){width="160"}](#qrcode)
+[![HASPmota switch](_media/lvgl/HASPmota_14_slider.png){width="160"}](#slider)
+[![HASPmota switch](_media/lvgl/HASPmota_15_arc.png){width="160"}](#arc)
+[![HASPmota scale 1](_media/lvgl/HASPmota_16_scale.png){width="160"}](#scale-scale_section-scale_line)
+[![HASPmota scale 2](_media/lvgl/HASPmota_17_scale.png){width="160"}](#scale-scale_section-scale_line)
+[![HASPmota dropdown](_media/lvgl/HASPmota_18_spinner.png){width="160"}](#spinner)
+[![HASPmota dropdown](_media/lvgl/HASPmota_19_dropdown.png){width="160"}](#dropdown-and-dropdown_list)
+[![HASPmota fonts](_media/lvgl/HASPmota_20_fonts.png){width="160"}](#embedded-fonts)
+[![HASPmota icons](_media/lvgl/HASPmota_21_icons.png){width="160"}](#embedded-symbols)
+[![HASPmota seg7](_media/lvgl/HASPmota_22_seg7.png){width="160"}](#embedded-special-fonts)
 
 
 The `jsonl` file used to display the widgets can be found [here](_media/lvgl/haspmota_demo.jsonl)