created basic layout for non-mobile medium sized resolution desktop with dummy content. Currently a two-column layout
front page basic layout
added bootstrap dropdown menu icon, with active links
made a header for mobile, but really what i needed is a navbar, redoing it
basic header / menu bar is up. Need to add shopping cart / checkout icon and text still
added picture carousel, allows up to 2 pictures right now
create debugger file that console logs inconsistencies in the settings page (for events page). For example: on the settings page under events, if RSVP display is checked (meaning it's live), and there is no RSVP link, then there has been a mistake
added events_page, basic, no community yet
added about us executive profiles
front page is slightly styled more
fixed front_page carousel to dynamically respond to up 6 files for pictures (need to at captions in settings)
styled front page slightly more, should consider keeping a .json file for easier preset changing?
added many javascript helper functions:
  1) adjust frontpage height
  2) rgba to name / css media queries resizing / window resize
1. Adjust frontpage right column height:
  - hbsApp.checkImgLoading -> will check 3 times (25ms intervals) whether or not pictures have STARTED to load (or at least have their naturalHeight information), this way, any dynamic resizing that uses javascript can take images into account
    + e.g. the right column on the frontpage now spans the whole height
    + caveat: realized the above could be accomplished if i set the background for the container instead of the body. basically switch right and left columns

2. i set an invisble div in the header (.mobileCheck), and 4 colors (rgba) for each media query breakpoint that bootstrap has. Whenever there is a window resizing, @media query will set its background color to either 'red', 'green', 'blue', 'white' which respectively represent a grid/screen size of xs, sm, md, lg.
  + hbsApp.mobileCheck --> returns a string: xs, sm, md, lg

frontpage rightColumn n
fixed fpAdjustCol to check if images have specified height only 3 times
rudimentary grid for collections
catalog page pictures auto resizes, however, non 1:1 aspect ratio pictures look strange. need to add margins to style sheets, and absolute / relative positionings
done with catalog picture resizing
added background video to about us page, changed opacity transition time on text in about us and events
added google fonts, shield logo (and settings.html)
create product page individual item layout