add vue to hamburger menu; add some comments in html
This commit is contained in:
Mark Eaton
@@ -6,8 +6,11 @@
|
||||
<!-- BEGIN: content -->
|
||||
<div id="s-lib-public-main" class="s-lib-main container s-lib-side-borders">
|
||||
<div id="s-lg-index-cols">
|
||||
<div id="app"><!-- vue app -->
|
||||
<div class="row">
|
||||
<!--<div id="obsolete_browser_alert" class="alert alert-danger obsolete_browser_alert">It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.</div>-->
|
||||
|
||||
|
||||
<div class="col-xs-12" id="header-div">
|
||||
<div class="dropdown" id="hamburger-container">
|
||||
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" id="hamburger">
|
||||
@@ -15,45 +18,12 @@
|
||||
</button>
|
||||
<ul class="dropdown-menu fade" aria-labelledby="hamburger" id="hamburger-ul">
|
||||
<li>
|
||||
<a class="searchmenu" aria-label="OneSearch" href="https://cuny-kb.primo.exlibrisgroup.com/discovery/search?tab=Everything&vid=01CUNY_KB:CUNY_KB&lang=en">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-search fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>OneSearch</strong>
|
||||
</div>
|
||||
<a v-for="item in hamburger" v-bind:key="item.id" class="searchmenu" v-bind:aria-label="item.description" v-bind:href="item.link" v-bind:target="item.target_blank">
|
||||
<menus-component v-bind:item="item"></menus-component>
|
||||
</a>
|
||||
<a class="searchmenu" aria-label="Databases A to Z" href="https://library.kbcc.cuny.edu/az.php">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-database fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>Databases A-Z</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" aria-label="Research Guides" href="https://library.kbcc.cuny.edu/guides">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-telescope fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>Research Guides</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" aria-label="FAQ" href="https://library.kbcc.cuny.edu/faq">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-question-circle fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>FAQ</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" aria-label="Hours" href="https://library.kbcc.cuny.edu/calendar">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-clock fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>Library Hours</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a class="searchmenu" aria-label="Site Map" href="https://library.kbcc.cuny.edu/sitemap">
|
||||
<div class="highlight-menu-item bigger-fancy-text">
|
||||
<i class="fas fa-location-arrow fa-fw bigger-icon" aria-hidden="true"></i>
|
||||
<strong>Site Map</strong>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- end of hamburger container -->
|
||||
<a href="https://cuny-kb.primo.exlibrisgroup.com/discovery/account?vid=01CUNY_KB:CUNY_KB" id="login-div" class="no-underline">
|
||||
<div id="login-text">Login</div>
|
||||
<div id="login-icon"><i class="fas fa-user"></i></div>
|
||||
@@ -62,7 +32,7 @@
|
||||
<div id="corona-alert" type="button" data-toggle="modal" data-target=".bs-example-modal-sm">
|
||||
<span id="corona-alert-text">No fines on KBCC books checked out before the pandemic! Just return them to any CUNY Library.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- end of header div -->
|
||||
<!-- Modal -->
|
||||
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
||||
<div class="modal-dialog modal-sm" role="document">
|
||||
@@ -73,12 +43,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End modal -->
|
||||
</div>
|
||||
|
||||
<div id="app"><!-- vue app -->
|
||||
|
||||
</div><!-- End of modal -->
|
||||
</div><!-- end of row -->
|
||||
<div class="row" id="hamburger-alternative">
|
||||
<div class="col-xs-12">
|
||||
<nav class="navbar navbar-default main-nav-container">
|
||||
@@ -145,14 +111,12 @@
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
</div><!-- end Vue app -->
|
||||
|
||||
</div>
|
||||
</ul><!-- end of navbar-center -->
|
||||
</div><!-- end of container-fluid -->
|
||||
</nav><!-- end of main-nav-container -->
|
||||
</div><!-- end of col-xs-12 -->
|
||||
</div><!--end of row-->
|
||||
</div><!--end of Vue app-->
|
||||
</div>
|
||||
<div class="container" style="margin-top:14px;">
|
||||
<div class="row kbcc-background-image">
|
||||
|
||||
Reference in New Issue
Block a user