diff --git a/_posts/2013-01-23-network.html b/_posts/2013-01-23-network.html index 97976ac6e..5a94033c3 100644 --- a/_posts/2013-01-23-network.html +++ b/_posts/2013-01-23-network.html @@ -9,10 +9,7 @@ section: network --- - -
-
@@ -21,22 +18,51 @@
2013
-
- +
+
+
+
+ + Flu Shot Finder + +
+
+
+
+

A Chicago brigade member built an app to find flu shot providers that 3 other cities in the CfA network have re-deployed, using a standard data specification to enable the common app. Read more

+
+
+
+
+
+
+ + Code Across 2013 + +
+
+
+
+

We activated the Code for America network through a national weekend of civic innovation where we built beta apps, liberated datasets and held write-a-thons to foster community and get citizens to engage with their local governments.

+
+
+
+
+
+
+ + Summit + +
+
+
+
+

We brought together civic hackers and city staff, mayors and mentors, designers and developers from around the globe to discuss what happened in the civic tech movement in 2013 -- to share insights and learnings. For three days, 500 passionate citizens from around the world talked, listened, and learned about how to work together and make our communities better.

+
+
+
-
-

We created data standards that put information directly in the hands of citizens by integrating restaurant inspections and residential code enforcements with consumer platforms such as Yelp and Trulia.

-
-
-

A Chicago brigade member built an app to find flu shot providers that 3 other cities in the CfA network have re-deployed, using a standard data specification to enable the common app. Read more

-
-
-

We activated the Code for America network through a national weekend of civic innovation where we built beta apps, liberated datasets and held write-a-thons to foster community and get citizens to engage with their local governments.

-
+
- +
diff --git a/css/screen.css b/css/screen.css index dabd89c19..40ff532fb 100644 --- a/css/screen.css +++ b/css/screen.css @@ -81,6 +81,7 @@ li { top: 50px; right: 10px; z-index: 100; + background: #fff; } #map-story ul { @@ -149,6 +150,11 @@ li { max-width: 85px; } +.panel-collapse { + background: #e87d2b; + padding: 0px 5px; +} + .stats2013{ border-left: 2px solid white; padding: 20px 0px 25px 30px; diff --git a/js/main.js b/js/main.js index 80427ae28..055f1cd3c 100644 --- a/js/main.js +++ b/js/main.js @@ -6,7 +6,7 @@ var cityLocations = [{ "properties": { "city": "philadelphia", "year": "2011", "type": "fellowship", "story": "codeacross"} }, { "geometry": { "type": "Point", "coordinates": [-71.053, 42.352]}, - "properties": { "city": "boston", "year": "2011", "type": "fellowship", "story": "flu" } + "properties": { "city": "boston", "year": "2011", "type": "fellowship", "story": "flu", "marker-color": "#ffffff" } }, { "geometry": { "type": "Point", "coordinates": [-122.326, 47.604]}, "properties": { "city": "seattle", "year": "2011", "type": "fellowship", "story":"codeacross" } @@ -460,10 +460,11 @@ $(function(){ }); markerLayer.addCallback("markeradded", function(l, m){ - if($(m.element).attr("class").indexOf("simplestyle-marker") === -1) - return; displayedMarkers.push(m); - // $(m.element).css("top", "-1000px"); + // console.log(displayedMarkers); + if($(m.element).attr("class").indexOf("marker") === -1) + return; + $(m.element).css("top", "-1000px"); setTimeout(function(){ $(m.element).animate({"top":"0px"}, 400); @@ -474,6 +475,8 @@ $(function(){ var markerFactory = function() { + + var m = document.getElementById('marker').cloneNode(true); m.style.display = 'block'; return m; @@ -585,42 +588,48 @@ $(function(){ Map story events */ - $('#filter-standards').click(function(e) { + $('.flu').click(function(e) { clearTimeout(timer); - $('#standards').collapse('show'); - $('#flu').collapse('hide'); - $('#codeacross').collapse('hide'); - $('#map-story ul li a').removeClass('active'); - $(this).addClass('active'); + // $('#flu').collapse('show'); + // $('#standards').collapse('hide'); + // $('#codeacross').collapse('hide'); + + // $('#map-story ul li a').removeClass('active'); + // $(this).addClass('active'); markerLayer.filter(function(f) { - return f.properties['story'] === 'standards'; + f.properties['story'] === 'flu'; + f.properties['marker-color'] = '#00000' + console.log(f); + return }); return false; }); - $('#filter-flu').click(function(e) { + $('.codeacross').click(function(e) { clearTimeout(timer); - $('#flu').collapse('show'); - $('#standards').collapse('hide'); - $('#codeacross').collapse('hide'); - - $('#map-story ul li a').removeClass('active'); - $(this).addClass('active'); - markerLayer.filter(function(f) { - return f.properties['story'] === 'flu'; + // $('#codeacross').collapse('show'); + // $('#flu').collapse('hide'); + // $('#standards').collapse('hide'); + // $('#map-story ul li a').removeClass('active'); + // $(this).addClass('active'); + b = markerLayer.filter(function(f) { + f.properties['story'] === 'codeacross'; + f.properties['marker-color'] == '#00000' + return }); return false; }); - $('#filter-codeacross').click(function(e) { + + $('.summit').click(function(e) { clearTimeout(timer); - $('#codeacross').collapse('show'); - $('#flu').collapse('hide'); - $('#standards').collapse('hide'); - $('#map-story ul li a').removeClass('active'); - $(this).addClass('active'); + // $('#standards').collapse('show'); + // $('#flu').collapse('hide'); + // $('#codeacross').collapse('hide'); + // $('#map-story ul li a').removeClass('active'); + // $(this).addClass('active'); markerLayer.filter(function(f) { - return f.properties['story'] === 'codeacross'; + return f.properties['story'] === 'standards'; }); return false; });