1. General article
Articles are the basic unit of substantive information in Smallsite Design sites. The general type has the most flexible format, including provision for sections.
| # | Area | Description |
|---|---|---|
| a | Article navigation bar | Links to each section |
| b | Section | Self-contained part of an article |
| c | Section navigation bar | Links to each subsection |
| d | Subsection | Self-contained part of a section |
The text in the links of the navigation bars can be a short form of the target section or subsection's heading.
There can be up to 20 sections to an article, and up to nine subsections to a section. The main body of the article, each section and each subsection can contain up to 50 blocks, including paragraphs, lists and tables, so allowing for quite large articles.
Before the first section in an article, the first subsection in a section, or at the end of a subsection, a mini glossary of up to 20 entries may be shown, perhaps with pictures. While they might be used for definitions, in a general article they will likely be for other regular structures, like a list of personnel in a team, with mugshots, or related but distinct subtopics, as in Preparing images for procedures. If the entry has an image, it can be clicked on to make it larger to see its details, shrinking again when clicking elsewhere.
Sequence△
A sequence is an audio and/or visual presentation and can consist of a number of parts.
Videos use up a lot of site space and bandwidth, and so usually require a video hosting service like YouTube that has the power to handle them. For those videos that are simply screenshots, slides or pictures with commentary, a sequence is far more frugal, allowing a presentation to be hosted on the site itself. A site owner can make them multilingual simply by adding localised audio, text and images with text to the existing sequence, rather than having to make another video.
| # | Name | Icon | Description |
|---|---|---|---|
| a | Play | – | Starts playing the current part |
| b | Pause | – | Pauses the currently playing part |
| c | Previous | – | Moves to the previous part, if any. Appears ghosted if at the first part |
| d | Next | – | Moves to the next part, if any. Appears ghosted if at the last part |
| e | Parts: | – | Reveals a table of parts where clicking on a part's Title will move to that part |
If a sequence only consisted of audio, each part would be like a track in an audio player. If only images are used, each part is like a slideshow. If there is only one part, only the or will ever be shown.
There is no explicit stop button, though the stopped phase is returned to when a part has finished. Buttons that will be ignored display as ghosted, like . If Auto-next is enabled for a sequence element, when a part has finished and there is another part, it will play automatically. Also, clicking , or selecting from the parts list will start playing the selected part.
The parts list is always available. The Title of the part can be clicked during the stopped and paused phases to select it, but ignored during other phases. If the checkbox is preceded by a ©, regardless of whether Parts: appears before it, and checked, the list of third-party copyright holders is displayed, as links to their work if available.
If paused, a ⇌ shows before the checkbox, indicating that there are several options to skip around the current part in a table before the parts list. Options include going to the beginning or forward or backward by various time periods.
Initially, or when another part is selected, the part title is displayed over any initial image until the part's media is loaded up, at which point the playback starts, the part title is hidden, and a succession of images and captions is displayed while any audio plays. The two timecode displays show the elapsed and remaining playing times. If a presentation does not have any images, part titles and captions will display in a box above the controls. A pointer may show over an image to indicate the particular area of interest being discussed.
By default, a sequence will follow the layout flow of the page's script, so in a right-to-left script like Arabic, all controls and the table will flow in that direction, and the icons themselves will be reversed like for play. However, the site owner may have set the direction to be the same for all locales.