<|start_filename|>_includes/next-meeting.html<|end_filename|>
{% for meeting in site.categories.meetings limit: 1  %}
<a class="alert red" href={{ meeting.url }}>
  Next CUGOS meeting: <span class="alert-meeting-title">{{ meeting.title }}</span></a>
</a>
{% endfor %}

<|start_filename|>blog/index.html<|end_filename|>
---
layout: page
title: Blog
weight: 4
sidebar:
  - about
  - coc
extra_js: /static/js/feed.js
---

<h2>Google group write board</h2>

<ul class="posts" id="feed"></ul>

<h2>Blog posts</h2>

<ul class="posts">
  {% for blog in site.categories.blog %}
  <li class="post"><a href={{ blog.url }}><span class="post-date">{{ blog.date | date: "%m/%d/%Y" }}</span>{{ blog.title }}</a></li>
  {% endfor %}
</ul>


<|start_filename|>_layouts/event-2017.html<|end_filename|>
---
---

{% include head.html %}

<style>

/*@import url('https://fonts.googleapis.com/css?family=Overpass+Mono:400,700');*/

/*
https://color.adobe.com/Car-color-theme-9282872
*/
body,
h1,
h2,
h3,
p {
  font-family: Consolas,"PT Mono",Menlo,Courier,monospace;
  font-size: 16px;
  line-height: 1.4em;
}
p a {
  color: #4A49F1;
}
nav {
  position: absolute;
  z-index: 10;
  width: 100%;
  background: transparent;
}
.spring-fling-header {
  padding: 10em 0 3em;
  background: #ED2B4F;
  text-align: left;
  color: #f6f6f6;
  border-bottom: 20px solid #B81C3A;
}
.spring-fling-header h1 {
  font-size: 3em;
  font-family: monospace;
}
.spring-fling-header p {
  line-height: 1.7em;
}
.spring-fling-header strong {
  width: 80px;
  display: inline-block;
  text-align: right;
  margin-right: 15px;
}
.spring-fling-register {
  color: #1F3C3D;
  background: #DCF81F;
}

.spring-fling-nav {
  text-align: center;
  background: white;
  padding: 1em;
}
.spring-fling-nav a {
  color: #4A49F1;
  text-transform: uppercase;
  font-size: 1em;
  margin: 0 10px;
}
.spring-fling-nav a:hover {
  text-decoration: underline;
}

.spring-fling-announcement {
  background: #f8fdd2;
  width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: #1F3C3D;
}

.spring-fling-map {
  width: 100%;
  height: 300px;
}

.spring-fling-section {
  padding: 3em 1em;
}
.spring-fling-section-header {
  display: inline-block;
  background: #4A49F1;
  color: white;
  padding: 5px;
  text-transform: lowercase;
}
.spring-fling-section h2 {
  font-size: 2.5em;
}
.spring-fling-section.white {
  background: white;
}

