  <style>

    div[role="main"] {
      background: #eee;
      overflow: hidden;
    }
	/*
	div[role="program"] {
       height:370px;
	}
	*/
	button[role="slide"] {
			width: 4rem;
			height: 4rem;
	}
  </style>
  <section id="index" data-position="current" >
      <section data-type="sidebar"  resize="50" >
         <header>
             <h1>Menu</h1>
         </header>
         <nav>
             <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#settings">Settings</a></li>
                <li><a href="#roadmap">Roadmap</a></li>
                <li><a href="#credits">Credits</a></li>
             </ul>
         </nav>
     </section>
	 <section id="drawer" role="region" data-show-drawer="{{ sd }}" style="overflow:scroll" >
        <header>
           <a href="#content"><span class="icon icon-menu">hide sidebar</span></a>
           <a ng-click="ctrDrawer()" ><span class="icon icon-menu">show sidebar</span></a>
		   <h1>{{ title }}</h1>
        </header>
        <!-- View -->
        <div role="main" class="vbox middle" resize="40"  >
				<div class="hbox" >
						<div class="vbox fit middle center" >
								<button class="bb-button" role="slide" ng-click="goPrevious()" ng-disabled="currentIndex == 0" > 
										<i class="fa fa-angle-left fa-2x" ></i>
								</button>
						</div>
						<div role="program" class="vbox fit six" resize="120" >
			                       <h1 class="hbox center" > {{ current.title }} </h1>
								   <p ng-bind-html="current.description" ></p>
								   <div> Credits : {{ current.credits }} </div>
								   <div> Link(s) : <a href='{{ current.link }}' target='_blank' > {{ current.link }} </a></div>
						</div>
						<div class="vbox fit middle center" >
			                       <button class="bb-button" role="slide" ng-click="goNext()" ng-disabled="currentIndex == maxIndex-1" >
										<i class="fa fa-angle-right fa-2x" ></i>
								   </button>
						</div>
				</div>
				<div>
						<button class="bb-button recommend" ng-click="generate('/run')" > Go </button>
			    </div>
        </div>
        <!-- /View -->
      </section>
  </section>
