Expose examples from old docs site

Instead of linking to the old docs site like we used to, expose the same examples here. These are still really out of date and need auditing (see #76), but this at least allows us to keep the content maintained here instead of linking to a site we are deprecating.

Note: this does away with the old example viewer and the example JS apps! I think this is OK: the viewer was another thing to maintain and that nobody was working on; the example JS apps didn't do anything that was special to IPFS or to the distributed web, so they weren't especially relevant here.

License: MIT
Signed-off-by: Rob Brackett <[email protected]>

Author: Mr0grog

content/guides/examples.md

@@ -0,0 +1,10 @@
+---
+title: Basic Examples
+layout: examples
+menu:
+    guides:
+        parent: examples
+        weight: 2
+---
+
+These are a few examples that cover various ways to use IPFS.

content/guides/examples/_index.md

@@ -1,3 +1,7 @@
+---
+draft: true
+---
+
 ## Ipfs Demo Application
 Lets take a look at making an application that uses ipfs. Lets say that our
 fictional application needs to read in a file, and count all the letters in

content/guides/viewer/api/demoapp/demo.go renamed to content/guides/examples/api/demoapp/demo.go

@@ -1,3 +1,7 @@
+---
+draft: true
+---
+
 ## Random Ipfs Objects
 During the development, ive frequently found the need to just get a hash of some
 random ipfs object. At first, I would just ask in irc "can someone give me a

content/guides/viewer/api/demoapp/readme.md renamed to content/guides/examples/api/demoapp/readme.md

@@ -1,3 +1,7 @@
+---
+draft: true
+---
+
 ## Basic API usage
 using ipfs within your code is really quite simple!
 

content/guides/viewer/api/randobj/randobj.go renamed to content/guides/examples/api/randobj/randobj.go

@@ -1,9 +1,5 @@
 ---
 title: Making Your Own IPFS Service
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 ipfs has a few default services that it runs by default, such as the dht,
@@ -13,6 +9,7 @@ handler on the ipfs PeerHost, and listens on it for new connections.  The
 try building an easy demo service to try this out!
 
 Lets start by building the service host:
+
 ```
 package main
 

content/guides/viewer/api/randobj/readme.md renamed to content/guides/examples/api/randobj/readme.md

@@ -1,9 +1,5 @@
 ---
 title: Dealing with Blocks
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 The `ipfs add` command will create a Merkle DAG out of the data in the files you

content/guides/viewer/api/readme.md renamed to content/guides/examples/api/readme.md

@@ -1,9 +1,5 @@
 ---
-title: Bootstrap
-draft: true
-menu:
-    guides:
-        parent: guides
+title: Modifying the bootstrap peers list
 ---
 
 The IPFS bootstrap list is a list of peers with which the IPFS daemon learns about other peers on the network. IPFS comes with a default list of trusted peers, but you are free to modify the list to suit your needs. One popular use for a custom bootstrap list is to create a personal IPFS network.

content/guides/viewer/api/service/client.go renamed to content/guides/examples/api/service/client.go

@@ -1,9 +1,5 @@
 ---
 title: Configuring Your Node
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 ipfs is configured through a json formatted text file, located by default at

content/guides/viewer/api/service/host.go renamed to content/guides/examples/api/service/host.go

@@ -1,9 +1,5 @@
 ---
 title: Git, Even More Distributed
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 Have you ever said to yourself: "Man, my git server isn't distributed enough" or

content/guides/viewer/api/service/readme.md renamed to content/guides/examples/api/service/readme.md

@@ -1,12 +1,8 @@
 ---
 title: Visualizing objects with graphmd
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
-![](/ipfs/QmbefthRKDReojALJi8nGPwvUVPqe1aXdoD9ysX44aUfvG/graph.png)
+![](output/graph.png)
 
 When using ipfs for storing files, or writing more complex datastructures,
 it is often very useful to visualize the merkledag being created. For this,
@@ -39,7 +35,7 @@ use it with dot:
 
 ## Example
 
-Given this [demo](/ipfs/QmRCJXG7HSmprrYwDrK1GctXHgbV7EYpVcJPQPwevoQuqF) directory:
+Given this [demo](https://ipfs.io/ipfs/QmRCJXG7HSmprrYwDrK1GctXHgbV7EYpVcJPQPwevoQuqF) directory:
 
 ```sh
 > tree demo
@@ -107,20 +103,20 @@ graphmd QmRCJXG7HSmprrYwDrK1GctXHgbV7EYpVcJPQPwevoQuqF | dot -Tpdf >output/graph
 graphmd QmRCJXG7HSmprrYwDrK1GctXHgbV7EYpVcJPQPwevoQuqF | dot -Tpng >output/graph.png
 ```
 
-Et voilà: [svg](/ipfs/QmbefthRKDReojALJi8nGPwvUVPqe1aXdoD9ysX44aUfvG/graph.svg), [pdf](/ipfs/QmbefthRKDReojALJi8nGPwvUVPqe1aXdoD9ysX44aUfvG/graph.pdf), [png](/ipfs/QmbefthRKDReojALJi8nGPwvUVPqe1aXdoD9ysX44aUfvG/graph.png)
+Et voilà: [svg](output/graph.svg), [pdf](output/graph.pdf), [png](output/graph.png)
 
-![](/ipfs/QmbefthRKDReojALJi8nGPwvUVPqe1aXdoD9ysX44aUfvG/graph.png)
+![](output/graph.png)
 
 ## File blocks
 
 `graphmd` is particularly useful to inspect file blocking algorithms.
 For example, here is what the `ipfs` binary looks like with the default
 semi-balanced indirect block chunking:
 
-- [dot output](/ipfs/QmQ8yWC1SGn73P1SPSw8iqSBGEscve1N6sQpzd1xzD5EV1/graph.dot)
-- [svg render](/ipfs/QmQ8yWC1SGn73P1SPSw8iqSBGEscve1N6sQpzd1xzD5EV1/graph.svg)
-- [pdf render](/ipfs/QmQ8yWC1SGn73P1SPSw8iqSBGEscve1N6sQpzd1xzD5EV1/graph.pdf)
+- [dot output](ipfsbin/graph.dot)
+- [svg render](ipfsbin/graph.svg)
+- [pdf render](ipfsbin/graph.pdf)
 
-![](/ipfs/QmQ8yWC1SGn73P1SPSw8iqSBGEscve1N6sQpzd1xzD5EV1/graph.svg)
+![](ipfsbin/graph.svg)
 
 by [Juan Benet](https://github.com/jbenet)

content/guides/viewer/blocks.md renamed to content/guides/examples/blocks.md

@@ -1,9 +1,5 @@
 ---
 title: The Inter-Planetary Naming System
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 ipns is a way to add a small amount of mutability to the permanent immutability

content/guides/viewer/bootstrap.md renamed to content/guides/examples/bootstrap.md

@@ -1,9 +1,5 @@
 ---
 title: Playing with the Network
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 IPFS is all about networking! Included are a useful set of commands

content/guides/viewer/config.md renamed to content/guides/examples/config.md

@@ -1,9 +1,5 @@
 ---
-title: Pinning
-draft: true
-menu:
-    guides:
-        parent: guides
+title: Pinning Files
 ---
 
 Pinning is a very important concept in ipfs. ipfs semantics try

content/guides/viewer/git.md renamed to content/guides/examples/git.md

@@ -1,9 +1,5 @@
 ---
 title: Snapshots
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 Lets take a quick look at how ipfs can be used to take basic snapshots.

content/guides/viewer/graphmd/demo/cat.jpg renamed to content/guides/examples/graphmd/demo/cat.jpg

@@ -1,9 +1,5 @@
 ---
 title: Playing Videos
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 ipfs can be used to store and play videos. Suppose we add a video:

content/guides/viewer/graphmd/demo/test/bar renamed to content/guides/examples/graphmd/demo/test/bar

@@ -1,9 +1,5 @@
 ---
 title: IPFS for Websites
-draft: true
-menu:
-    guides:
-        parent: guides
 ---
 
 ### A short guide to hosting your site on ipfs

content/guides/viewer/graphmd/demo/test/baz/b renamed to content/guides/examples/graphmd/demo/test/baz/b

@@ -0,0 +1,20 @@
+{{ define "main" }}
+  <!--
+    This is a custom list template for the examples section. We don’t want big
+    summaries here, so we have a short, custom front-matter field named
+    `description` instead.
+  -->
+  <h1>{{ .Title }} {{ if .IsDraft }} (Draft){{ end }}</h1>
+  {{ .Content }}
+
+  <ul>
+  {{ range .Paginator.Pages.ByWeight }}
+    <li>
+      <a href="{{ .URL }}">{{ .Title }}</a>
+      {{ with .Params.Description }}
+        <p class="example-description">{{ . }}</p>
+      {{ end }}
+    </li>
+  {{ end }}
+  </ul>
+{{ end }}