Go to file
2015-02-28 16:45:34 -05:00
_includes create blog 2014-09-01 22:10:41 -04:00
_layouts create blog 2014-09-01 22:10:41 -04:00
_posts create blog 2014-09-01 22:10:41 -04:00
blog update blog title 2014-09-01 22:33:28 -04:00
css create blog 2014-09-01 22:10:41 -04:00
img delete img 2013-05-27 20:58:32 -07:00
js update tabletop 2014-06-28 15:26:30 -07:00
.gitignore update gitignore 2014-09-01 22:10:13 -04:00
CNAME CNAME file setup 2014-09-20 19:30:14 -04:00
favicon.png fix silly misnamed favicon 2014-09-01 22:13:24 -04:00
index.html fix table sorting 2015-02-28 16:45:34 -05:00
license.md tweak a few side files 2014-09-20 19:39:04 -04:00
readme.md tweak a few side files 2014-09-20 19:39:04 -04:00

Hi!

screenshot

This is the code for a website that lists bookstores in New York City!

Fork -n- Go!

In a bit I'll do some more refining (and documentation) - but here's a fun fact:

This repo only has a gh-pages branch, which means as soon as you fork it, you have a hosted and live version of it yourself!

Next, create a spreadsheet with the same column headers as the original.

Click on the index.html file, click edit and change line 118 (or thereabouts) it looks like:

    document.addEventListener('DOMContentLoaded', function() {
	  	var gData
	  	var URL = "0Ao5u1U6KYND7dFVkcnJRNUtHWUNKamxoRGg4ZzNiT3c"
			Tabletop.init( { key: URL, callback: showInfo, simpleSheet: true } ) 
    }) 

Replace the existing spreadsheet URL key with your spreadsheet's key. You'll find that by clicking (in Google Spreadsheets) File > Publish to the Web > Start Publishing, it will then display the key in a window. get key

Commit those changes and LIKE WOAH you now have a version of this website hooked to a spreadsheet that you can distrubute however you'd like.

You can find your version at yourGitHubName.github.io/theReposName (in this case /hack-spots).

But How?

A Google Spreadsheet holds all the data and it is connected to this website using the goodies in sheetsee.js. Everytime you visit the website, you'll have the most up to date data that has been entered into the spreadsheet.