Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Powered by Invictus

1,067 views

Published on

  • Be the first to comment

  • Be the first to like this

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 />

×