/* schedule */
.sf-schedule-block {
  margin-bottom: 3em;
}
.sf-schedule-left,
.sf-schedule-right {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sf-schedule-time {
  border-bottom: 2px solid white;
}
.sf-schedule-title {
  font-weight: 900;
  color: #B81C3A;
}
.sf-schedule-block.talk .sf-schedule-title {
  color: #333;
}
.sf-schedule-block.talk .sf-schedule-description {
  font-size: 0.85em;
  line-height: 0;
}
.sf-description.talk {}
.sf-schedule-speaker {
  color: #999;
}
.sf-schedule-block p {
  margin: 0;
}
@media screen and (min-width:41em) {
  .sf-schedule-block { margin-bottom: 1em; }
  .sf-schedule-left { float: left; padding: 1em; width: 15%; text-align: right; }
  .sf-schedule-right { float: right; padding: 1em; width: 85%; }

}

.sponsor-level-title {
  font-family: Consolas,"PT Mono",Menlo,Courier,monospace;
  font-weight: 100;
  font-size: 1em;
  text-transform: capitalize;
}
</style>

<header class="spring-fling-header">
  <div class="container">
    <h1>{{ page.title }}</h1>
    {% if page.announcement %}<div class="spring-fling-announcement">{{ page.announcement }}</div>{% endif %}
    <p>{{ page.event_description }}</p>
    <p>
      <strong>When?</strong> {{ page.event_date }}, {{ page.event_time }}<br>
      <strong>Where?</strong> {{ page.event_location }}<br>
      <strong>How?</strong> <a class="spring-fling-register" href="{{ page.event_register-url }}">Register here!</a><br>
    </p>
  </div>
</header>

<div class="spring-fling-nav">
  <!-- <a href="{{ page.event_register-url }}">Register</a> -->
  <a href="#schedule">Schedule</a>
  <a href="#sponsors">Sponsors</a>
  <a href="#volunteer">Volunteer</a>
  <a href="#location">Location</a>
  <a href="/code-of-conduct" target="_blank">Code of Conduct</a>
</div>

<section id="schedule" class="spring-fling-section">
  <div class="container">
    <span class="spring-fling-section-header">schedule</span>
    <p>We're working on a great schedule for this year. Take a peek at the schedule from the <a href="/2016-spring-fling">2016 Spring Fling</a> to get a sense of what to expect. Below is the general idea (subject to change):</p>

    {% for item in page.schedule %}
    <div class="sf-schedule-block cf {{ item.type }}">
      <div class="sf-schedule-left">
        <span class="sf-schedule-time">{{ item.time }}</span>
      </div>
      <div class="sf-schedule-right">
        <p><span class="sf-schedule-title">{{ item.title }}</span><br>
        {% if item.speaker %}<span class="sf-schedule-speaker">{{ item.speaker }}</span><br>{% endif %}
        <span class="sf-schedule-description">{{ item.description }}</span></p>
      </div>
    </div>
    {% endfor %}

  </div>
</section>

<section id="sponsors" class="spring-fling-section">
  <div class="container">
    <span class="spring-fling-section-header">sponsors</span>

    {% if page.event_sponsors_platinum %}
      {% include event-sponsor.html sponsors=page.event_sponsors_platinum title="Platinum Sponsors" color="text-blue" %}
    {% endif %}

    {% if page.event_sponsors_gold %}
      {% include event-sponsor.html sponsors=page.event_sponsors_gold title="Gold Sponsors" color="text-gold" %}
    {% endif %}

    {% if page.event_sponsors_silver %}
      {% include event-sponsor.html sponsors=page.event_sponsors_silver title="Silver Sponsors" color="text-silver" %}
    {% endif %}

    {% if page.event_sponsors_bronze %}
      {% include event-sponsor.html sponsors=page.event_sponsors_bronze title="Bronze Sponsors" color="text-bronze" %}
    {% endif %}

    {% if page.event_sponsors_comm %}
      {% include event-sponsor.html sponsors=page.event_sponsors_comm title="Community Sponsors" color="text-bronze" %}
    {% endif %}

    <p>Interested in sponsoring this event? Send us a message at <a href=""><EMAIL></a>.</p>

  </div>
</section>

<section id="volunteer" class="spring-fling-section">
  <div class="container">
    <span class="spring-fling-section-header">volunteer</span>
    <p>We are a small team of CUGOS regulars focused on putting together a great event for the broader geospatial community. Interested in helping out? Send us a message at <a href=""><EMAIL></a> with how you'd like to participate. Thanks for making CUGOS great!</p>
  </div>
</section>

<section id="location" class="spring-fling-section white">
  <div class="container">
    <span class="spring-fling-section-header">location</span>
    <h2>General Assembly</h2>
    <p><strong>Address</strong><br>
      1218 Third Ave 3rd Fl<br>
      Seattle, WA 98101<p>
    <p>General Assembly fosters an elite professional community of individuals and companies through education and strategic career connections. They provide innovative training for lifelong learning and success in the in-demand fields of today’s rapidly changing technological economy.</p>

    {% if page.markers %}
      <div id="event-map" class="map-marker">
      {% for m in page.markers %}
        <span class="marker-elem"
              data-latitude="{{ m.lat }}"
              data-longitude="{{ m.lng }}"
              data-icon="{{ m.icon }}"
              data-color="{{ m.color }}"
              data-popup="{{ m.name }}"></span>
      {% endfor %}
      </div>
    {% endif %}
  </div>
</section>

{% include footer.html %}


<|start_filename|>_layouts/page.html<|end_filename|>
---
layout: default
---

<div class="content cf">

  <div class="content-main">
    {{ content }}
  </div>

  <div class="content-side">
    {% for item in page.sidebar %}
      {% if item == 'next-meeting' %}
      <div class="side-info next-meeting">
        {% for meeting in site.categories.meetings limit: 1  %}
          <a href={{ meeting.url }}>Next CUGOS meeting: {{ meeting.title }}</a>
        {% endfor %}
      </div>
      {% endif %}

      {% if item == 'contact' %}
      <div class="side-info">
        <h2>Contact</h2>
        <p><span>Email</span><br><EMAIL></p>
        <p><span>Address</span><br>CUGOS<br>P.O. Box 1614<br>Langley, WA 98260<br></p>
      </div>
      {% endif %}

      {% if item == 'coc' %}
      <div class="side-info">
        <h2>Code of Conduct</h2>
        <p>CUGOS strives to be an inclusive community for anyone interested in open source geography. Before attending our meetings, please familiarize yourself with our <a href="/code-of-conduct/">Code of Conduct</a>.
      </div>
      {% endif %}

      {% if item == 'about' %}
      <div class="side-info">
        <h2>About CUGOS</h2>
        <p><a href="/about/">Learn more</a> about CUGOS, our mission, and our annual reports.</p>
      </div>
      {% endif %}

      {% if item == 'mailing-list' %}
      <div class="side-info">
        <p>Want to stay up to date with CUGOS news? <a href="https://groups.google.com/forum/#!forum/cugos" target="_blank">Join our Google Group</a>.</p>
        <p><small>You'll have to request access, we'll approve you ASAP.</small></p>
      </div>
      {% endif %}
    {% endfor %}
  </div>

</div>

<|start_filename|>_layouts/about.html<|end_filename|>
---
layout: page
---

{{content}}

<h2>Board meeting notes</h2>
<ul>
{% for post in site.categories.notes %}
  <li><a href="{{post.url}}">{{post.date | date_to_string}}</a></li>
{% endfor %}
</ul>


<|start_filename|>_includes/pagination.html<|end_filename|>
{% for post in site.categories.meetings %}
    {% if post.url == page.url %}
        {% assign post_index0 = forloop.index0 %}
        {% assign post_index1 = forloop.index %}
    {% endif %}
{% endfor %}
{% for post in site.categories.meetings %}
    {% if post_index0 == forloop.index %}
        {% assign next_post = post.url %}
        {% assign next_post_date = post.date %}
    {% endif %}
    {% if post_index1 == forloop.index0 %}
        {% assign prev_post = post.url %}
        {% assign prev_post_date = post.date %}
    {% endif %}
{% endfor %}
{% if next_post %}
    Next meeting: <a href="{{ next_post }}">{{ next_post_date | date: "%m/%d/%Y" }}</a>&nbsp;&nbsp;
{% endif %}
{% if prev_post %}
    Previous meeting: <a href="{{ prev_post }}">{{ prev_post_date | date: "%m/%d/%Y" }}</a>
{% endif %}

<|start_filename|>_layouts/notes.html<|end_filename|>
---
layout: default
---

<div class="content cf">

  <div class="content-main">
    <h1>Board Meeting - {{ page.date | date_to_string }}</h1>
    <p style="background: white; padding: 1em;"><small><strong>Attendees</strong>: {{page.attendees}}<br>
       <strong>Location</strong>: {{page.location}}<br>
       <strong>Time</strong>: {{page.time}}</small></p>
    {{ content }}
  </div>

  <div class="content-side">
    <div class="side-info next-meeting">
      {% for meeting in site.categories.meetings limit: 1  %}
        <a href={{ meeting.url }}>Next CUGOS meeting: {{ meeting.title }}</a>
      {% endfor %}
    </div>

    <div class="side-info">
      <h2>Code of Conduct</h2>
      <p>CUGOS strives to be an inclusive community for anyone interested in open source geography. Before attending our meetings, please familiarize yourself with our <a href="/code-of-conduct/">Code of Conduct</a>.
    </div>

    <div class="side-info">
      <h2>About CUGOS</h2>
      <p><a href="/about/">Learn more</a> about CUGOS, our mission, and our annual reports.</p>
    </div>
    <div class="side-info">
      <p>Want to stay up to date with CUGOS news? <a href="https://groups.google.com/forum/#!forum/cugos" target="_blank">Join our Google Group</a>.</p>
      <p><small>You'll have to request access, we'll approve you ASAP.</small></p>
    </div>
  </div>

</div>


<|start_filename|>_layouts/meeting.html<|end_filename|>
---
layout: default
---

<header class="page-header meeting" {% if page.header_img %}style="background-image:url({{ site.baseurl }}/image/{{ page.header_img }});"{% endif %}>
  <div class="header-info">
    <h1>{{ page.date | date_to_string }}</h1>
    <h2>Cugos Meeting</h2>
  </div>
</header>

<div class="content cf">
  <div class="content-side">
    <div class="side-info">
      <h2>Meeting Info</h2>
      <p class="meeting-info-item"><span>Date & time</span><br>{{ page.date | date_to_string }}, {{ page.time }}</p>
      <p class="meeting-info-item"><span>Host</span><br>{{ page.location }}</p>
      <p class="meeting-info-item"><span>Address</span><br>{{ page.address }}</p>
      <p class="meeting-info-item">{{ page.notes }}</p>
    </div>
    <div id="map"
         class="meeting-map map-marker"
         data-latitude="{{ page.lat }}"
         data-longitude="{{ page.lng }}"
         data-popup="{{ page.address }}"></div>
    <p class="coords">{{ page.lat }}, {{ page.lng }}</p>
  </div>

  <div class="content-main">
    {{ content }}
  </div>
</div>

<!-- list of other meetings -->
<p class="previous-meeting">
  {% include pagination.html %}
  <span class="all-meetings"><a href="/meetings">All meetings</a></span>
</p>

<|start_filename|>_layouts/event.html<|end_filename|>
---
---

{% include head.html %}

<header class="event-header" style="background-image:url({{ site.baseurl }}/image/{{ page.event_header-image }});">
  <div class="outer">
    <div class="inner">
      <h1 class="event-title">{{ page.title }}</h1>
      <p class="event-date"><i class="fa fa-calendar"></i>{{ page.event_date }}</p>
      <a class="event-register-button" target="_blank" href="#">Sold out!<i class="fa fa-smile-o"></i><i class="fa fa-frown-o"></i></a>
    </div>
  </div>
  <!-- remove this after event! -->
  <div class="event-header-credits">credit: <a target="_blank" href="https://www.mapbox.com/">{{ page.event_header-credit }}</a></div>
</header>

{% if page.announcement %}
<div class="alert blue no-hover no-margin no-bump">
  <div class="container"><p>{{ page.announcement }}</p></div>
</div>
{% endif %}

<div class="container">
  <div class="main event">
    <div class="event-content">{{ content }}</div>

    {% if page.markers %}
      <div id="event-map" class="map-marker">
      {% for m in page.markers %}
        <span class="marker-elem"
              data-latitude="{{ m.lat }}"
              data-longitude="{{ m.lng }}"
              data-icon="{{ m.icon }}"
              data-color="{{ m.color }}"
              data-popup="{{ m.name }}"></span>
      {% endfor %}
      </div>
    {% else %}
      <div id="event-map"
           class="map-marker"
           data-latitude="{{ page.lat }}"
           data-longitude="{{ page.lng }}"
           data-popup="{{ page.address }}"></div>
    {% endif %}

    {% if page.schedule %}
      <h2 class="event-content-title">Schedule</h2>
      <div class="schedule cf">

        {% for item in page.schedule %}
        <div class="schedule-block {{ item.type }}">
            {% for s in item.speakers %}
            <div class="speaker">
              {% if s.image %}<div class="speaker-image"><img src="{{ s.image }}"></div>{% endif %}
              {% if s.name %}<p class="speaker-name">{{ s.name }}</p>{% endif %}
              {% if s.company %}<p class="speaker-company">{{ s.company }}</p>{% endif %}
            </div>
            {% endfor %}
            <h2 class="schedule-block-title">{{ item.title }}</h2>
            <p class="schedule-block-description">{{ item.description }}</p>
        </div>
        {% endfor %}

      </div>
    {% endif %}

    <div class="event-sponsors">

      {% if page.event_sponsors_platinum %}
        {% include event-sponsor.html sponsors=page.event_sponsors_platinum title="Platinum Sponsors" color="text-blue" %}
      {% endif %}

      {% if page.event_sponsors_gold %}
        {% include event-sponsor.html sponsors=page.event_sponsors_gold title="Gold Sponsors" color="text-gold" %}
      {% endif %}

      {% if page.event_sponsors_silver %}
        {% include event-sponsor.html sponsors=page.event_sponsors_silver title="Silver Sponsors" color="text-silver" %}
      {% endif %}

      {% if page.event_sponsors_bronze %}
        {% include event-sponsor.html sponsors=page.event_sponsors_bronze title="Bronze Sponsors" color="text-bronze" %}
      {% endif %}

      {% if page.event_sponsors_comm %}
        {% include event-sponsor.html sponsors=page.event_sponsors_comm title="Community Sponsors" color="text-bronze" %}
      {% endif %}

      <p>Want to support this event? Email <a href="mailto:<EMAIL>"><EMAIL></a> for information about how to get involved.</p>

    </div>
  </div>
</div>

{% include footer.html %}


<|start_filename|>_layouts/home.html<|end_filename|>
---
layout: default
---

{% if page.alert_text %}
<a class="alert event" href="{{ page.alert_url }}">
  {{ page.alert_text }}<i class="fa fa-arrow-right"></i>
</a>
{% endif %}

<header class="page-header home">
  <div class="header-info">
    {% include cugos-svg-logo.html %}
    <h1>CUGOS</h1>
  </div>
</header>

<div class="intro">
  <p>The Cascadia chapter of OSGeo is focused on learning and teaching about <span>open data</span>, <span>maps</span>, and <span>spatial applications</span>. We like code and good conversation.</p>
</div>

<div class="cf">
  {% for meeting in site.categories.meetings limit: 1  %}
  <a class="left" href={{ meeting.url }}>
    <strong>Next CUGOS meeting</strong><br>
    <small><i class="fa fa-calendar"></i> {{ meeting.title }}</small><br>
    <small>Seattle, WA</small>
  </a>
  {% endfor %}

  <a class="right" href="https://groups.google.com/forum/#!forum/cugos" target="_blank">
    Want to stay up to date with CUGOS news? Join our Google Group. <i class="fa fa-envelope-o"></i><br>
    <small>You'll have to request access, we'll approve you ASAP.</small>
  </a>
</div>

<div class="main">
  <div class="content">
  	{{ content }}
  </div>
</div>


<|start_filename|>static/css/site.css<|end_filename|>
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700,300);
@import url(/static/css/font-awesome.min.css);
@import url(/static/css/syntax.css);

