Line 62: | Line 62: | ||
<div class = "fixed" id="fixed-content"> | <div class = "fixed" id="fixed-content"> | ||
+ | <nav class="navbar navbar-expand-lg navbar-dark nav-down" id="navbar"> | ||
+ | <a class="navbar-brand" href="#">yOIL</a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
− | < | + | <div class="collapse navbar-collapse" id="navbarSupportedContent"> |
+ | <ul class="navbar-nav mr-auto"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="template.html">Journal</span></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="#">Link</a> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Dropdown | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="#">Action</a> | ||
+ | <a class="dropdown-item" href="#">Another action</a> | ||
+ | <div class="dropdown-divider"></div> | ||
+ | <a class="dropdown-item" href="#">Something else here</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <div class="mobile-banner-back" id="banner"> | ||
+ | <div class="page-banner"> | ||
+ | <h2 class="page-subtitle">Team   /   <span class="emphasis">Members</span></h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mobile-banner-back-special hidden" id="banner-special"> | ||
<div class="page-banner"> | <div class="page-banner"> | ||
<h2 class="person-name" id="banner-name"></h2> | <h2 class="person-name" id="banner-name"></h2> | ||
Line 83: | Line 120: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div | + | </div> |
+ | <div class="progress-container"> | ||
+ | <progress value="0" max="100" id="bar"></progress> | ||
+ | </div> | ||
</div> | </div> | ||
Line 96: | Line 136: | ||
</div> | </div> | ||
− | <div class="interface-group | + | <div class="interface-group"> |
<div class="person-picker closed" id="picker"> | <div class="person-picker closed" id="picker"> | ||
<!-- <div class="person-card"> | <!-- <div class="person-card"> | ||
Line 107: | Line 147: | ||
</div> --> | </div> --> | ||
</div> | </div> | ||
− | <div class="content-area hidden" > | + | <div class="content-area hidden" id="profile-content"> |
<!-- <div class="member"> | <!-- <div class="member"> | ||
<div class="profile"> | <div class="profile"> |
Revision as of 18:28, 21 October 2019