meta data for this page
- en
uiTotalLauncherManual: Style & Contribution Guide
This page serves as the visual standard for all contributors. Please follow these patterns to ensure the manual remains professional and easy to read on both Desktop and Mobile.
1. The 3-Column Grid (Desktop)
Use the group and third column syntax for all Table of Contents or feature lists. This ensures the layout stacks into a single column on mobile devices.
Column One
- Use bold for headers
- Keep lists concise
-
- as
[[:namespace:internal_filename_link]]
Column Two
- Content stays aligned
- Boxes have borders
- Height is dynamic
Column Three
- Fits 3 per row
- Stacks on mobile
2. Typography & Hierarchy
Headings
Standardize headers to keep the Table of Contents (TOC) organized.
- Level 1 (H1):
====== Page Title ======(Use only once at the top). - Level 2 (H2):
===== Main Section ===== - Level 3 (H3):
==== Sub-Section ====
Typography
- Text Emphasis:
- Use Bold
**text**
for UI buttons or menu items (e.g., Tap on Design Menu).
- Use
code''double apostrophe''
when providing navigation directions or user input.
- Use Italic
//text//
for general emphasis or instructions.
- Use Underline
__text__
sparingly for added focus.
3. Images & Screenshots
| Left Aligned with Border | Center Aligned with Border | Right Aligned with Border |
|---|---|---|
|
|
|
|
Syntax: <WRAP borderedimageleft>{{:image.webp?150 }}</WRAP>
| Syntax: <WRAP borderedimagecenter>{{ :image.webp?150 }}</WRAP>
| Syntax: <WRAP borderedimageright>{{ :image.webp?150 }}</WRAP>
|
Optionally, the WRAP could be used, but only if any text comes before the image. Text after the image is blocked by Dokuwiki unless it is in code format. See below:
Left Aligned with Border:
Syntax:
<WRAP borderedimageleft>{{:image.webp?150 }}</WRAP>
Center Aligned with Border:
Syntax:
<WRAP borderedimagecenter>{{ :image.webp?150 }}</WRAP>
Right Aligned with Border:
Syntax:
<WRAP borderedimageright>{{ :image.webp?150}}</WRAP>
Buttons: Download
Due to containing transparency (alpha) content and the PHP server GD rendering library available in uiTLM's shared hosting with Hostinger, use this format to display the button without the .. signs.
- <WRAP style="width:200px;">[[this>lib/exe/fetch.php?media=downloads:filename.zip&do=get|{{:downloads:button-download-big-green.webp?nolink}}]]</WRAP>
4. Lists
Ordered (Alpha-Numeric Hierarchy)
Our CSS is configured for a specific nested order:
- Level 1: Upper Alpha (A, B, C)
- Level 2: Upper Roman (I, II, III)
- Level 3: Decimal (1, 2, 3)
Unordered (bullets)
- Level 1 (2 spaces then asterisk the space then type)
- Level 2 (4 spaces then asterisk the space then type)
- Level 3 (6 spaces then asterisk the space then type)
5. Code & Technical Snippets
For Tasker variables or Total Launcher scripts, use the code tag to prevent DokuWiki from formatting the characters:
- Inline:
%VARIABLE - Block:
[Your Total Launcher Script or JSON Here]
Comments & Feedback
Toby Lancer is ready to help! Look for the Quick Help form:
► Desktop: left sidebar located near the bottom for Private to Admin
► Mobile: 3-bar menu at page top.
► Use the Discussion section below to share any experiences and communications with other Total Launcher users.
► Any Registered User can directly update this and any wiki page if desired.
Moderation: To keep the manual clean, all comments are held for appropriateness review. Preview any comment before submitting it. It will not display after submission until reviewed. So, please, do not resubmit.
Formatting: If using any code snippets place them inside code tags (e.g., 'code') using double single quotes (') before and after to keep them readable.
Be Kind: This is a community effort. Please keep feedback constructive and on topic.
~~DISCUSSION~~