Design
 Dormant
 
 

Description

The purpose of this proposal is to have a Technical Documentation Skin, based on Flamingo Skin

You can read another investigation about what a Documentation Flavor should contain in terms of features, but the conclusion is that a Technical Documentation Skin should be focused on finding, reading, creating, versioning content. 

Extensions used: 

Interface

Not-logged-in
ex1NotLoggedSnapshot.png

Logged-in
ex1Snapshot.png

View Mode
ex2Snapshot.png

Edit Mode
ex2EditSnapshot.png

Mobile
ex1MobileSnapshot.png

Expandable areas

  • Left Column
    • contains navigation (search bar, custom menu, hierarchy tree)
    • default: expanded
  • Right Column
    • contains docextra (information, history, attachments, comments)
    • default: collapsed

areaActivatorsSnapshot.png

No Columns
ex2SingleSnaphot.png

Left Column
ex2Snapshot.png

Both Columns - Collapsed
ex2BothCollapsedSnapshot.png

Both Columns - Expanded
ex2BothSnapshot.png

Details

Showcasing different interface elements:

  1. ^ Displaying parent/children data for the page and actions, inside 'Info' tab
  2. ^ Available colors for info, warning, error and success macros
  3. ^ Table of content styling
  4. ^ Page title are displayed using a different background
  5. ^ Fonts used for content and code
  6. ^ Hierarchy tree styling
  7. ^ Expanding the menu, hovers also the page name
  8. ^ #docextra collapsed accordion
  9. ^ 'Edit parent' in Inline mode
  10. ^ Hovering headings display the 'Edit section' + 'Permalink' actions
  11. ^ Tags display and 'Add' button inside 'Info' tab
  12. ^ Search box is displayed in the Left panel, after the Logo
  13. ^ 'Back to top' option for long articles

 

Tags:
Created by Ecaterina Moraru (Valica) on 2015/04/10 10:08
    

Get Connected