At the bottom of the video pages include: “Showing 1 - 7 of X” (where “X” = Number of blog posts with the “videos” tag) Have this stylized to match the page style (the below image is an example from a different website.). When they go to page 2, they have “Showing 8 - 17 of X” and so on. Page 1 should be the only page that ever has 7 videos. The rest of the pages should not have a “featured video” taking up the top row. Instead they should be laid out with 9 videos, 3 x 3 in standard formatting. Please double check to make sure that there is appropriate spacing between the text and thumbnails. Flip through the pages to make sure that there aren’t any weird spacing or formatting errors.
The top nav is open by default for the videos page. It pushes the other content down, it does not overlap the content.
The top nav can be toggled on and off by clicking on the tab header “videos.” It can be closed by hitting the X in the top right corner.
Include an “expand and collapse” animation when toggled on and off.
The nav is filled with thumbnails to the different blog pages
There are arrows to the right and to the left of the thumbnails, these let you scroll through the posts one by one. If they’ve reached the far left or far right of the content, the respective arrow disappears, indicating they’ve reached a “bookend.”
The content should manually be placed in the top nav, in whatever order we want. They do not dynamically update. Meaning - I want to be able to put in each piece of content manually, and rearrange them if necessary.
The header reads “How to Use SpyFu”
Each of these top nav thumbnails leads to a blog page that has a playlist embedded eg: [url removed, login to view]
The individual thumbnails will be taken from the wordpress’ “featured image” (exactly how it works with normal /videos thumbnails)The description underneath the thumbnail should be taken from the title of the article
Other resources tabs:
The top nav should be located on the other [url removed, login to view] tabs also
The default position for every tab is closed (or collapsed). But if they click on the tab (when the tab is already open) is it opens the Top Nav.
When toggled to expand, the top nav pushes the other content down, it does not overlap the content.
These tabs should be empty slates to be filled in at a future date
These tabs should use the color palette shown below.