cleanup forms and remove trash

_includes/footer.html

@@ -4,14 +4,39 @@
       <div class="col l6 s12">
         <h5 class="white-text">Campus Data</h5>
         <p class="grey-text text-lighten-4">Students and administrators across the world are creating a culture of open data on college campuses.</p>
+        <form action="http://CampusData.us7.list-manage1.com/subscribe/post?u=18ba658e22c34b6ac8bac552f&amp;id=9b7a676140"
+          method="post"
+          id="mc-embedded-subscribe-form"
+          name="mc-embedded-subscribe-form"
+          class="validate col s12"
+          target="_blank"
+          novalidate>
+          <div class="row">
+            <div class="input-field col s9 white-text">
+              <input
+                type="email"
+                value=""
+                name="EMAIL"
+                class="required email"
+                id="mce-EMAIL">
+              <label for="email">Join the Campus Data Listserv</label>
+            </div>
+            <button class="white grey-text text-darken-4 col s3 btn waves-effect"
+              type="submit"
+              name="subscribe"
+              id="mc-embedded-subscribe"
+              name="action">Sign Up</button>
+          </div>
+        </form>
       </div>
       <div class="col l4 offset-l2 s12">
         <h5 class="white-text">Links</h5>
         <ul>
           <li><a class="grey-text text-lighten-3" href="/">About</a></li>
-          <li><a class="grey-text text-lighten-3" href="/join/">Join</a></li>
+          <li><a class="grey-text text-lighten-3" href="/members/">Members</a></li>
           <li><a class="grey-text text-lighten-3" href="/rankings">Rankings</a></li>
           <li><a class="grey-text text-lighten-3" href="/guidebook/">Guidebook</a></li>
+          <li><a class="grey-text text-lighten-3" href="mailto:campusdata@googlegroups.com">Email Us</a></li>
         </ul>
       </div>
     </div>

_includes/nav_links.html

@@ -0,0 +1,28 @@
+{% if include.active == "home" %}
+<li class="active">
+  {% else %}
+<li>
+  {% endif %}
+  <a href="/">About</a>
+</li>
+{% if include.active == "join" %}
+<li class="active">
+  {% else %}
+<li>
+  {% endif %}
+  <a href="/members/">Members</a>
+</li>
+{% if include.active == "rankings" %}
+<li class="active">
+  {% else %}
+<li>
+  {% endif %}
+  <a href="/rankings/">Rankings</a>
+</li>
+{% if include.active == "guidebook" %}
+<li class="active">
+  {% else %}
+<li>
+  {% endif %}
+  <a href="/guidebook/">Guidebook</a>
+</li>

_includes/navbar.html

@@ -1,36 +1,13 @@
 <div class="navbar-fixed">
   <nav class="white">
     <div class="nav-wrapper container">
+      <a href="#" data-activates="mobile-sidenav" class="button-collapse"><i class="fa fa-bars"></i></a>
       <a href="/" class="brand-logo">Campus Data</a>
-      <ul id="nav-mobile" class="right hide-on-med-and-down">
-        {% if include.active == "home" %}
-        <li class="active">
-          {% else %}
-        <li>
-          {% endif %}
-          <a href="/">About</a>
-        </li>
-        {% if include.active == "join" %}
-        <li class="active">
-          {% else %}
-        <li>
-          {% endif %}
-          <a href="/join/">Join</a>
-        </li>
-        {% if include.active == "rankings" %}
-        <li class="active">
-          {% else %}
-        <li>
-          {% endif %}
-          <a href="/rankings/">Rankings</a>
-        </li>
-        {% if include.active == "guidebook" %}
-        <li class="active">
-          {% else %}
-        <li>
-          {% endif %}
-          <a href="/guidebook/">Guidebook</a>
-        </li>
+      <ul class="right hide-on-med-and-down">
+        {% include nav_links.html %}
+      </ul>
+      <ul class="side-nav" id="mobile-sidenav">
+        {% include nav_links.html %}
       </ul>
     </div>
   </nav>

_layouts/base.html

@@ -1,8 +1,8 @@
 ---
 meta_description: This is a test
 meta_title: Campus Data
