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 20 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, similar to the upper end of this paragraph, it can be clicked on to make it larger to see its details, shrinking again when clicking elsewhere.
The URL for a general article is like https://domain.com/art/a-headine-as-an-id/
Image labels△
Images can have labels that are bidirectional links to the item or row markers of an associated list or table.
Normally, the item markers of a list, or the row indicators of a table link to the first letter of their introduction, providing keyboard navigators with a way to get back to their start. However, the row letters of the table at the start of this article are bidirectionally linked to the labels of the image in the aside.
It is the presence of the ⤢ at the end of each of the introductions to the table and figure that indicates that relationship. Typically, such pairs will be side-by-side, with the figure in an aside, or the figure above a list or table that has an introduction starting with
Such pairs can also appear in procedure articles and test articles.
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 |
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
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
The parts list is always available. The
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
By default, a sequence will follow the layout flow of the page's language 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