/* CUGOS CSS */
body {
  margin:0;padding:0;
  background-color: #f6f6f6;
  font-family: 'Source Sans Pro', sans-serif;
}
.cf:before,
.cf:after {
  content:" ";
  display:table;
}
.cf:after {
  clear:both;
}
.cf {
  *zoom:1;
}
.outer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
.inner {
  display: table-cell;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
}
a { text-decoration:none; }
p, li { font-weight:100; }
strong { font-weight:900; }

.copyright {
  padding-top: 5px;
  text-align: center;
}

/* SCAFFOLDING */
.container {
  display:block;
  margin:auto;
  position:relative;
}
.page-header {
  width:100%;
  background:url(/image/springfling2015-homepage.jpg) center center no-repeat;
  background-size:cover;
  text-align:center;
  color:#fff;
}
.page-header .header-info {
  padding:60px 0;
  background: rgba(0, 0, 0, 0.6);
}
.header-info h1 {
  font-size:3.3em;
  margin:0 auto;
  text-shadow:2px 2px 4px #000;
}
.header-info h2 {
  font-weight:100;
  font-size:1.2em;
  text-transform:uppercase;
  border-top:1px solid #fff;
  display:inline-block;
  margin:0;
  padding:.2em 1em;
  text-shadow:1px 1px 2px #000;
}
@media screen and (min-width:41em) {
  .container {
    width:40em;
  }
}
@media screen and (min-width:56em) {
  .container {
    width:55em;
  }
}

