… and for the tiles format like this: 

For both formats, you can click on the (+) sign to add an activity or resource to a section, click on the pencil icon to change the name of a section and click on the cog wheel to edit the whole section. 

In the course that is initially set up for you by the atingi team, there are already five sections available: Introduction, Module 1, Module 2, Assessment, and Course Certificate. You can also always add more sections by clicking on “Add tile”, or in the list format “Add topic”, at the bottom of all sections.  

It is also possible to move sections and/or activities/resources by dragging them to a new place when your cursor appears as a Move icon. 

Or you can click on the cog wheel and select “Move”. 

You can then rearrange the sections from this pop-up window. 

Next, you will learn more about how to edit your text description. 

Text Editor 

For every activity or resource that you set up, you will see a “Description” box where you can enter a text description to display in addition to your content.   

You can also decide if you want this description to be displayed on the course page directly or only when entering the activity. 

Entering plain text is straightforward, but to make your content more interesting you can include much more: 
 

 
Basic functions, from left to right: 

• Arrow: Shows/hides advanced buttons (e.g., HTML coding options) 

• “A”: Text format (e.g., heading, paragraph, etc.) 

• “B”: Bold 

• “I”: Italic 

• Paintbrush: Text colour 

• Bullet points 

• Numbers 

• Move text to left 

• Move text to right 

• Embed link 

• Unlink 

• Import Word File 

• Insert emojis 

• Insert image (via URL or upload) 

• Insert video (via URL or upload) 

• Record audio 

• Record video 

• Manage files 

• Insert H5P 

Advanced functions (click on the arrow), from left to right: 

• Underline text 

• Strike through 

• Subscript 

• Superscript 

• Align text left 

• Align text middle 

• Align text right 

• Equation editor 

• Special characters 

• Insert table 

• Clear formatting 

• Undo 

• Redo 

• Accessibility checker 

• Screen reader helper 

• HTML 

 
If you are experienced in HTML coding, you can customize the text/images displayed here even more. There is for example the option to have a multilingual course description:  

For example, to add English text, you need to add <span class="multilang"lang="en_wp"> before the start of the English text and at the end of the text close with </span>. Now you do the same, e.g., for Portuguese text, where you add: <span class="multilang"lang="pt_br_wp">before the start of the text and again close with </span>. 

Embedding a YouTube Video in the course description 

To make your course description more interesting, you can not only embed pictures, but also videos by inserting their HTML code. First, you need to go to the video you wish to insert from YouTube. 

Click on the “Share” Button below the video. 

Next, choose “Embed” from the sharing options and copy the HTML code. 

 Then, go to your course on atingi, where you want to insert the video in the description. 

With editing turned on, go to the text editor of your course description. Click on the little arrow to “show advanced buttons” and the on “</>” for HTML. 

You now see your text in HTML. Paste the code where you want the video to appear: 

Click on “Save and Display” on the bottom of the page and you are done! 

Comprehensive documentation on the full functionality of the text editor can be found here.