Single page WordPress theme built from the ground up.
Athlete Transition U (ATU) is an organization that provides professional athletes the education to get them into a successful business career off-the-field.
Building a Responsive Layout
The layout was created using a mobile-first methodology, meaning the smallest layout was created first, and then built upon using media queries to change the layout for larger screen sizes. My goal is to make my SCSS or POSTCSS files clean and easy to read. I use shorthands when I can and use variables for colors, fonts, and transitions. In previous experiences using variables helps making future changes easier. An example would be when a client wants to update their colors or fonts for their brand. When it comes to nesting I follow the Inception Rule and never nest more that 3 levels. This helps me from writing DOM specific styles and keeps the scss files maintainable.
Forms
I used gravity forms which has an “Enable Conditional Logic” setting that lets you create rules to dynamically display or hide this field based on values from another field. With this I was able to show the appropriate form for the user depending on what option they chose.
REST API
The videos section on the site uses the REST api with fetch to handle loading in data. This section is loaded from a WordPress post type. I created a custom endpoint utilizing WP_Query, that is requested using JavaScript when you click load more. This was a fun little piece to the site, and later on I learned why something like React or Vue could make this much easier than vanilla JS.
