Skip to content

Commit ec64b2e

Browse files
authored
Merge pull request #70 from arduino/karlsoderby/contribution-tmpl-fixes
Re-arrange content for contribution templates
2 parents 2ea9b8a + 4362bf7 commit ec64b2e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+162
-93
lines changed

contribution-templates/README.md

Lines changed: 110 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ We're happy that you have found our contribution page! Here you will find everyt
2727

2828
The main thing you can contribute with on the Arduino Documentation repository, is the fixing of bugs, misspelling and other similar but small issues.
2929

30-
***You are allowed to suggest these changes on all content available on the repository.***
30+
***You are allowed to suggest these changes on all content available in this repository.***
3131

3232
## Adding your own content
3333

@@ -52,6 +52,50 @@ Please read the [Arduino Style Guide](https://docs.arduino.cc/hacking/software/A
5252

5353
# Documentation Style Guidelines
5454

55+
## Format Guidelines
56+
57+
### Tutorial Guidelines
58+
59+
To write a tutorial for the Arduino Documentation website, you should follow these guidelines:
60+
61+
|Section|Rules|Description|Example|
62+
|-------|-----|-----------|-------|
63+
|**Frontmatter**|You must fill in title, description and author. The others are voluntary.|Here is where you add the metadata of your tutorial. This is including the author, title of tutorial, compatible libraries, compatible hardware etc.|![Example of Frontmatter](_assets/frontmatter.png)|
64+
|**Introduction**|This is an h2 heading. <br><br> You should not change the name of the heading.|The Introduction to the tutorial should be a maximum of three sentences long and be well descriptive of what the reader can expect of the tutorial.|![Example of Introduction](_assets/tut-intro.png)|
65+
|**Goals**|This is an h2 heading. <br><br> You should not change the name of the heading.|What are the goals of this tutorial? What should the reader be able to do at the end?|![Example of Goals](_assets/tut-goals.png)|
66+
|**Hardware & Software Needed**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you set the hardware and software you need to continue your tutorial. You are more than welcome to link the Arduino based software and hardware to the respective store or downloads page.|![Example of Hardware & Software](_assets/tut-hardware.png)|
67+
|**Circuit/Schematic**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you add the circuits and/or schematics of your tutorial.|![Example of Circuit](_assets/tut-circuit.png)|
68+
|**Focus Feature**|This is an h2 heading. <br><br> Here you are allowed to use as many h3 headings as you want, to be able to divide your content into easier to read sections. <br><br> You can add up to three Focus Feature headings in your tutorial. <br><br> This is the only heading you are allowed to modify.|This sections heading should be updated to the main focus of your tutorial. This is where the information about the focus start.|![Example of Focus Feature](_assets/tut-fcus.png)|
69+
|**Programming the Board**|This is an h2 heading. <br><br> You should not change the name of the heading.|This is the section where you go through the code of your tutorial. |![Example of Programming the Board](_assets/tut-programming.png)|
70+
|**Testing it Out**|This is an h2 heading. <br><br> You should not change the name of the heading.|This is the experimental part of your tutorial, where the reader is supposed to test out the code and focus of your tutorial.|![Example of Testing it Out](_assets/tut-testing.png)|
71+
|**Troubleshoot**|This is an h3 heading. <br><br> You should not change the name of the heading.|If there are something in your tutorial that you know people might get stuck on, or get wrong, this is the section where you give suggestion on how the reader can troubleshoot.|![Example of Troubleshoot](_assets/tut-troubleshoot.png)|
72+
|**Conclusion**|This is an h2 heading. <br><br> You should not change the name of the heading.|This is where you summarize your tutorial in a few sentences. What is it that you hoped to have taught or shown the reader?|![Example of Conclusion](_assets/tut-conclusion.png)|
73+
74+
### How To Guidelines
75+
76+
To write a How To for the Arduino Documentation website, you should follow these guidelines:
77+
78+
|Section|Rules|Description|Example|
79+
|-------|-----|-----------|-------|
80+
|**Frontmatter**|You must fill in title, description and author. The others are voluntary.|Here is where you add the metadata of your How To. This is including the author, title of How To, compatible libraries, compatible hardware etc. <br><br> You must fill in title, description and author. The others are voluntary. **Note** that you must remove the sections in the frontmatter which are empty.|![Example of Frontmatter](_assets/frontmatter.png)|
81+
|**Introduction**|This is an h2 heading. <br><br> You should not change the name of the heading.|The Introduction to the tutorial should be a maximum of three sentences long and be well descriptive of what the reader can expect of the How To.|![Example of Introduction](_assets/nug-intro.png)|
82+
|**Hardware & Software Needed**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you set the hardware and software you need to continue your How To. You are more than welcome to link the Arduino based software and hardware to the respective store or downloads page.|![Example of Hardware & Software](_assets/nug-hardware.png)|
83+
|**Circuit**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you add the circuit/s and of your How To.|![Example of Circuit](_assets/nug-circuit.png)|
84+
|**Schematic**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you add the schematic/s and of your How To.|![Example of Schematic](_assets/nug-schematic.png)|
85+
|**Code**|This is an h2 heading. <br><br> You should not change the name of the heading.|This is where you add your sketch code as well as the descriptive text explaining what the code does and is used for.|![Example of Code](_assets/nug-code.png)|
86+
|**Learn more**|This is an h2 heading. <br><br> You should not change the name of the heading.|This is where you link to more information that the reader could be interested in. This could for example be other tutorials that delve deeper into the same topic, or a project that focus on the learnings of this How To.|![Example of Learn more](_assets/nug-learn.png)|
87+
88+
### Article Guidelines
89+
90+
To write a article for the Arduino Documentation website, you should follow these guidelines:
91+
92+
|Section|Rules|Description|Example|
93+
|-------|-----|-----------|-------|
94+
|**Frontmatter**|You must fill in title, description and author. The others are voluntary.|Here is where you add the metadata of your article. This is including the author, title of tutorial, compatible libraries, compatible hardware etc.|![Example of Frontmatter](_assets/frontmatter.png)|
95+
|**Introduction**|This is an h2 heading. <br><br> You should not change the name of the heading.|The Introduction should be a maximum of three sentences long and be well descriptive of what the reader can expect of the article.|![Example of Introduction](_assets/art-intro.png)|
96+
|**Hardware & Software Needed**|This is an h2 heading. <br><br> You can modify the heading if your article only requires one of the two, either Hardware or Software.|Here you set the hardware and software you need to continue your tutorial. You are more than welcome to link the Arduino based software and hardware to the respective store or downloads page.|![Example of Hardware & Software](_assets/hardware.png)|
97+
|**Circuit/Schematic**|This is an h2 heading. <br><br> You should not change the name of the heading.|Here you add the circuits and/or schematics of your tutorial.|![Example of Circuit](_assets/art-circuit.png) <br><br> ![Example of Schematic](_assets/art-schematic.png)|
98+
5599
## Markdown
56100

57101
We write all of our content in markdown. To be able to contribute properly to our website, we suggest you to do the same. Practice your markdown skills here: https://commonmark.org/help/tutorial/
@@ -60,28 +104,79 @@ You should use the following markdown styling for our content:
60104

61105
|Style|Use|Description|Example|
62106
|-----|---|-----------|-------|
63-
|**Bold**|\*\*bold**|Use bold when you are referring to either a path in the chosen software, or when you want to highlight a specific topic or button.|![Example use of bold](assets/bold1.png)|
64-
|**Inline Code**|\`code\`|Use the inline code markdown for code inside text sections.|![Example use of inline code](assets/inline-code.png)|
65-
|**Code Snippet**|\```arduino <br><br> this is my code <br><br>\```|Use the code snippet markdown for longer code snippets.|![Example use of code snippet](assets/code-snippet.png)|
66-
|**Notes**|\*\*\*Note: This is my note.***|Use the three asterisks for note tags. Note that these can’t contain line-breaks unless made with a \<br> tag.|![Example use of note tag](assets/notes.png)|
107+
|**Bold**|\*\*bold**|Use bold when you are referring to either a path in the chosen software, or when you want to highlight a specific topic or button.|![Example use of bold](_assets/bold1.png)|
108+
|**Inline Code**|\`code\`|Use the inline code markdown for code inside text sections.|![Example use of inline code](_assets/inline-code.png)|
109+
|**Code Snippet**|\```arduino <br><br> this is my code <br><br>\```|Use the code snippet markdown for longer code snippets.|![Example use of code snippet](_assets/code-snippet.png)|
110+
|**Notes**|\*\*\*Note: This is my note.***|Use the three asterisks for note tags. Note that these can’t contain line-breaks unless made with a \<br> tag.|![Example use of note tag](_assets/notes.png)|
67111
|**Quotes**|\> This is a quote.|Use sparsely and with quotes only.|![Example use of quote tag]()|
68-
|**Bullet points**|\* bullet point 1 <br>\* bullet point 2 <br>\* bullet point 3|Use the * or the - to make bullet points in your tutorial. <br><br> If your bullet point is a full sentence, remember to punctuate it. If your bullet point is a single word, or words not making a sentence, leave the punctuation off.|![Example use of bullet points](assets/bullet-points.png)|
69-
|**Numbered lists**|\*\*1.** One <br>\*\*2.** Two <br>\*\*3.** Three|Make sure to bold your numbering lists to make them format properly.|![Example use of numbered lists](assets/numbered-list.png)|
70-
|**Paths**|This > is > my > path|Use > when describing paths in your chosen software.|![Example use of paths](assets/path.png)|
71-
|**Images**|![image alternative text](relative link to image in assets folder)|Use the image tag to display images.|![Example use of images](assets/image-tags.png)|
112+
|**Bullet points**|\* bullet point 1 <br>\* bullet point 2 <br>\* bullet point 3|Use the * or the - to make bullet points in your tutorial. <br><br> If your bullet point is a full sentence, remember to punctuate it. If your bullet point is a single word, or words not making a sentence, leave the punctuation off.|![Example use of bullet points](_assets/bullet-points.png)|
113+
|**Numbered lists**|\*\*1.** One <br>\*\*2.** Two <br>\*\*3.** Three|Make sure to bold your numbering lists to make them format properly.|![Example use of numbered lists](_assets/numbered-list.png)|
114+
|**Paths**|This > is > my > path|Use > when describing paths in your chosen software.|![Example use of paths](_assets/path.png)|
115+
|**Images**|![image alternative text](relative link to image in assets folder)|Use the image tag to display images.|![Example use of images](_assets/image-tags.png)|
72116

73117
***Note that we are not including cursive writing as a markdown style. We implore you not to use cursive as a means to highlight text. Instead use bold.***
74118

75-
---
119+
## Trademark Guidelines
120+
121+
If you want to include unit symbols or trademarked names in your content, please follow these guidelines.
122+
123+
### Units
124+
125+
For all unit symbols, make sure to include a space between the number and the symbol.
76126

77-
<!-- ## Graphics
127+
Wrong: `1.75μm pixel size`
128+
129+
Right: `1.75 μm pixel size`
130+
131+
|Unit|Symbol|
132+
|----|------|
133+
|kilobyte|kB|
134+
|megabyte|MB|
135+
|micrometers|μm|
136+
137+
***Note that this table will be updated with more examples in the future.***
138+
139+
### Trademarks
140+
141+
|Trademark|Source of information|
142+
|---------|---------------------|
143+
|Arduino®|https://www.arduino.cc/en/trademark|
144+
|Bluetooth® / Bluetooth® Low Energy|https://www.bluetooth.com/develop-with-bluetooth/marketing-branding/|
145+
|Wi-Fi®|https://www.wi-fi.org/who-we-are/our-brands|
146+
|LoRa®|https://blog.semtech.com/how-to-name-and-brand-your-lora-application|
147+
|LoRaWAN®|https://lora-alliance.org/resource_hub/lora-alliance-marks-logo-usage-policy-and-guidelines/|
148+
|Arm® / Cortex®|https://www.arm.com/company/policies/trademarks/arm-trademark-list|
149+
|MathWorks®|https://www.mathworks.com/company/aboutus/policies_statements/trademarks.html|
150+
|Microchip®|https://www.microchip.com/en-us/about/legal-information/microchip-trademarks|
151+
|Python®|https://www.python.org/psf/trademarks/|
152+
|Arm® Mbed™ OS|https://www.arm.com/company/policies/trademarks/arm-trademark-list/mbed-trademark|
153+
|TensorFlow|https://www.tensorflow.org/extras/tensorflow_brand_guidelines.pdf|
154+
155+
***Note that this table will be updated with more examples in the future.***
156+
157+
### Other
158+
159+
These are some other naming structures that we recommend using:
160+
161+
* OpenMV
162+
* MicroPython
163+
* OTA (Over-the-air)
164+
* USB-_ (A/B/C)
165+
166+
***Note that this list will be updated with more examples in the future.***
167+
168+
<!--
169+
170+
## Graphics
78171
79172
All graphics should be **1920x1080**. All graphics are stored in an assets folder in the documentation folder. See section **Naming Guidelines**.
80173
81174
|Type|Purpose|Guidelines|Example|
82175
|----|-------|----------|-------|
83-
|Circuit/Schematic|**Circuit diagrams** represent how Arduino products work with components in order to function. <br> A **schematic** is a stylized electronic diagram explaining electric circuits.|Please follow [this]() guide on how to create your own Arduino approved circuit diagrams and schematics.|![Example of circuit](assets/circuit1.png)<br>![Example of circuit](assets/circuit2.png)|
84-
|Screenshot|**Screenshots** are most often used to show the program in the Arduino IDE or any other chosen software.|Please follow [this]() guide on how to create your own Arduino approved screenshots.|![Example of screenshot](assets/screenshot1.png)<br>![Example of screenshot](assets/screenshot2.png)<br>![](assets/screenshot3.png)| -->
176+
|Circuit/Schematic|**Circuit diagrams** represent how Arduino products work with components in order to function. <br> A **schematic** is a stylized electronic diagram explaining electric circuits.|Please follow [this]() guide on how to create your own Arduino approved circuit diagrams and schematics.|![Example of circuit](_assets/circuit1.png)<br>![Example of circuit](_assets/circuit2.png)|
177+
|Screenshot|**Screenshots** are most often used to show the program in the Arduino IDE or any other chosen software.|Please follow [this]() guide on how to create your own Arduino approved screenshots.|![Example of screenshot](_assets/screenshot1.png)<br>![Example of screenshot](_assets/screenshot2.png)<br>![](_assets/screenshot3.png)|
178+
179+
-->
85180

86181
## Naming Guidelines
87182

@@ -93,15 +188,15 @@ Name the folder after the title of your documentation. The name of the folder sh
93188

94189
`SoftwareSerialExample`
95190

96-
![Naming of tutorial folder](assets/tutorial-folder.png)
191+
![Naming of tutorial folder](_assets/tutorial-folder.png)
97192

98193
The folder should then contain an assets folder, as well as the main content markdown file. It’s important to name the main content file the same name as the folder.
99194

100195
`connector-basics.md`
101196

102197
`SoftwareSerialExample.md`
103198

104-
![Naming and formatting of tutorial folder](assets/tutorial-folder2.png)
199+
![Naming and formatting of tutorial folder](_assets/tutorial-folder2.png)
105200

106201
### Images
107202

contribution-templates/article-template/README.md

Lines changed: 0 additions & 10 deletions
This file was deleted.

contribution-templates/article-template/article-template.md

Lines changed: 25 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,32 +4,40 @@ description: 'This is the template for creating an article for the Arduino Docum
44
tags:
55
- article
66
author: 'Arduino'
7-
libraries:
8-
- name: Arduino PDM
9-
url: https://www.arduino.cc/en/Reference/PDM
10-
hardware:
11-
- hardware/03.nano/boards/nano-rp2040-connect
12-
software:
13-
- ide-v1
14-
- ide-v2
15-
- web-editor
16-
- iot-cloud
177
---
188

19-
<!--Update the frontmatter above with information that fits your article. Remove the section that are not relevant or filled in. Note that you must at least fill in the title, description and author.-->
20-
219
## Introduction
2210

23-
<!-- Write a short introduction to the article. This should be maximum three sentences long and summarize what the article is about. -->
11+
Write a short introduction to the article. Consider this to be an abstract that should summarize the content of this article.
12+
13+
Note that **plagiarism is unacceptable**, and we encourage you to provide references used to produce your article. These can be listed under the **"References"** section at the bottom of this article. Plagiarised work will be removed immediately.
14+
15+
## Hardware & Software Needed (Optional)
2416

25-
## Hardware & Software Needed
17+
***This section is optional, since articles may not directly include the use of an Arduino board or the software.***
2618

27-
<!-- List the hardware and software needed. This could be the IDEs, libraries but also the hardware such as the board for example. Make sure to link to whatever you are listing. -->
19+
List the hardware and software needed. This could be the IDEs, libraries but also the hardware such as the board for example. Make sure to link to whatever you are listing.
2820

2921
- Arduino IDE ([online](https://create.arduino.cc/) or [offline](https://www.arduino.cc/en/main/software)).
3022
- [Arduino Nano RP2040 Connect](https://store.arduino.cc/nano-rp2040-connect).
3123
- etc.
3224

33-
## Circuit
25+
## Section 1
26+
27+
Free format section.
28+
29+
## Section 2
30+
31+
Free format section.
32+
33+
## Section 3
34+
35+
Free format section.
36+
37+
## Conclusion
38+
39+
A summary of your article.
40+
41+
## References
3442

35-
<!-- Add the image of the circuit here. This section should not need any text following the image, only a well thought alternative image text. -->
43+
- [Arduino (Wikipedia)](https://en.wikipedia.org/wiki/Arduino)

0 commit comments

Comments
 (0)