/* GLOBALS */
.main {
  padding:0 1em;
}
@media screen and (min-width:41em) {
  .main {
    padding:0;
  }
}
.content {
  line-height: 1.5em;
}
.content-main {}
.side-info {
  background-color:#fff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:1px 1em;
  font-size: 0.85em;
  line-height: 1.25em;
  margin-bottom: .4em;
}
.side-info.next-meeting {
  color: #fff;
  background-color: #D95959;
  padding:0;
}
.side-info.next-meeting a {
  padding: 1em;
  display: block;
  color: #fff;
}
.side-info.next-meeting a:hover {
  background: #333;
}

@media screen and (min-width:56em) {
  .content .content-main {
    float: left;
    width: 70%;
  }
  .content .content-side {
    float: right;
    width: 25%;
  }
}

.content a {
  color: #75a23f;
}
.content img {
  max-width:100%;
  height:auto;
}
.content blockquote {
  font-style:italic;
  color:#999;
}
.content hr {
  border:none;
  border-top:1px dashed #333;
}
.content-main h3 {
  font-weight: 600;
}
@media screen and (min-width:41em) {
  .content {
    padding:0;
    font-size:1.1em;
  }
}

/* HELPERS */
.text-gold { color: #FFD700; }
.text-silver { color: #c0c0c0; }
.text-bronze { color: #cd7f32; }
.text-blue { color: #3f75a2; }

.push-right { margin-right: .5em; }
.push-left { margin-left: .5em; }


/* NAVIGATION */
nav {
  display:block;
  background-color: #3f75a2;
  border-bottom: none;
  font-family: 'Dosis', sans-serif;
  padding: 1.2em 0;
}
#menu-expand {
  position: absolute;
  right: 0;
  top: 0;
  width:40px;
  height:40px;
  border:none;
  background-color:transparent;
  font-size:1.9em;
  color:#f6f6f6;
}
#menu-expand:hover {
  cursor:pointer;
  opacity:.8;
}
#menu {
  display:none;
  margin:0;
  padding:0;
}
#menu li {
  display:block;
  padding: 0 .8em;
}
#menu li a {
  display:block;
  font-weight: 200;
  font-size: 1em;
  color: #e5e5e5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding:.6em 0;
  border-bottom: 2px solid transparent;
}
#menu li:hover a {
  border-bottom: 2px solid white;
}
#menu li.active a {
  font-weight:900;
}

