bille's version works, alomst
hide the horizental scrollbar

or I can add 'overflow:hidden' to the parent of .container
add .gitignore
the logo won't scroll with the page, even it's not fixed positioned

with these code, the <html> won't scroll, so the position of the logo won't
change.

try to change the height of scroll-region from 100% to 100px, and all will be
obvious.
we need to set width and height for containers

cause many of the child will be set as postion: abs
so very easily <body> and .container will become height==0
add transition to the logo
use display: none
toggle the drawer with transition

note the sequence of removing the body class
also matters here
the simple metabar only page is now metabar.html
start to make everything filled into the frame