Sixth Layout

This is the test page for a Sixth Layout for tempusfugit.me.uk

New features and those brought across from earlier versions:

• The Hidden Section
• Go to Home page (or other) on top banner - on mobile resolution, desktop and tablet have a menu
• Removal of "Like" button
• Deletion of <!-- Header --> section - caused navigation problems in medium resolution and had redundant - was replaced by a newer "top bar" on mobile rendering.
• Centering of Headers
• Adding link to clickable_link.html
• Removal of all shim link code - this actually makes pages a lot smaller

There needs to be some space after the "Top" button (if I place the hidden section here). I have added a DIV with 20px height, but any content will make a space due to global padding of elements.

Hiding External Links

The main reason for wanting to do this is to hide outbound links to the casual visitor.

As an extension of the "showing" of hidden text I have been developing a way to (selectively) display the outbound links using a similar manner to the hidden text. I am using the same keyhandler technique and applying it to the number keys for specific links.

I have also found that opening these external links in a new window using the target="_blank" attribute is useful when auditing the pages. These links will not interupt the flow of the site as they will not normally be seen. The discussion on StackOverflow is interesting here.