CivicIdeas Meetings Calendar View

by Pete Fecteau

HTML

<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.min.js"></script>
<script src="https://buttonpresser.com/CivicIdeas_BS/js/bootstrap.calendar.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"><a href="#">Discussions</a></li>
                    <li class="nav-forums"><a href="#">Forums</a></li>
                    <li class="nav-meetings active"><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...

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/bootstrap.calendar.css');
body {background:#DEDFE0;}
.year {
    position:relative;
    top:-260px;
    left:-335px;
    font-size:32px;
    font-weight:700;
    color:#cacaca;
    line-height:0;
    text-transform:UPPERCASE;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.month {
    font-size:100px;
    margin:45px 0 0 30px;
    text-transform:UPPERCASE;
}
.popover {
    background-color: #C5327A;
    border:0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
        .popover-title {
            border-radius:0;
            background-color: #C5327A;
        }
        &.right .arrow::after {
            border-right-color: #C5327A;
        }
}

JavaScript

$(document).ready(function(){
	var evnts = function(){
	  return {
			  "event":
				  [
					   {"date":"01/01/2012","title":"1"}
					  ,{"date":"02/04/2013","title":"2"}
					  ,{"date":"02/07/2013","title":"34"}
					  ,{"date":"04/04/2012","title":"123"}
					  ,{"date":"05/05/2012","title":"223"}
					  ,{"date":"06/06/2012","title":"4"}
					  ,{"date":"07/07/2012","title":"5"}
					  ,{"date":"08/08/2012","title":"14"}
					  ,{"date":"09/09/2012","title":"10"}
					  ,{"date":"10/10/2012","title":"10"}
					  ,{"date":"11/11/2012","title":"10"}
					  ,{"date":"12/12/2012","title":"10"}
                      ,{"date":"03/04/2013","title":"Summer Events Committee @ 3:30pm"}
                      ,{"date":"03/06/2013","title":"City Council Metting @ 6:00pm"}
				  ]
			  }
	};
	$('#calendar').Calendar({ 'events': evnts, 'weekStart': 1 })
});
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...