Update to data.gov

[Mbrownshoes]

There aa few more small changes needed, some of which (unfortunately) conflict with the last changes made.

• Add DataBC back to the title, just to the right of the bc gov logo, as it is with the current prod deployment but without the vertical yellow line next to the bc gov logo)
• return the ribbon, as in the current site:
  
  but have the ribbon items move to the hamburger as soon as the user scrolls down -as done on this pages: http://engage.gov.bc.ca/govtogetherbc/
• add 'Dataset Usage' to the ribbon to the right of 'Contact Us'. The hyperlink should go here: https://catalogue.data.gov.bc.ca/data/site-usage/dataset
  -Remove “Site Usage” from the hamburger menu and ribbon.
  -remove the magnifying glass from the header until the user scrolls down.
  
• implement Add predictive search to search bar #40
  It should appear at the same time the ribbon items move to the hamburger.

@ll911

[h3devin]

but have the ribbon items move to the hamburger as soon as the user scrolls down -as done on this pages: http://engage.gov.bc.ca/govtogetherbc/

Did you also want to hide the hamburger menu (until the user scrolls down) like those pages do as well?

[ll911]

correct, hamburger and magnify glass and vertical bar are hidden untill scroll down.

[h3devin]

Similar to http://engage.gov.bc.ca/govtogetherbc/, did we want to show a search bar in place of the search/menu buttons until the user scrolls down?

[ll911]

no need since we have the big search bar in the body top location.

[Mbrownshoes]

@h3devin I agree with @ll911 we want the magnifying glass hidden until scrolling down

[h3devin]

I've applied the changes in my latest PR.

I went with the Data Catalogue's implementation for autocomplete. It should be more or less the same.

[ll911]

Thx, qa updated. Looking good so far.

[Mbrownshoes]

@h3devin can we get the DataBC font to align better with the bc gov logo, similar to http://engage.gov.bc.ca/govtogetherbc/. It's a bit offset now.

[h3devin]

I updated the text alignment as part of #45.