CivicIdeas Discussions Index

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.min.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/goog_trans.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 active"><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">
                        <div id="google_translate_element"></div>
                    </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 Profile</a></li>
                        <li><a href="#">My Ideas</a></li>
                        <li><a href="#">My Connections</a></li>
                        <li><a href="#">My Apps</a></li>
                    </ul>
                    </li>
            ...

SCSS

@import url('https://buttonpresser.com/CivicIdeas_BS/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-sidebar.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-footer.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/header-discussion.css');
body {background:#DEDFE0;}

JavaScript

function googleTranslateElementInit() {
  new google.translate.TranslateElement({
	pageLanguage:'en',
	layout:google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');

  // customize the 'select language link'
  var elem = $('#google_translate_element').find('.goog-te-gadget-simple');
  elem.removeClass('goog-te-gadget-simple');
  elem = $('#google_translate_element').find('.goog-te-gadget');
  elem.removeClass('goog-te-gadget');
  elem = $('#google_translate_element').find('.goog-te-menu-value');
  elem.removeClass('goog-te-menu-value');
  var parent = $('#google_translate_element');
  parent.find('img').remove();
  var children = parent.find('a').children();
  parent.find(children[1]).remove();
  parent.find(children[2]).remove();
  setTimeout(function () {
			parent.find("a span").text("Language");
		  }, 1000
  );
}

(function(){
	var d=window,
		  e=document,
		  f=".",
		  g="UTF-8",
		  h="complete",
		  k="head",
		  l="link",
		  m="script",
		  n="stylesheet",
		  p="text/css",
		  q="text/javascript";
		 
	  Math.random();
	  function r(b){var a=e.getElementsByTagName(k)[0];a||(a=e.body.parentNode.appendChild(e.createElement(k)));a.appendChild(b)}
	  function _loadJs(b){var a=e.createElement(m);a.type=q;a.charset=g;a.src=b;r(a)}
	  function _loadCss(b){var a=e.createElement(l);a.type=p;a.rel=n;a.charset=g;a.href=b;r(a)}
	  function _isNS(b){b=b.split(f);for(var a=d,c=0;c<b.length;++c)if(!(a=a[b[c]]))return!1;return!0}
	  function _setupNS(b){b=b.split(f);for(var a=d,c=0;c<b.length;++c)a=a[b[c]]||(a[b[c]]={});return a}
d.addEventListener&&"undefined"==typeof e.readyState&&d.addEventListener("DOMContentLoaded",function(){e.readyState=h},!1);if (_isNS('google.translate.Element')){return}
	var c=_setupNS('google.translate._const');
		  c._cl='en';
		  c._cuc='googleTranslateElementInit';
		  c._cac='';
		  c._cam='';
	var h='translate.googleapis.com';
	var b=(window.location.protocol=='https:'?'https://':'http://')+h;
		 ...