#brand-logo {
  font-size:2em;
  font-weight:900;
  color:#fff;
}
#brand-logo .cugos-svg {
  margin-top:-10px;
  width: 35px;
  height: 35px;
  fill: #e5e5e5;
  vertical-align:middle;
}
#brand-logo:hover {
  opacity:.8;
}
@media screen and (min-width:41em) {
  #menu {
    margin:0;
    padding:0;
    display: inline-block;
    float: right;
  }
  #menu-expand {
    display:none;
  }
  #menu li {
    display:inline;
  }
  #menu li a {
    display:inline-block;
  }
  #brand-logo {
    display: inline-block;
    float: left;
    font-size:1.9em;
    margin-right: 1em;
    font-weight:900;
    color:#fff;
  }
}


/* HOMEPAGE */
.home .cugos-svg {
  margin:auto;
  width:100px;
  height:100px;
  display:block;
  fill: #ffffff;
}
.intro {
  position:relative;
  overflow:hidden;
  padding: 1em;
  background-color:#ffffff;
}
.intro p {
  color:#333;
  font-size:1.2em;
  line-height:1.4em;
  padding:0; margin:0;
  letter-spacing:.12em;
  text-align:center;
}
@media screen and (min-width:41em) {
  .intro p {
    text-align:left;
    font-size:1.5em;
  }
}
.intro p span {
  padding-bottom:2px;
  border-bottom:2px solid #D95959;
}

