Powered by Invictuswww.FreddyAtton.com/DEMO<br />Configurable Interface<br />Widgets<br />Navigation Hierarchy<br />Layout...
Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />2<br />1<br />3<br />5...
Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />
Example<br /><ul><li>Zones 1 and 3 are turned off – zone 2 expands to fill the space
Zone 2 contains three widgets
Phone number
Top 10 Social Badges
Breadcrumb Navigation
Zone 4 contains one widget
Logo Slideshow
Zone 5 contains four widgets
Global Navigation
Title
eMail Address
Shortcut Menu
Zone 6 contains one widget
Powered by Invictus (slideshow)
Zone 7 contains three widgets
Local Navigation
Promo 7
Message 1
Zone 8 contains  four widgets
Display Content (blank in this example)
Timestamp
Share Buttons (horizontal)
Back to Top
Zone 9 contains six widgets
Contextual Navigation
Share Buttons (vertical)
File Downloads
Message 2
Promo 9
Message 3</li></li></ul><li>2<br />Example : Zone 2<br /><ul><li>When side-zones 1 and 3 are turned off 	– the Center-Zone...
Three widgets</li></ul>Phone number	Top 10 Social Badges<br />Breadcrumb Navigation (with the Date option)<br />
4<br />Example : Zone 4<br /><ul><li>One widget</li></ul>Logo Slideshow<br />Test it at:<br />www.freddyatton.com<br />OR<...
5<br />Example : Zone 5<br /><ul><li>Four widgets</li></ul>  - Global Navigation (horizontal version)- Headline (image or ...
6<br />Example : Zone 6<br /><ul><li>One widget</li></ul>  - Powered by Invictus- this is a slideshow that  displays image...
Example : Zone 7<br />7<br /><ul><li>Three widgets</li></ul>  - Local Navigation- Promo Image 7- Message 1<br />
Example : Zone 8<br />8<br /><ul><li>Four widgets</li></ul>  - Content (blank in this example)- Last Modified Timestamp- S...
Example : Zone 9<br />9<br /><ul><li>Six widgets</li></ul>  - Contextual Navigation- Share Buttons (vertical)- File Downlo...
Example : Zone 10<br />10<br /><ul><li>One widget</li></ul>  - Copyright stamp<br />
Example : Zone 11<br />11<br /><ul><li>Three widgets</li></ul>  - Global Navigation- Footer Navigation- Social Badges<br />
Example : Zone 12<br />12<br /><ul><li>One Widget</li></ul>  - Invictus Button<br />
Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />When a side-zone is tu...
Navigation Configurator<br />280 Pages<br />(10 Top Level pages ~ 260 Second Level ~ 10 Footer)<br />Type the link-labels,...
Layout Configurator<br />Work in progress…gimme a day or two…<br />
Widget Configurator<br />xxx<br />Work in progress…gimme a day or two…<br />
StylesheetConfigurator<br />xxx<br />Work in progress…gimme a day or two…<br />
{ Widget }Global Navigation<br />(a.k.a. Top Level Pages)<br />Horizontal<br />		                    Vertical<br />
{ Widget }Local Navigation<br />(a.k.a. Second Level Pages)<br />26 second-level pages for each top-level page<br />
{ Widget }Contextual Navigation<br />(a.k.a. On This Page links)<br />As many contextual links as you want…<br />
{ Widget }Supplemental Navigation<br />(a.k.a. Footer links)<br />10 Pages Available<br />Link-Labels are defined in the N...
{ Widget }Breadcrumb Navigation<br />(a.k.a. You Are Here)<br />3 Levels of “Crumbs”<br />Level 1  >>  Level 2  >>  Level ...
{ Widget }Folder Navigation<br />(a.k.a. Accordion Style / Expand & Collapse)<br />
Upcoming SlideShare
Loading in …5
×

Powered by Invictus

997 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
997
On SlideShare
0
From Embeds
0
Number of Embeds
196
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Powered by Invictus

  1. 1. Powered by Invictuswww.FreddyAtton.com/DEMO<br />Configurable Interface<br />Widgets<br />Navigation Hierarchy<br />Layout Properties<br />Widget Properties<br />Stylesheet Attributes- Fonts- Colors- UI Graphics<br />Twelve “Zones” for Widgets and Content<br />Display Content<br />Global Navigation<br />Local Navigation<br />Contextual Navigation<br />Footer Navigation<br />Breadcrumb Navigation<br />Folder Navigation<br />Shortcut Menu<br />File Downloads<br />Logo Slideshow<br />Promos<br />Messages<br />Social Badges<br />Social Badges – Top 10<br />Share Buttons<br />Copyright Stamp<br />eMail Address<br />Phone Number<br />Back to Top<br />Last Modified Timestamp<br />
  2. 2. Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />2<br />1<br />3<br />5<br />4<br />6<br />7<br />9<br />8<br />11<br />10<br />12<br />
  3. 3. Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />
  4. 4. Example<br /><ul><li>Zones 1 and 3 are turned off – zone 2 expands to fill the space
  5. 5. Zone 2 contains three widgets
  6. 6. Phone number
  7. 7. Top 10 Social Badges
  8. 8. Breadcrumb Navigation
  9. 9. Zone 4 contains one widget
  10. 10. Logo Slideshow
  11. 11. Zone 5 contains four widgets
  12. 12. Global Navigation
  13. 13. Title
  14. 14. eMail Address
  15. 15. Shortcut Menu
  16. 16. Zone 6 contains one widget
  17. 17. Powered by Invictus (slideshow)
  18. 18. Zone 7 contains three widgets
  19. 19. Local Navigation
  20. 20. Promo 7
  21. 21. Message 1
  22. 22. Zone 8 contains four widgets
  23. 23. Display Content (blank in this example)
  24. 24. Timestamp
  25. 25. Share Buttons (horizontal)
  26. 26. Back to Top
  27. 27. Zone 9 contains six widgets
  28. 28. Contextual Navigation
  29. 29. Share Buttons (vertical)
  30. 30. File Downloads
  31. 31. Message 2
  32. 32. Promo 9
  33. 33. Message 3</li></li></ul><li>2<br />Example : Zone 2<br /><ul><li>When side-zones 1 and 3 are turned off – the Center-Zone 2 expands to fill the space
  34. 34. Three widgets</li></ul>Phone number Top 10 Social Badges<br />Breadcrumb Navigation (with the Date option)<br />
  35. 35. 4<br />Example : Zone 4<br /><ul><li>One widget</li></ul>Logo Slideshow<br />Test it at:<br />www.freddyatton.com<br />OR<br />www.freddyatton.com/TEMPLATE<br />
  36. 36. 5<br />Example : Zone 5<br /><ul><li>Four widgets</li></ul> - Global Navigation (horizontal version)- Headline (image or text or both)- Email Address- Shortcut Menu<br />
  37. 37. 6<br />Example : Zone 6<br /><ul><li>One widget</li></ul> - Powered by Invictus- this is a slideshow that displays images from the Hubble Telescope<br />Test it at:<br />www.freddyatton.com<br />OR<br />www.freddyatton.com/TEMPLATE<br />
  38. 38. Example : Zone 7<br />7<br /><ul><li>Three widgets</li></ul> - Local Navigation- Promo Image 7- Message 1<br />
  39. 39. Example : Zone 8<br />8<br /><ul><li>Four widgets</li></ul> - Content (blank in this example)- Last Modified Timestamp- Share Buttons (horizontal)- Back to Top<br />
  40. 40. Example : Zone 9<br />9<br /><ul><li>Six widgets</li></ul> - Contextual Navigation- Share Buttons (vertical)- File Downloads- Message 2- Promo 9- Message 3<br />
  41. 41. Example : Zone 10<br />10<br /><ul><li>One widget</li></ul> - Copyright stamp<br />
  42. 42. Example : Zone 11<br />11<br /><ul><li>Three widgets</li></ul> - Global Navigation- Footer Navigation- Social Badges<br />
  43. 43. Example : Zone 12<br />12<br /><ul><li>One Widget</li></ul> - Invictus Button<br />
  44. 44. Twelve Zones<br />Any zone can be turned on or off.<br />Any widget can be placed in any zone.<br />When a side-zone is turned off, the center zone expands.<br />
  45. 45. Navigation Configurator<br />280 Pages<br />(10 Top Level pages ~ 260 Second Level ~ 10 Footer)<br />Type the link-labels, click Submit – done.<br />
  46. 46. Layout Configurator<br />Work in progress…gimme a day or two…<br />
  47. 47. Widget Configurator<br />xxx<br />Work in progress…gimme a day or two…<br />
  48. 48. StylesheetConfigurator<br />xxx<br />Work in progress…gimme a day or two…<br />
  49. 49. { Widget }Global Navigation<br />(a.k.a. Top Level Pages)<br />Horizontal<br /> Vertical<br />
  50. 50. { Widget }Local Navigation<br />(a.k.a. Second Level Pages)<br />26 second-level pages for each top-level page<br />
  51. 51. { Widget }Contextual Navigation<br />(a.k.a. On This Page links)<br />As many contextual links as you want…<br />
  52. 52. { Widget }Supplemental Navigation<br />(a.k.a. Footer links)<br />10 Pages Available<br />Link-Labels are defined in the Navigation Configurator<br />
  53. 53. { Widget }Breadcrumb Navigation<br />(a.k.a. You Are Here)<br />3 Levels of “Crumbs”<br />Level 1 >> Level 2 >> Level 3<br />Option: display the date<br />
  54. 54. { Widget }Folder Navigation<br />(a.k.a. Accordion Style / Expand & Collapse)<br />
  55. 55. { Widget }File Downloads<br />Every content page can have different downloads.<br />Or every page can have the same downloads.<br />
  56. 56. { Widget }Logo Slideshow<br />No limit on the number of images in your slideshow.<br />Height and Width are specified in the Widget Configurator.<br />
  57. 57. { Widget }Promos<br />Every zone has it’s own Promo Widget<br />Attributes are specified in the Widget Configurator.<br />
  58. 58. { Widget }Messages<br />There are 3 message widgets<br />Attributes are specified in the Widget Configurator.<br />
  59. 59. { Widget }Social Badges<br />Provide your username for a social-site and the “social badge” will be displayed <br />Usernames are specified in the Widget Configurator.<br />
  60. 60. { Widget }Social Badges – Top 10<br />Provide your username for a social-site and the “social badge” will be displayed <br />Usernames are specified in the Widget Configurator.<br />
  61. 61. { Widget }Share Buttons<br />Horizontal<br /> Vertical<br />
  62. 62. { Widget }Miscellaneious<br />Phone Number ~ eMail Address ~ Copyright<br />Last Modified Timestamp ~ Back to Top<br />Attributes are specified in the Widget Configurator.<br />
  63. 63. { Widget }Shortcut menu<br />First and Second Level Navigation<br />Link labels are specified in the Navigation Configurator.<br />
  64. 64. { Widget }Headline<br />Text or Graphic or Both<br />Every page can have a unique Headline (if you want).<br />
  65. 65. { Widget }Display Content<br />Point to a doc on Slideshare, YouTube, Google or any other service that provides “embed” code.<br />Or code the HTML using one of the Invictus Templates.<br />Or do something unique – your choice.<br />
  66. 66. { Content Attributes }Override Capability<br />Every page has the ability to override the properties specified in the Layout Configurator.<br />This allows for small exceptions and completely unique layouts based on the content displayed in the middle.<br />
  67. 67. { Layout Configurator }Specify Page Widthin Pixels or Percentage<br />Pixels = “Fixed Width”<br />Percentage = “Flex Width” ~ a.k.a. ~ “Liquid Layout”<br />
  68. 68. { Layout Configurator }Specify Column Widthsin Pixels or Percentage<br />Pixels = “Fixed Width”<br />Percentage = “Flex Width”<br />
  69. 69. { Layout Configurator }Specify Margins in Pixels<br />xxxxx<br />
  70. 70. { Layout Configurator }Specifyvalues for the Meta Tags<br />xxxxx<br />
  71. 71. { Layout Configurator }Specifyattributes for the BODY tag<br />xxxxx<br />
  72. 72. { Layout Configurator }Specifyslideshow images to pre-load into the browser cache<br />xxxxx<br />
  73. 73. { Layout Configurator }Specifywhich Zones are turned on<br />xxxxx<br />
  74. 74. { Layout Configurator }Specifyminimum Height for each Row<br />xxxxx<br />
  75. 75. { Layout Configurator }Specifyproperties for each Zone<br />Margin on the left?<br />Margin on the right?<br />Height for the Top Margin<br />Height for the Bottom Margin<br />Horizontal Alignment<br />Vertical Alignment<br />
  76. 76. { Layout Configurator }SpecifyWidget sequencefor each Zone<br />xxx<br />
  77. 77. { Layout Configurator }SpecifyWidgets for sub-Zones<br />Zones 2, 5, and 8 (the center zones), have a “sub-zone” feature to arrange widgets horizontally (if you want).<br />
  78. 78. { Layout Configurator }Specifythe Cascading Stylesheet<br />Question: What is a “theme” ?<br />Answer: Layout + Stylesheet = Theme<br /> “Powered by Invictus” allows you to specify a unique Layout for every page – if you want. Every layout can point to a different stylesheet – if you want. Therefore, every page can have a unique theme – if you so desire.<br />
  79. 79. { StylesheetConfigurator }SpecifyUserNames for Social Badges<br />If you provide a User-Name for a social site, then the social badge will be displayed as a link to your profile page for the social site – IF the Social Badges widget is placed in a zone AND the zone is turned on.<br />
  80. 80. { StylesheetConfigurator }SpecifyBackground ColorsandBackground Images<br />Every zone and every margin can have a different background color and / or background image.<br />
  81. 81. { StylesheetConfigurator }SpecifyBorder ColorsandBorder Widths<br />Every zone can have a different border colorand border width.<br />
  82. 82. { StylesheetConfigurator }SpecifyFont Attributes<br />Every widget can havedifferent font attributes – if you want.<br />
  83. 83. { Widget Configurator }SpecifyUserNames for Social Badges<br />If you provide a User-Name for a social site, then the social badge will be displayed as a link to your profile page for the social site – (IF the Social Badges widget is placed in a zone AND the zone is turned on).<br />

×