-
Notifications
You must be signed in to change notification settings - Fork 915
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
120 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Sheetsee.js</title> | ||
| <meta http-equiv='X-UA-Compatible' content='IE=edge'> | ||
| <meta name='description' content='sheetsee.js, google, spreadsheet, visualize, data, javascript'> | ||
| <meta name='viewport' content='width=device-width, initial-scale=1'> | ||
| <link rel="shortcut icon" href="../favicon.png"> | ||
| <script type='text/javascript' src='../assets/highlight.js'></script> | ||
| <link rel='stylesheet' href='../assets/highlight.css'> | ||
| <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900,400italic|Source+Code+Pro:400' rel='stylesheet' type='text/css'> | ||
| <link rel='stylesheet' href='../assets/style.css'> | ||
| <link rel="shortcut icon" href=''/> | ||
| </head> | ||
| <body class="templates"> | ||
| <div class="container"> | ||
| <h1 id="templates">Templates</h1> | ||
| <p>Here are partially set up projects to get you going!</p> | ||
| <h2 id="glitch">Glitch</h2> | ||
| <p><img src="../img/glitch.png" style="width: 100px;"></p> | ||
| <p>The <a href="https://spreadsheet.glitch.me">spreadsheet.glitch.me</a> site will give you an endpoint to use that will return your spreadsheet to you as JSON. The <a href="https://sheetseetemplate.glitch.me">sheetseetemplate.glitch.me</a> site provides template to get started with Sheetsee; it's already set up with a server so that your data is backed up.</p> | ||
| <h2 id="fork-n-go">Fork-n-Go</h2> | ||
| <p><img src="https://raw.githubusercontent.com/jlord/forkngo/gh-pages/badges/sky.png" style="width: 200px;"></p> | ||
| <p>A Fork-n-Go project is a project on GitHub that in a few clicks, starting with a fork, gives another user a live website that they control with an easy to swap-for-your-own Google Spreadsheet database.</p> | ||
| <p>Two awesome things that make this possible: <strong>Forking</strong>, the tool on GitHub that allows you to copy a public repository onto your account, and <a href="http://pages.github.com"><strong>GitHub Pages</strong></a>, GitHub's free web hosting service for every repository, account and organization.</p> | ||
| <p>I've built a whole other website on the idea with lots of examples: <a href="http://jlord.github.io/forkngo">jlord.github.io/forkngo</a></p> | ||
| <h3 id="how">How</h3> | ||
| <p>To have a website for a repository hosted by GitHub Pages all you need is to have webfiles uploaded and to tell GitHub the name of the branch you want it to host (in your repository's settings).</p> | ||
| <p>So Sheetsee.js projects, hosted on GitHub, can easily be forked and connected to another spreadsheet giving another user a live website of their own—with data they control—really easily.</p> | ||
| <h3 id="example">Example</h3> | ||
| <p>A Fork-n-Go example from my <a href="http://jlord.github.io/blog/fork-n-go">blog post</a> on the topic:</p> | ||
| <h4 id="hack-spots-fork-n-go">Hack Spots Fork-n-Go</h4> | ||
| <p>I made this website to collect hack spots all over the world from friends and friends of friends (the spreadsheet is wide open, so you can add some, too!). It’s using sheetsee to power the table, map and other elements of the page. Its source is in this repo, with just a gh-pages branch. To create an instance of this site for yourself all you need to do:</p> | ||
| <ul> | ||
| <li>Create a Google spreadsheet with the same headers (just copy and paste header row from the original). Click File > Publish to Web, then Start Publishing.</li> | ||
| <li>Fork the original repository.</li> | ||
| <li>Edit the HTML file directly on GitHub.com to replace the original spreadsheet’s unique key with your spreadsheet’s key (found in your spreadsheet’s URL). | ||
| Commit your change.</li> | ||
| </ul> | ||
| <p>Now you have the same site connected to a spreadsheet that you manage — it’s live and can be found at yourGitHubName.github.io/theReposName.</p> | ||
| <p><img src="http://jlord.s3.amazonaws.com/wp-content/uploads/forkcommit1.png" alt="forkcommit"></p> | ||
|
|
||
|
|
||
| <footer> | ||
| <h4 id="getting-started">Getting Started</h4> | ||
| <ul> | ||
| <li><a href="./about.html">About Sheetsee</a></li> | ||
| <li><a href="./building.html">Building Sheetsee</a></li> | ||
| <li><a href="./basics.html">Basics</a></li> | ||
| </ul> | ||
| <h4 id="ideas">Ideas</h4> | ||
| <ul> | ||
| <li><a href="./templates.html">Templates</a></li> | ||
| <li><a href="./tips.html">Tips!</a></li> | ||
| </ul> | ||
| <h4>Demos</h4> | ||
| <ul> | ||
| <li><a href="../demos/demo-table.html">Table Demo</a></li> | ||
| <li><a href="../demos/demo-map.html">Map Demo</a></li> | ||
| </ul> | ||
| <h4 id="use">Use</h4> | ||
| <ul> | ||
| <li><a href="./sheetsee-core.html">Sheetsee-core</a></li> | ||
| <li><a href="./sheetsee-tables.html">Sheetsee-tables</a></li> | ||
| <li><a href="./sheetsee-maps.html">Sheetsee-maps</a></li> | ||
| </ul> | ||
| <h4 id="use">Contact</h4> | ||
| <ul> | ||
| <li><a href="http://www.twitter.com/jllord">@jllord</a></li> | ||
| <li><a href="https://github.com/jlord/sheetsee.js/issues/new">File an issue</a></li> | ||
| </ul> | ||
| <h4><a class="home-link" href="../index.html">Home</a></h4> | ||
| </footer> | ||
| </div> | ||
| <script>hljs.initHighlightingOnLoad();</script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| # Templates | ||
|
|
||
| Here are partially set up projects to get you going! | ||
|
|
||
| ## Glitch | ||
|
|
||
| <img src="../img/glitch.png" style="width: 100px;"> | ||
|
|
||
| The [spreadsheet.glitch.me](https://spreadsheet.glitch.me) site will give you an endpoint to use that will return your spreadsheet to you as JSON. The [sheetseetemplate.glitch.me](https://sheetseetemplate.glitch.me) site provides template to get started with Sheetsee; it's already set up with a server so that your data is backed up. | ||
|
|
||
| ## Fork-n-Go | ||
|
|
||
| <img src="https://raw.githubusercontent.com/jlord/forkngo/gh-pages/badges/sky.png" style="width: 200px;"> | ||
|
|
||
| A Fork-n-Go project is a project on GitHub that in a few clicks, starting with a fork, gives another user a live website that they control with an easy to swap-for-your-own Google Spreadsheet database. | ||
|
|
||
| Two awesome things that make this possible: **Forking**, the tool on GitHub that allows you to copy a public repository onto your account, and [**GitHub Pages**](http://pages.github.com), GitHub's free web hosting service for every repository, account and organization. | ||
|
|
||
| I've built a whole other website on the idea with lots of examples: [jlord.github.io/forkngo](http://jlord.github.io/forkngo) | ||
|
|
||
| ### How | ||
|
|
||
| To have a website for a repository hosted by GitHub Pages all you need is to have webfiles uploaded and to tell GitHub the name of the branch you want it to host (in your repository's settings). | ||
|
|
||
| So Sheetsee.js projects, hosted on GitHub, can easily be forked and connected to another spreadsheet giving another user a live website of their own—with data they control—really easily. | ||
|
|
||
| ### Example | ||
|
|
||
| A Fork-n-Go example from my [blog post](http://jlord.github.io/blog/fork-n-go) on the topic: | ||
|
|
||
| #### Hack Spots Fork-n-Go | ||
|
|
||
| I made this website to collect hack spots all over the world from friends and friends of friends (the spreadsheet is wide open, so you can add some, too!). It’s using sheetsee to power the table, map and other elements of the page. Its source is in this repo, with just a gh-pages branch. To create an instance of this site for yourself all you need to do: | ||
|
|
||
| - Create a Google spreadsheet with the same headers (just copy and paste header row from the original). Click File > Publish to Web, then Start Publishing. | ||
| - Fork the original repository. | ||
| - Edit the HTML file directly on GitHub.com to replace the original spreadsheet’s unique key with your spreadsheet’s key (found in your spreadsheet’s URL). | ||
| Commit your change. | ||
|
|
||
| Now you have the same site connected to a spreadsheet that you manage — it’s live and can be found at yourGitHubName.github.io/theReposName. | ||
|
|
||
|  |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.