.left,
.right {
  display: block;
  padding: 1em;
  min-height: 120px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-size: 1.3em;
}
.left {
  background: #D95959;
  color: white;
}
.right {
  background: #d5d5d5;
  color: #555;
}
.left:hover, .right:hover {
  opacity: 0.7;
}
@media screen and (min-width:56em) {
  .left, .right { width: 50%; }
  .left { float: left; }
  .right { float: right; }
}

/* MEETING PAGE */
.meetings-desc {
  display: block;
}
#meetings-list {
  margin:0;padding:0;
  list-style-type: none;
}
#meetings-list li {
  background-color:#fff;
  margin-bottom:15px;
}
#meetings-list li a {
  text-decoration:none;
}
#meetings-list li img {
  float:left;
  margin-right:15px;
}
.meeting-list-info {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  padding:15px;
  color:#333;
}
.meeting-list-date {
  font-weight:900;
}
.meeting-list-address {
  font-size:.9em;
  color:#c0c0c0;
}
@media screen and (min-width:56em) {
  #meetings-list li {
    float:left;
    width:46%;
  }
  #meetings-list li:nth-child(2n) {
    float:right;
  }
  .meeting-list-info {
    padding:0px 15px;
  }
  #meetings-list li:hover {
    background-color:#333;
  }
  #meetings-list li:hover .meeting-list-info {
    color:#e5e5e5
  }
}



