Initial development included a design process to develop the look: Dusk city, neon and black brick. Assets come from a number of free resouces. Carefully placed 'billbord' provided an interesting and flexible way to display ads.

When the business moved to TX, I began redesigning the Site, this time starting in Adobe Xd with a proper mobile-first approach. The next iteration of the Site will feature a much more responsive design and more content.

If you are not familiar with them, "Macros" is short for Macronutrients, the 5 familiar nutrient types noted on all food packages: Calories, Carbs, Protein, Fat & Fiber

The Macro Menu was inspired by (source) in which the author created a number of extremely simple meal plans for a variety of Macro profiles. Ex: "Male, 30years, 6', 180Lbs, semi-active."

I wanted a way to budget macros and plan meals against that budget per day and meal. I also wanted a way to tweak ingredient quantities per meal to get a more exact fit. Ex: Add lettuce and remove cheese from a salad to get more fiber and less fat.

The first iteration was a complex Excel Workbook. The second was a close approximation of the budgeting table in Javascript. The current version has improved presentation and a mobile-friendly version. The next iteration will rebuild the script to be more browser efficient. Future versions will include backend development.

First full Site demonstrating pre-flexbox positioning and meticulous accessibility.

Interesting features include: Use of complex, custom gradients, use of iframes and creation of navbar and sidebars without Grid

Redeveloment is not currently planned...