-meta_image_url: "/static/img/CHANGEME.png"
-meta_twitter_handle: "@CHANGEME"
+meta_image_url: "/static/img/cover.png"
+meta_twitter_handle: "@danrschlosser"
 meta_domain: campusdata.org
 meta_url: http://campusdata.org/
 ---

index.html

@@ -62,7 +62,7 @@ <h5>Partner Universities</h5>
             <p>Students and administrators committed open data</p>
           </div>
           <div class="card-action">
-            <a href="/join/">Our Members</a>
+            <a href="/members/">Our Members</a>
           </div>
         </div>
       </div>

join/index.html → members/index.html

@@ -11,13 +11,15 @@ <h1>Join Campus Data</h1>
           <h5>Our members are committed to helping each other promote open data on their campuses.</h5>
         </div>
         <div class="row">
-          <button class="btn white grey-text text-darken-4">Join Today</button>
+          <a href="https://docs.google.com/forms/d/1y6_dOgwXQ2Il_zi0_E6QelTX_q0tnGF1QvEP5l4_zjU/viewform?usp=send_form" target="_blank">
+            <button class="btn white grey-text text-darken-4">Join Today</button>
+          </a>
         </div>
       </div>
     </div>
   </div>
 </section>
-<section>
+<section id="members">
   <div class="container">
     <h2>Member Universities</h2>
     <div class="row">
@@ -55,33 +57,33 @@ <h2>Member Universities</h2>
             <p><a href="http://hackru.org">HackRU</a>, Rutgers' student-run hackathon, helps publicize the API at each event.</p>
           </div>
           <div class="card-action">
-            <a href="http://usacs.rutgers.edu/">Rutgers USACS</a>
+            <a href="http://usacs.rutgers.edu/">USACS</a>
             <a href="http://oss.rutgers.edu/">Open System Solutions</a>
           </div>
         </div>
       </div>
       <div class="col m6">
         <div class="card">
-          <div class="card-title red darken-4">Carnegie Mellon University</div>
+          <div class="card-title black-text light-blue lighten-4">Columbia University</div>
           <div class="card-content">
-            <p><a href="http://scottylabs.org">Scotty Labs</a>, founded in 2011, has created the apis@cmu project and made course scheduling data available to students. <a href="http://tartanhacks.com">TartanHacks</a>, ScottyLabs' hackathon, offered a preview edition of the API prior to wide release in 2013.</p>
+            <p><a href="http://adicu.com">ADI</a>, the Application Development Initiative has worked since 2010 to make life easier for makers at Columbia University.  <a href="http://data.adicu.com">data.adicu.com</a> hosts a variety of available APIs, from courses to dining options to housing search.  They also collaborated with Columbia University IT to establish the <a href="http://opendataservice.columbia.edu/">Columbia Open Data Service</a>.</p>
           </div>
           <div class="card-action">
-            <a href="https://scottylabs.org/">Scotty Labs</a>
+            <a href="https://adicu.com">ADI</a>
+            <a href="http://opendataservice.columbia.edu/">Open Data Service</a>
           </div>
         </div>
       </div>
     </div>
     <div class="row">
       <div class="col m6">
         <div class="card">
-          <div class="card-title black-text light-blue lighten-4">Columbia University</div>
+          <div class="card-title red darken-4">Carnegie Mellon University</div>
           <div class="card-content">
-            <p><a href="http://adicu.com">ADI</a>, the Application Development Initiative has worked since 2010 to make life easier for makers at Columbia University.  <a href="http://data.adicu.com">data.adicu.com</a> hosts a variety of available APIs, from courses to dining options to housing search.  They also collaborated with Columbia University IT to establish the <a href="http://opendataservice.columbia.edu/">Columbia Open Data Service</a>.</p>
+            <p><a href="http://scottylabs.org">Scotty Labs</a>, founded in 2011, has created the apis@cmu project and made course scheduling data available to students. <a href="http://tartanhacks.com">TartanHacks</a>, ScottyLabs' hackathon, offered a preview edition of the API prior to wide release in 2013.</p>
           </div>
           <div class="card-action">