/* SINGLE MEETINGS */
.page-header.meeting {
  background-image:url(/image/header-from-above.png);
}
.meeting-info-item span,
.side-info span {
  color: #999;
}
.meeting-map {
  height:200px;
}
#event-map {
  height:200px;
}
@media screen and (min-width:56em) {
  #event-map {
    width:100%;
    height:300px;
  }
}
.coords {
  display:block;
  text-align:right;
  font-size:.8em;
  color:#999;
}
.previous-meeting {
  padding-top: 1em;
  border-top: 1px solid #d5d5d5;
  color: #999;
  margin-bottom: 3em;
}
.previous-meeting a {
  color: #555;
}
.all-meetings {
  float: right;
}

/* PEOPLE */
#people-map {
  height:400px;
  width:100%;
  margin-bottom:1em;
  background-color:#c0c0c0;
}
.person {
  position:relative;
  display:inline-block;
  width:160px;
  height:160px;
  background-color:#c0c0c0;
  background-size: cover;
  background-position: center center;
  margin:6px;
}
.tooltip {
  position: absolute;
  top: -32px;
  /*bottom:-140px;*/
  width: 140px;
  padding: 5px 10px;
  color: white;
  background: rgba(0,0,0,0.8);
  border-radius: 2px;
  font-size: .7em;
  text-align: center;
}
.tooltip:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0,0,0,0.8);
}

/* BLOG REEL */
.recent-post-header {
  font-size:.8em;
  font-weight:900;
  text-transform: uppercase;
  margin:20px 0 0;
  font-style:italic;
}
.recent-title {
  font-weight:900;
  margin:0;
  font-size:2em;
}
.recent-title a {
  color:#000;
  font-weight:900;
}
.recent-date {
  display:inline-block;
  padding:.3em .9em;
  background-color:#75a23f;
  color:#fff;
}

.posts {
  margin:0;
  padding:0;
  list-style-type: none;
}
.posts li {
  margin:5px;
  background-color:#fff;
}
.posts li a {
  padding:.5em 1em;
  display:block;
  color:#333;
}
.posts li a:hover {
  background-color:#333;
  color:#f6f6f6;
}
.posts li a:hover .blog-date {
  color:#fff;
}
.post-date {
  font-weight:100;
  color:#999;
  margin-right:15px;
}
.post a.current {
  background-color:#3f75a2;
  color:#f6f6f6;
}
.post a.current .blog-date {
  color:#222;
}

