Introducing
Deck
A dynamic, CSS only website template
Introducing Deck, A dynamic, CSS only website template
About Deck. Deck is a CSS only SPA-style template designed for linear presentations like powerpoint, galleries, and marketing communications. Deck uses no javascript to control the interface, but instead relies on CSS3 techniques and native browser functionality to provide navigation. Individual pages can be deep linked into, and the back/forward buttons remain functional as you browse the website.
Navigation. While Deck is well-suited for linear narratives, the user may also pull back and view the entire collection of pages via the table of contents menu. Selecting any of the pages by clicking will focus that layout once the menu is closed, or you can double click to go straight into a specific page.
CSS Grid. Deck uses the new CSS grid layout to provide control over horizontal and vertical placement of content within each page. This new control is particularly well suited to a format like Deck which has no 'below the fold' content.
Mobile. For mobile users, Deck is responsive and adapts itself to a mobile-friendly format. The table of contents allows for fast navigation to specific pages, and the back button remains usable.
Legacy Browsers. Older browsers are supported as well, with Deck gracefully degrading to support previous CSS versions, while remaining accessible and usable.
An example of a full-page image, with caption text.
Quote: Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. —Antoine de Saint-Exupery
Image Gallery
focus
About Deck
Deck is a CSS only SPA-style template designed for linear presentations like powerpoint, galleries, and marketing communications.
Deck uses no javascript to control the interface, but instead relies on CSS3 techniques and native browser functionality to provide navigation. Individual pages can be deep linked into, and the back/forward buttons remain functional as you browse the website.
focus
Navigation
While Deck is well-suited for linear narratives, the user may also pull back and view the entire collection of pages via the table of contents menu. Selecting any of the pages by clicking will focus that layout once the menu is closed, or you can double click to go straight into a specific page.
focus
CSS Grid
Deck uses the new CSS grid layout to provide control over horizontal and vertical placement of content within each page. This new control is particularly well suited to a format like Deck which has no 'below the fold' content.
focus
Mobile
For mobile users, Deck is responsive and adapts itself to a mobile-friendly format. The table of contents allows for fast navigation to specific pages, and the back button remains usable.
focus
Legacy Browsers
Older browsers are supported as well, with Deck gracefully degrading to support previous CSS versions, while remaining accessible and usable.
focus
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
focus