fixed navbar script
[bootswatch] / js / bootswatch.js
1 var menu = '<ul class="nav"> \
2               <li><a id="swatch-link" href="#swatches">Gallery</a></li> \
3                           <li class="dropdown"> \
4                  <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a> \
5                  <ul class="dropdown-menu"> \
6                    <li><a href="/default">Default</a></li> \
7                    <li class="divider"></li> \
8                    <li><a href="/cerulean">Cerulean</a></li> \
9                    <li><a href="/cyborg">Cyborg</a></li> \
10                    <li><a href="/journal">Journal</a></li> \
11                    <li><a href="/simplex">Simplex</a></li> \
12                    <li><a href="/slate">Slate</a></li> \
13                    <li><a href="/spacelab">Spacelab</a></li> \
14                    <li><a href="/united">United</a></li> \
15                  </ul> \
16                </li>';
17
18 if(document.title !== 'Bootswatch: Free themes for Twitter Bootstrap') {
19         menu = menu + '<li class="divider-vertical"></li> \
20                                            <li class="dropdown"> \
21                                          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Download <b class="caret"></b></a> \
22                                          <ul class="dropdown-menu"> \
23                                            <li><a target="_blank" href="bootstrap.min.css">bootstrap.min.css</a></li> \
24                                            <li><a target="_blank" href="bootstrap.css">bootstrap.css</a></li> \
25                                            <li class="divider"></li> \
26                                            <li><a target="_blank" href="variables.less">variables.less</a></li> \
27                                            <li><a target="_blank" href="bootswatch.less">bootswatch.less</a></li> \
28                                          </ul> \
29                                        </li>';
30 }
31
32 menu = menu + '                 </ul> \
33                                                 <ul class="nav pull-right"> \
34                                                         <li><a rel="tooltip" target="_blank" href="http://wrapbootstrap.com" title="Marketplace for premium templates and themes">WrapBootstrap <i class="icon-share-alt icon-white"></i></a></li> \
35                                                 </ul>';
36
37                         $('.navbar .nav-collapse').first().append(menu);
38                         
39                         console.log($('a[rel=tooltip]'));
40                         $('a[rel=tooltip]').tooltip({
41                                 'placement': 'bottom'
42                         });