/* EVENTS */
.main.event {}
.event-header {
  position:relative;
  width:100%;
  height:300px;
  text-align:center;
  color:#fff;
  background-position:center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.event-header-credits {
  position:absolute;
  right:10px;
  bottom:5px;
  color:#fff;
  text-transform:uppercase;
  font-size:.8em;
}
.event-header-credits a { color:#fff; }
.event-header-credits a:hover { text-decoration:underline; }
.event-header .outer {
  background-color:rgba(0,0,0,0.45);
}
.event .outer .inner {}
.event-title {
  text-shadow:2px 2px 2px rgba(0,0,0,0.8);
  margin:0;
  font-size:2.5em;
}
.event-date {
  font-size:1.5em;
  margin-bottom:1em;
  text-shadow:2px 2px 2px rgba(0,0,0,0.8);
}
.event-date .fa {
  margin-right:15px;
}
.event-register-button {
  padding:1em 1.5em;
  font-size:1.2em;
  text-transform:uppercase;
  background:#75a23f;
  color:#fff;
  -webkit-transition: .3s;
     -moz-transition: .3s;
      -ms-transition: .3s;
       -o-transition: .3s;
          transition: .3s;
}
.event-register-button:hover {
  /*background-color:#9ebd78;*/
}
.event-register-button .fa {
  margin-left:15px;
}
.event-content {
  font-size:1.2em;
  line-height:1.7em;
}
.event-content h2,
.event-content-title {
  text-transform:uppercase;
  color:#444;
  font-size:25px;
  border-bottom:1px solid #c0c0c0;
}
.event-content p {
  margin: 1.6em 0;
}
.event-content a {
  text-decoration: underline;
  color: #75a23f;
  font-weight: 700;
}
.event-content img {
  width: 100%;
  height: auto;
}
@media screen and (min-width:56em) {
  .event-header {
    height:500px;
  }
  .event-title {
    font-size:5em;
  }
  .event-date {
    font-size:2em;
  }
}

.speaker {
  float: right;
  width: 100px;
  margin-left: 1em;
  text-align: center;
}
.speaker-image {
  width: 100%;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: .5em;
  border: 2px solid #f6f6f6;
}
.speaker-image img {
  width: 100%;
  height: auto;
}
.speaker-name,
.speaker-company {
  font-size: 0.7em;
  margin: 0;
}
.speaker-name {}
.speaker-company {
  color: #c0c0c0;
}

.schedule {}
.schedule-block {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
.schedule-block a {
  color:#75a23f;
}
.schedule-block.time {
  padding: 10px;
  background:#3f75a2;
  color:#f6f6f6;
}
.schedule-block.talk {
  padding:1em;
  background-color:white;
}

.schedule-block-title,
.schedule-block-name,
.schedule-block-description {
  padding:0;
  margin:0;
}
.schedule-block-title {}
.schedule-block.time .schedule-block-title {}
.schedule-block-name {
  text-transform:uppercase;
  font-size:.8em;
  margin-bottom:.5em;
}
.schedule-block-description {
  font-size:.9em;
}
.schedule-block.talk .schedule-block-description {
  color:#999;
}
@media screen and (min-width:56em) {
  .schedule-block {
    width:100%;
    float:left;
  }
  .schedule-block.talk.half {
    width:50%;
    height:250px;
  }
  .schedule-block.talk.third {
    width:25%;
    height:295px;
  }
}

.sponsor-level-title {
  text-transform: uppercase;
  font-size:1.2em;
  padding:.2em;
  margin-top:3em;
}
.event-sponsor {
  height:auto;
  display:inline-block;
  margin:1em auto;
}
@media screen and (min-width:56em) {
  .event-sponsor {
    display:inline-block;
    vertical-align:middle;
    margin:0 1em 0 0;
    height:auto;
  }
}

/* ALERTS */
.alert {
  display:block;
  background-color:#75a23f;
  border-radius:0px;
  padding:.5em;
  text-align:center;
  font-size:1.3em;
  color:#f6f6f6;
  margin:.3em auto;
}
.alert.event {
  font-family: Consolas,"PT Mono",Menlo,Courier,monospace;
  font-weight:100;
  font-size:1.2em;
  letter-spacing:.15em;
  margin: 1em 0;
  padding:1em;
  text-transform:uppercase;
  color: #333;
  background-color:#f8fdd2;
  border-top: 5px solid #ED2B4F;
}
.alert.blue {
  background: #3f75a2;
}
.alert.red {
  background: #D95959;
}
.alert.event .fa {
  -webkit-transition: .3s;
     -moz-transition: .3s;
      -ms-transition: .3s;
       -o-transition: .3s;
          transition: .3s;
  margin-left:15px;
}
.alert.event:hover .fa {
  margin-left:25px;
}
.alert.blue.no-hover {
  pointer-events: none;
}
.alert.no-margin {
  margin: 0 auto;
}
.alert.no-bump {
  font-size: 1em;
}
/*.alert:hover {
  background-color:#333;
  color:#f6f6f6;
}*/

/* MAIL NOTIFICATION */
.mailing {
  padding: 1em;
  margin: .3em auto;
  background: #d5d5d5;
  position: relative;
  color: #555;
}
.mailing span {
  font-size: 1.5em;
}
.mailing span a {
  border-bottom: 1px solid #555;
  margin-bottom: 5px;
  text-decoration: none;
  color: #555;
}
.mailing .fa {
  position: absolute;
  right: 0.5em;
  top: 50%;
  margin-top: -.5em;
  font-size: 2em;
}
.mailing::after {
  content: " ";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -20px;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #d5d5d5;
}

/* FOOTER */
footer p {
  color:#999;
}
footer p .fa {
  font-size:1.2em;
  margin:0 15px;
}
footer p a {
  color:#999;
}


<|start_filename|>static/js/feed.js<|end_filename|>
$(document).ready(function() {
  $.getJSON('https://cugosfeedapi.herokuapp.com/?count=10', function(data) {
    var posts = data.rss.channel.item;
    for (var i = 0; i < posts.length; i++) {
      var post = posts[i];

      var D = new Date(post.pubDate);
      var m = D.getMonth() < 10 ? '0' + (D.getMonth()+1) : (D.getMonth()+1);
      var d = D.getDay() < 10 ? '0' + (D.getDay()+1) : (D.getDay()+1);
      var y = D.getFullYear();
      var date = m + '/' + d + '/' + y;

      $('#feed').append('<li class="post">\
                           <a href="'+post.link+'" target="_blank">\
                             <span class="post-date">'+date+'</span>'+post.title+'\
                           </a>\
                         </li>');

    }


  });
});
