Powered by Invictus

transcript

Powered by Invictuswww.FreddyAtton.com/DEMO

Configurable Interface

1) Navigation Hierarchy

2) Layout Properties

3) Widget Properties

4) Stylesheet Attributes

- Fonts

- Colors

- UI Graphics

5) Twelve “Zones” for Widgets and Content

Widgets

1) Display Content

2) Global Navigation

3) Local Navigation

4) Contextual Navigation

5) Footer Navigation

6) Breadcrumb Navigation

7) Folder Navigation

8) Shortcut Menu

9) File Downloads

10) Logo Slideshow

11) Promos

12) Messages

13) Social Badges

14) Social Badges – Top 10

15) Share Buttons

16) Copyright Stamp

17) eMail Address

18) Phone Number

19) Back to Top

20) Last Modified Timestamp

Twelve ZonesAny zone can be turned on or off.

Any widget can be placed in any zone.

Example• 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

Example : Zone 2

•When side-zones 1 and 3 are turned off – the Center-Zone 2 expands to fill the space

•Three widgets

Phone number Top 10 Social Badges

Breadcrumb Navigation (with the Date option)

•One widget

Logo Slideshow

Test it at:

www.freddyatton.com

www.freddyatton.com/TEMPLATE

Example : Zone 44

•Four widgets

- Global Navigation (horizontal version)

- Headline (image or text or both)

- Email Address

- Shortcut Menu

Example : Zone 55

•One widget

- Powered by Invictus

- this is a slideshow that

displays images from

the Hubble Telescope

Test it at:

www.freddyatton.com

www.freddyatton.com/TEMPLATE

Example : Zone 66

•Three widgets

- Local Navigation

- Promo Image 7

- Message 1

Example : Zone 7 7

•Four widgets

- Content (blank in this example)

- Last Modified Timestamp

- Share Buttons (horizontal)

- Back to Top

Example : Zone 8 8

•Six widgets

- Contextual Navigation

- Share Buttons (vertical)

- File Downloads

- Message 2

- Promo 9

- Message 3

Example : Zone 9 9

•One widget

- Copyright stamp

Example : Zone 1010

•Three widgets

- Global Navigation

- Footer Navigation

- Social Badges

Example : Zone 1111

•One Widget

- Invictus Button

Example : Zone 1212

When a side-zone is turned off, the center zone expands.

Navigation Configurator280 Pages

(10 Top Level pages ~ 260 Second Level ~ 10 Footer)Type the link-labels, click Submit – done.

Layout Configurator

Work in progress…gimme a day or two…

Widget Configuratorxxx

Stylesheet Configuratorxxx

{ Widget }Global Navigation

(a.k.a. Top Level Pages)

Horizontal

Vertical

{ Widget }Local Navigation

(a.k.a. Second Level Pages)

26 second-level pages for each top-level page

{ Widget }Contextual Navigation

(a.k.a. On This Page links)

As many contextual links as you want…

{ Widget }Supplemental Navigation

(a.k.a. Footer links)

10 Pages Available

Link-Labels are defined in the Navigation Configurator

{ Widget }Breadcrumb Navigation

(a.k.a. You Are Here)

3 Levels of “Crumbs”

Level 1 >> Level 2 >> Level 3

Option: display the date

{ Widget }Folder Navigation

(a.k.a. Accordion Style / Expand & Collapse)

{ Widget }File Downloads

Every content page can have different downloads.

Or every page can have the same downloads.

{ Widget }Logo Slideshow

No limit on the number of images in your slideshow.

Height and Width are specified in the Widget Configurator.

{ Widget }Promos

Every zone has it’s own Promo Widget

Attributes are specified in the Widget Configurator.

{ Widget }Messages

There are 3 message widgets

{ Widget }Social Badges

Provide your username for a social-site and the “social badge” will be displayed

Usernames are specified in the Widget Configurator.

{ Widget }Social Badges – Top 10

Provide your username for a social-site and the “social badge” will be displayed

Usernames are specified in the Widget Configurator.

{ Widget }Share Buttons

Horizontal

Vertical

{ Widget }Miscellaneious

Phone Number ~ eMail Address ~ CopyrightLast Modified Timestamp ~ Back to Top

{ Widget }Shortcut menu

First and Second Level Navigation

Link labels are specified in the Navigation Configurator.

{ Widget }Headline

Text or Graphic or Both

Every page can have a unique Headline (if you want).

{ Widget }Display Content

Point to a doc on Slideshare, YouTube, Google or any other service that provides “embed” code.

Or code the HTML using one of the Invictus Templates.Or do something unique – your choice.

{ Content Attributes }Override Capability

Every page has the ability to override the properties specified in the Layout Configurator.

This allows for small exceptions and completely unique layouts based on the content displayed in the middle.

{ Layout Configurator }

Specify Page Widthin Pixels or Percentage

Pixels = “Fixed Width”Percentage = “Flex Width” ~ a.k.a. ~ “Liquid Layout”

Specify Column Widthsin Pixels or Percentage

Pixels = “Fixed Width”Percentage = “Flex Width”

Specify Margins in Pixels

Specifyvalues for the Meta Tags

Specifyattributes for the BODY tag

Specifyslideshow images to pre-load

into the browser cache

Specifywhich Zones are turned on

Specifyminimum Height for each Row

Specifyproperties for each Zone

Margin on the left?Margin on the right?

Height for the Top MarginHeight for the Bottom Margin

Horizontal AlignmentVertical Alignment

SpecifyWidget sequence

for each Zone

SpecifyWidgets for sub-Zones

Zones 2, 5, and 8 (the center zones), have a “sub-zone” feature to arrange widgets horizontally (if you want).

Specifythe Cascading Stylesheet

Question: What is a “theme” ?Answer: Layout + Stylesheet = Theme

“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.

{ Stylesheet Configurator }

SpecifyUserNames for Social Badges

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.

SpecifyBackground Colors

andBackground Images

Every zone and every margin can have a different background color and / or background image.

SpecifyBorder Colors

andBorder Widths

Every zone can have a different border colorand border width.

SpecifyFont Attributes

Every widget can havedifferent font attributes – if you want.

{ Widget Configurator }

SpecifyUserNames for Social Badges

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).

Powered by Invictus

Self Improvement