added diagonal, nav-bar