• Aug 30, 2019

  • Retract your bed into the ceiling: https://www.bumblebeespaces.com/.
  • The jinja templates have access to the entire g object by default, you don’t explicitly need to pass it or its attributes.
  • Bootstrap.
  • Bootstrap source classes: https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap-utilities.css (and an analogous file for grid, etc).
  • center-block -> mx-auto.
  • Great comment on centering options in bootstrap 4: https://stackoverflow.com/a/42559095.
  • If you go more than 12 cols, it wraps. There are a few other ways to get around this: nested grids and scrolling.
  • “responsive” is such that it updates as your viewport size changes (changing from fullscreen to half, etc). You can specifically use these responsive classes on components like tables, and there are analogs for items like containers (container-fluid).
  • Supercontest.
  • Fixed the g usage, no longer passing it back to the templating engine. All of the views are 1000x cleaner no. Passing request.url_rule.endpoint for the inferred self blueprint string (like url_for(‘week.week_picks’)) instead of week_link_prefix or switch_link.
  • week existed in the url_defaults dict as a key, but was undefined when coming from the lb view, so it didn’t look up the max. Changed that to infer the max when either nonexistent OR undefined.
  • Restyled EVERYTHING. Removed a lot of my custom css in favor of the bs alternatives.
  • A lot of inconsistency was from my usage of bootstrap 4 syntax but with bootstrap 3 compiled css/js in my project vcs. Upgraded, and swapped to cdn usage of bootstrap and notify. Bootstrap requires jquery and popper.
  • Added jumbotron for ads at the top.
  • Made the syncing nice between ‘active’ class state for the navlinks. Js basically checks the url and infers what page it’s on.
  • col-auto for variable width based on content. Changed the name/email nav item to this, in case a name or email is very long. Don’t want it to span two lines.
  • Renamed the / endpoint to /matchups explicitly. This made the url inference easier to match to the tag ids for active class states.
  • no-gutters on the row didn’t do exactly what I wanted for the week navs. I nested the grids in a container-fluid for 100% width, then manually set px-0 on the inner cols. Both inner and outer cols had text-center, and both inner and outer rows had justify-content-center. Looks perf now, for all breakpoints.
  • Converted the tables to bootstrap. They basically had everything I had written custom in css. So much cleaner.
  • In chrome devtools, when inspecting elements, on the css tab: if a property is crossed out, it means that something more specific or something downstream overrode it.