FitText

http://www.macleodandco.com/

Macleod designed, Darin developed.

• WordPress
• FoundationPress – WP Starter Theme
• Used Bower, Grunt, and Sass
• Responsive

Features

• Home Page
  • Video or Image Background
    • Advanced Custom Fields (ACF) – Ability to choose between image or video background, different fields shown based on that option
  • Tagline – uses ACF
  • Featured Links – uses ACF
    • Ability to add up to 3 links with Name, Link and Color
• Case Studies – Custom Post Type
  • Pods Plugin – to make custom post type
  • FitText jQuery Plugin – for scaling text size within Case Study link
  • Sweet hover effects
• Portfolio Gallery – on Our Work page
  • ACF – to create the gallery
    • Ability to add new images with Title, Category, Tag(s) and Description.
  • FitText jQuery Plugin – for scaling text size within thumbnail link
  • MixItUp jQuery Plugin – for filtering projects based on tag
  • Magnific Popup jQuery Plugin – lightbox for large project image and description
  • Sweet hover effects
• Main Site Navigation
  • Custom JS to toggle the menu open/closed and keep the bubble in the correct position
  • On Desktop, nav opens with hover and logo goes to homepage. On Mobile, opens with click and logo (or off-menu click) closes it.
  • Bubble size adjusts to the number of links in the nav