CivicIdeas 500 Page

Oh hell no.

by Pete Fecteau

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://buttonpresser.com/CivicIdeas_BS/js/goog_trans.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-carousel.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-transition.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-dropdown.js"></script>
  <div class="standard-nav alone navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <div class="nav-collapse" id="main-menu">
                <ul class="nav" id="main-menu-left">
                    <li class="nav-home"><a href="#">Home</a></li>
                    <li class="nav-ideas"><a href="#">Ideas</a></li>
                    <li class="nav-projects"><a href="#">Projects</a></li>
                    <li class="nav-discussions"><a href="#">Discussions</a></li>
                    <li class="nav-forums"><a href="#">Forums</a></li>
                    <li class="nav-meetings"><a href="#">Meetings</a></li>
                    <li class="nav-surveys"><a href="#">Surveys</a></li>
                </ul>
                <ul class="nav pull-right" id="main-menu-right">
                    <li class="language"><a href="#">Language</a></li>
                    <li>
                        <form class="navbar-search pull-left" action="">
                            <input type="text" class="search-query span2" placeholder="Search" />
                        </form>
                    </li>
                    <li class="dropdown">
                        <a href="/users/sign_in" id="navbar-login">Login or Register</a>
                        <ul class="dropdown-menu" id="swatch-menu">
                            <li><a href="../default">Log Out</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Edit...

SCSS

@import url('https://twitter.github.com/bootstrap/assets/css/bootstrap.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap-custom.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-nav.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-headers.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-sidebar.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-footer.css');
.span10 {width:760px;}
.lunch-lady {
    background-image:url("http://buttonpresser.com/CivicIdeas_BS/img/fun/lunch-lady.png");
    background-repeat:no-repeat;
    background-position:bottom right;
    margin-top:40px;
}

JavaScript

$('.dropdown-toggle').dropdown();
$('.carousel').carousel();
$('.collapse').collapse();

$('.project-expand').live("click", function() {
    $(this).parent().siblings('section.project').animate({opacity: 0.2},600,function(){});
    $(this).html('Collapse');
    $(this).addClass('project-collapse');
});
$('.project-collapse').live("click", function() {
    $(this).parent().siblings('section.project').animate({opacity: 1},600,function(){});
    $(this).html('Expand');
    $(this).removeClass('project-collapse');
});

$('.projectItem').hover(function(){$(this).find('.expand').show();},function (){$(this).find('.expand').hide();});
$('section.projectItem').hover(function(){$(this).find('.btn-arrow-right').show();},function (){$(this).find('.btn-arrow-right').hide();});