-            <a href="https://adicu.com">ADI</a>
-            <a href="http://opendataservice.columbia.edu/">Open Data Service</a>
+            <a href="https://scottylabs.org/">Scotty Labs</a>
           </div>
         </div>
       </div>
@@ -107,8 +109,11 @@ <h2>Member Universities</h2>
           <h1>We Need Your Help</h1>
           <h5>Help promote open data in your university community.</h5>
         </div>
-        <button class="btn white grey-text text-darken-4">Join Today</button>
+        <a href="https://docs.google.com/forms/d/1y6_dOgwXQ2Il_zi0_E6QelTX_q0tnGF1QvEP5l4_zjU/viewform?usp=send_form" target="_blank">
+          <button class="btn white grey-text text-darken-4">Join Today</button>
+        </a>
       </div>
     </div>
   </div>
 </section>
+<script type="text/javascript" src="/static/js/join.js"></script>

rankings/index.html

@@ -13,7 +13,9 @@ <h1>Campus Data Rankings</h1>
           <h5>We're crowdsourcing open data statistics from around the country.</h5>
         </div>
         <div class="row">
-          <button class="btn white grey-text text-darken-4">Add your university</button>
+          <a href="https://docs.google.com/forms/d/14l8lSgzEHCXlPy8b1xc4h8pWl6cHH_jLioN2D8Gy4oI/viewform" target="_blank">
+            <button class="btn white grey-text text-darken-4">Add your university</button>
+          </a>
         </div>
       </div>
     </div>
@@ -86,7 +88,9 @@ <h5>We're crowdsourcing open data statistics from around the country.</h5>
           <h1>Don't see your school?</h1>
           <h5>Help us collect data on what your school is doing to promote open data.</h5>
         </div>
-        <button class="btn white grey-text text-darken-4">Add your university</button>
+        <a href="https://docs.google.com/forms/d/14l8lSgzEHCXlPy8b1xc4h8pWl6cHH_jLioN2D8Gy4oI/viewform" target="_blank">
+          <button class="btn white grey-text text-darken-4">Add your university</button>
+        </a>
       </div>
     </div>
   </div>

static/css/app.css

@@ -98,23 +98,30 @@ p {
 }
 
 table {
-    margin-left: 2.5%;
+    margin: 0 auto;
     width: 95%;
 }
 
 section {
     padding: 3rem 0;
 }
 
-.api-field {
-    max-width: 2rem;
-}
-th.api-field {
-    transform: rotate(-60deg);
+@media only screen and (min-width: 993px) {
+    .api-field {
+        max-width: 2rem;
+    }
+    th.api-field {
+        transform: rotate(-60deg);
+    }
 }
 
 
+
 /* Form */
+form {
+    padding: 0 !important;
+}
+
 /* label color */
 .input-field label {
     color: #FFF !important;

static/js/app.js

@@ -1,7 +1,11 @@
 $(function() {
 	$('.parallax').parallax();
-	$('.table-of-contents').pushpin({
-		top: $('.table-of-contents').offset().top - 50,
-		bottom: $('#bottom').offset().top - $(window).height()/2
-	});
+	$('.button-collapse').sideNav();
+
+	if ($('.table-of-contents').length) {
+		$('.table-of-contents').pushpin({
+			top: $('.table-of-contents').offset().top - 50,
+			bottom: $('#bottom').offset().top - $(window).height()/2
+		});
+	}
 });

static/js/join.js

@@ -0,0 +1,24 @@
+$(function() {
+	function autoGrowCards() {
+		$('#members .row').each(function(index, row) {
+			var $cardContent = $(row).find('.card-content').first();
+			console.log($cardContent)
+			var $otherCard = $cardContent.parents('.col').siblings();
+			if (!$otherCard.length) return;
+
+			var $otherCardContent = $otherCard.find('.card-content');
+			console.log($otherCardContent.height(), $cardContent.height())
+			if ($otherCardContent.height() > $cardContent.height()) {
+				console.log('changing')
+				$cardContent.height($otherCardContent.height());
+			} else {
+				$otherCardContent.height($cardContent.height());
+			}
+		});
+	}
+	autoGrowCards();
+	$(window).resize(function() {
+		$('.card-content').attr('style', '')
+		autoGrowCards();
+	});
+});