• Add to Collection
  • Tools Used
  • About

    About

    A content focused re-design and architecture change to the Play Everywhere site. Created with a static site generator for optimal speed and maint… Read More
    A content focused re-design and architecture change to the Play Everywhere site. Created with a static site generator for optimal speed and maintainability. Read Less
    Published:
Doing a full site redesign of Play Everywhere to move it from a Wordpress based implementation to Hugo, a static site generator. The site was built mobile first, using Skeleton for baseline CSS and Stylus (with Jeet for grids) to implement the design. Minimal additional Javascript in the current built, except for some logic to allow for multiple Youtube video embeds in a single iframe.
 
While technically finished, this project will be constantly improved. Next major step is to integrate a AJAX+JSON based site search to replace the current Google custom search method. Additional editorial design elements will also be added on, including pull-quotes and images pushed outside the main wrapper content flow for visual interest.
Home page
Footer area
Archive navigation
Article specific category/tag/archive page
Video specific archive/tag/category page. Thumbnails are added via metadata
A blog article layout. Not featured: hero image across the top
Video page with navigation to other videos within the same series.