Commit 8e1d2604 authored by Thomas Park's avatar Thomas Park
Browse files

refactor menu code

parent 547a8c57
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
var menu = '<ul class="nav"> \
<li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li> \
<li><a id="swatch-link" href="/#gallery">Gallery</a></li> \
<li class="dropdown"> \
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a> \
<ul class="dropdown-menu"> \
<li><a href="/default">Default</a></li> \
<li class="divider"></li> \
<li><a href="/amelia">Amelia</a></li> \
<li><a href="/cerulean">Cerulean</a></li> \
<li><a href="/cyborg">Cyborg</a></li> \
<li><a href="/journal">Journal</a></li> \
<li><a href="/readable">Readable</a></li> \
<li><a href="/simplex">Simplex</a></li> \
<li><a href="/slate">Slate</a></li> \
<li><a href="/spacelab">Spacelab</a></li> \
<li><a href="/spruce">Spruce</a></li> \
<li><a href="/superhero">Superhero</a></li> \
<li><a href="/united">United</a></li> \
</ul> \
</li>';
if(document.title !== 'Bootswatch: Free themes for Twitter Bootstrap') {
menu = menu + '<li class="divider-vertical"></li> \
<li class="dropdown"> \
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Download <b class="caret"></b></a> \
<ul class="dropdown-menu"> \
<li><a target="_blank" href="bootstrap.min.css">bootstrap.min.css</a></li> \
<li><a target="_blank" href="bootstrap.css">bootstrap.css</a></li> \
<li class="divider"></li> \
<li><a target="_blank" href="variables.less">variables.less</a></li> \
<li><a target="_blank" href="bootswatch.less">bootswatch.less</a></li> \
</ul> \
</li>';
}
menu = menu + ' </ul> \
<ul class="nav pull-right"> \
<li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites & apps" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'builtwithbootstrap\']);">Built With Bootstrap <i class="icon-share-alt icon-white"></i></a></li> \
<li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'wrapbootstrap\']);">WrapBootstrap <i class="icon-share-alt icon-white"></i></a></li> \
</ul>';
$('.navbar .nav-collapse').first().append(menu);
$('#main-menu').load('/js/snippets/main-menu.html', function(){
if($('body').hasClass('preview')){
$('#main-menu-left').append('<li class="dropdown" id="preview-menu"></li>');
$('#preview-menu').load('/js/snippets/preview-menu.html');
}
$('a[rel=tooltip]').tooltip({
'placement': 'bottom'
});
var taglines = [];
taglines.push('Free themes for <a target="_blank" href="http://twitter.github.com/bootstrap/">Twitter Bootstrap</a>');
taglines.push('Add color to your <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a> site without touching a color picker');
taglines.push('Saving the web from default <a target="_blank" href="http://twitter.github.com/bootstrap/">Bootstrap</a>');
var line = Math.floor((taglines.length) * Math.random());
$('#tagline').html(taglines[line]);
});
\ No newline at end of file
<ul class="nav" id="main-menu-left">
<li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
<li><a id="swatch-link" href="/#gallery">Gallery</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
<ul class="dropdown-menu" id="swatch-menu">
<li><a href="/default">Default</a></li>
<li class="divider"></li>
<li><a href="/amelia">Amelia</a></li>
<li><a href="/cerulean">Cerulean</a></li>
<li><a href="/cyborg">Cyborg</a></li>
<li><a href="/journal">Journal</a></li>
<li><a href="/readable">Readable</a></li>
<li><a href="/simplex">Simplex</a></li>
<li><a href="/slate">Slate</a></li>
<li><a href="/spacelab">Spacelab</a></li>
<li><a href="/spruce">Spruce</a></li>
<li><a href="/superhero">Superhero</a></li>
<li><a href="/united">United</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right" id="main-menu-right">
<li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites &amp; apps" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'builtwithbootstrap\']);">Built With Bootstrap <i class="icon-share-alt icon-white"></i></a></li>
<li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'wrapbootstrap\']);">WrapBootstrap <i class="icon-share-alt icon-white"></i></a></li>
</ul>
\ No newline at end of file
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Download <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a target="_blank" href="bootstrap.min.css">bootstrap.min.css</a></li>
<li><a target="_blank" href="bootstrap.css">bootstrap.css</a></li>
<li class="divider"></li>
<li><a target="_blank" href="variables.less">variables.less</a></li>
<li><a target="_blank" href="bootswatch.less">bootswatch.less</a></li>
</ul>
\ No newline at end of file
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
......@@ -35,7 +35,7 @@
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="50">
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
<!-- Navbar
......@@ -49,7 +49,7 @@
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
<div class="nav-collapse">
<div class="nav-collapse" id="main-menu">
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment