diff --git a/index.html b/index.html index ea14050..a1b7471 100644 --- a/index.html +++ b/index.html @@ -1,264 +1,261 @@ - - Hack Spots - - - - - - + + Hack Spots + + + + + + - - - - - - - - - + + + + + + + + + -
-

Hack Spots

-
- -
-
-
-
-
-
-
-
-
- - Clear Reset Map - no matches -
-
-
-

Contribute!

-
-

This website is hooked up to this Google Spreadsheet, which I've shared, so click and add your favorite hack spots to the bottom of the list! For the map you'll need to get the lat and long of the spot, you can get that here. The locating of these places is helpful, so please try to fill out all the columns.

+
+

Hack Spots

+
+ +
+
+
+
+
+
+
+
+
+ + Clear Reset Map + no matches +
+
+
+

Contribute!

+
+

This website is hooked up to this Google Spreadsheet, which I've shared, so click and add your favorite hack spots to the bottom of the list! For the map you'll need to get the lat and long of the spot, you can get that here. The locating of these places is helpful, so please try to fill out all the columns.

-

Info

-

When I'm visiting a new city I'd like to know which coffee shops have the best vibes, great coffee and are good for hunkering down and having a good hack. Yelp will tell you where the Starbucks is and Foursquare will tell you where your friend's have been - but did they like it and was it a grab in go place or a hack place? Plus, what about the people I don't follow on Foursquare or who can't check-in when in other countries?

+

Info

+

When I'm visiting a new city I'd like to know which coffee shops have the best vibes, great coffee and are good for hunkering down and having a good hack. Yelp will tell you where the Starbucks is and Foursquare will tell you where your friend's have been - but did they like it and was it a grab in go place or a hack place? Plus, what about the people I don't follow on Foursquare or who can't check-in when in other countries?

-

Besides being a list I've wanted to have, it's a fantastic (or I think so) way of using sheetsee.js, which is a little JavaScript library I've been working on. Sheetsee.js helps you hook a Google Spreadsheet (awesome for data and collaboration!) to a website to make data more visual (maps, tables, charts).

+

Besides being a list I've wanted to have, it's a fantastic (or I think so) way of using sheetsee.js, which is a little JavaScript library I've been working on. Sheetsee.js helps you hook a Google Spreadsheet (awesome for data and collaboration!) to a website to make data more visual (maps, tables, charts).

-

Fork-n-Go

-

This is a work-in-progress example of a fork-n-go project - which means, there is just a gh-pages branch in GitHub for this project so when you fork it, you've got a live and hosted website instantly. BAM! Just copy the spreadsheet headers and create your own spreadsheet, swap out the spreadsheet key in index.html and commit those changes. BAM! You've got a live and hosted site with a spreadsheet you control. More on the readme.

-
-
+

Fork-n-Go

+

This is a work-in-progress example of a fork-n-go project - which means, there is just a gh-pages branch in GitHub for this project so when you fork it, you've got a live and hosted website instantly. BAM! Just copy the spreadsheet headers and create your own spreadsheet, swap out the spreadsheet key in index.html and commit those changes. BAM! You've got a live and hosted site with a spreadsheet you control. More on the readme.

+
+
- + - + - + - + - + - + function matchGeoJSONbyRowNumber(rowNumber, geoJSON, gdata, highlightColor) { + geoJSON.forEach(function (d) { + if (d.properties["marker-color"] === highlightColor) { + var origColor = gData[0].hexcolor + d.properties["marker-color"] = origColor + } + for (var key in d.opts) { + var value = d.opts[key].toString().toLowerCase() + if (key === 'rowNumber' && value.match(rowNumber.toString().toLowerCase())) { + d.properties["marker-color"] = highlightColor + return geoJSON + } + } + }) + } + } +