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,8 +49,8 @@
<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>
</div>
......@@ -87,7 +87,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -98,13 +98,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -352,22 +352,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
......@@ -562,14 +562,14 @@
<div class="span12">
<h3 id="labels">Labels</h3>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
</div>
</div>
<br />
......@@ -579,7 +579,7 @@
<h3 id="progressbars">Progress bars</h3>
<div class="row">
<div class="span4">
<div class="progress">
......
......@@ -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,8 +49,8 @@
<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>
</div>
......@@ -87,7 +87,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -98,13 +98,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -352,22 +352,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
......@@ -562,14 +562,14 @@
<div class="span12">
<h3 id="labels">Labels</h3>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
</div>
</div>
<br />
......@@ -579,7 +579,7 @@
<h3 id="progressbars">Progress bars</h3>
<div class="row">
<div class="span4">
<div class="progress">
......
......@@ -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,8 +49,8 @@
<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>
</div>
......@@ -87,7 +87,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -98,13 +98,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -352,22 +352,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
......@@ -562,14 +562,14 @@
<div class="span12">
<h3 id="labels">Labels</h3>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
</div>
</div>
<br />
......@@ -579,7 +579,7 @@
<h3 id="progressbars">Progress bars</h3>
<div class="row">
<div class="span4">
<div class="progress">
......
......@@ -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,8 +49,8 @@
<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>
</div>
......@@ -86,7 +86,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -97,13 +97,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -349,22 +349,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
......@@ -559,14 +559,14 @@
<div class="span12">
<h3 id="labels">Labels</h3>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
</div>
</div>
<br />
......@@ -576,7 +576,7 @@
<h3 id="progressbars">Progress bars</h3>
<div class="row">
<div class="span4">
<div class="progress">
......
......@@ -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,8 +49,8 @@
<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>
</div>
......@@ -87,7 +87,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -98,13 +98,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -352,22 +352,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
......@@ -562,14 +562,14 @@
<div class="span12">
<h3 id="labels">Labels</h3>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
</div>
</div>
<br />
......@@ -579,7 +579,7 @@
<h3 id="progressbars">Progress bars</h3>
<div class="row">
<div class="span4">
<div class="progress">
......
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);
$('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]);
$('#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'
});
});
\ 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,8 +49,8 @@
<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>
</div>
......@@ -87,7 +87,7 @@
<!-- Headings & Paragraph Copy -->
<div class="row">
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
......@@ -98,13 +98,13 @@
<h6>h6. Heading 6</h6>
</div>
</div>
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
<div class="span4">
<h3>Example addresses</h3>
<address>
......@@ -352,22 +352,22 @@
<div class="page-header">
<h1>Forms</h1>
</div>
<div class="row">
<div class="span7 offset1">
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>