mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-09 11:16:39 -05:00
Pull the updated nav into the non-vue version of the site
This commit is contained in:
parent
1b2a3aa3f0
commit
b3e2a398c3
4 changed files with 26 additions and 17 deletions
1
gulpfile.js
vendored
1
gulpfile.js
vendored
|
@ -36,6 +36,7 @@ const vuePublic = "resources/assets/js/app-vue.js";
|
||||||
// Javascript files for the public site
|
// Javascript files for the public site
|
||||||
const jsPublic = [
|
const jsPublic = [
|
||||||
"resources/assets/js/site-vars.js",
|
"resources/assets/js/site-vars.js",
|
||||||
|
"resources/assets/js/nav.js",
|
||||||
"resources/assets/js/contact.js",
|
"resources/assets/js/contact.js",
|
||||||
"resources/assets/js/subscription.js",
|
"resources/assets/js/subscription.js",
|
||||||
"resources/assets/js/app.js"
|
"resources/assets/js/app.js"
|
||||||
|
|
2
resources/assets/js/app.js
vendored
2
resources/assets/js/app.js
vendored
|
@ -1,5 +1,7 @@
|
||||||
// run once the document is ready
|
// run once the document is ready
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
navInit();
|
||||||
|
|
||||||
switch (SiteVars.page) {
|
switch (SiteVars.page) {
|
||||||
case "":
|
case "":
|
||||||
subscriptionFormInit();
|
subscriptionFormInit();
|
||||||
|
|
6
resources/assets/js/nav.js
vendored
Normal file
6
resources/assets/js/nav.js
vendored
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
// nav functionality
|
||||||
|
function navInit() {
|
||||||
|
$(".nav-section-component-mobile-header-toggle").on("click", function() {
|
||||||
|
$(".nav-section-component-mobile-header-toggle, .nav-section-component-links").toggleClass("open");
|
||||||
|
});
|
||||||
|
}
|
|
@ -1,21 +1,21 @@
|
||||||
<nav class="nav-section-component navbar navbar-default navbar-fixed-top">
|
<nav class="nav-section-component">
|
||||||
<div class="container-fluid">
|
<div class="nav-section-component-mobile-header">
|
||||||
<div class="navbar-header">
|
<button class="nav-section-component-mobile-header-toggle">
|
||||||
<button type="button" id="navbar-toggle" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
|
<span class="icon-bar"></span>
|
||||||
<span class="sr-only">Toggle Navigation</span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
</button>
|
||||||
</button>
|
</div>
|
||||||
|
|
||||||
<a class="navbar-logo" href="/"></a>
|
<div class="nav-section-component-links" :class="{ open: openNav }">
|
||||||
</div>
|
<div class="nav-section-component-links-wrapper">
|
||||||
|
<a class="navlink" href="/"><span>Home</span></a>
|
||||||
<div id="navbar-collapse" class="navbar-collapse collapse">
|
<a class="navlink" href="/contact"><span>Contact</span></a>
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
<li class="navlink"><a href="/" title="Home">Home</a></li>
|
|
||||||
<li class="navlink"><a href="/contact" title="Contact">Contact</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<a class="nav-section-component-logo" href="/">
|
||||||
|
<img src="/img/logo.png" />
|
||||||
|
</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
Loading…
Reference in a new issue