fix links to examples in readme and site (#3132)

Readme.md

@@ -103,16 +103,16 @@ Check out the [**live demo**](http://slatejs.org) of all of the examples!
 
 To get a sense for how you might use Slate, check out a few of the examples:
 
-- [**Plain text**](https://github.com/ianstormtaylor/slate/tree/master/examples/plain-text) — showing the most basic case: a glorified `<textarea>`.
-- [**Rich text**](https://github.com/ianstormtaylor/slate/tree/master/examples/rich-text) — showing the features you'd expect from a basic editor.
-- [**Markdown preview**](https://github.com/ianstormtaylor/slate/tree/master/examples/markdown-preview) — showing how to add key handlers for Markdown-like shortcuts.
-- [**Links**](https://github.com/ianstormtaylor/slate/tree/master/examples/links) — showing how wrap text in inline nodes with associated data.
-- [**Images**](https://github.com/ianstormtaylor/slate/tree/master/examples/images) — showing how to use void (text-less) nodes to add images.
-- [**Hovering menu**](https://github.com/ianstormtaylor/slate/tree/master/examples/hovering-menu) — showing how a contextual hovering menu can be implemented.
-- [**Tables**](https://github.com/ianstormtaylor/slate/tree/master/examples/tables) — showing how to nest blocks to render more advanced components.
-- [**Paste HTML**](https://github.com/ianstormtaylor/slate/tree/master/examples/paste-html) — showing how to use an HTML serializer to handle pasted HTML.
-- [**Mentions**](https://github.com/ianstormtaylor/slate/tree/master/examples/mentions) — showing how to use inline void nodes for simple @-mentions.
-- [**See all the examples...**](https://github.com/ianstormtaylor/slate/tree/master/examples/mentions)
+- [**Plain text**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/plain-text.js) — showing the most basic case: a glorified `<textarea>`.
+- [**Rich text**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/rich-text.js) — showing the features you'd expect from a basic editor.
+- [**Markdown preview**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/markdown-preview.js) — showing how to add key handlers for Markdown-like shortcuts.
+- [**Links**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/links.js) — showing how wrap text in inline nodes with associated data.
+- [**Images**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/images.js) — showing how to use void (text-less) nodes to add images.
+- [**Hovering menu**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/hovering-menu.js) — showing how a contextual hovering menu can be implemented.
+- [**Tables**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/tables.js) — showing how to nest blocks to render more advanced components.
+- [**Paste HTML**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/paste-html.js) — showing how to use an HTML serializer to handle pasted HTML.
+- [**Mentions**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/mentions.js) — showing how to use inline void nodes for simple @-mentions.
+- [**See all the examples...**](https://github.com/ianstormtaylor/slate/tree/master/site/examples/mentions.js)
 
 If you have an idea for an example that shows a common use case, pull request it!
 

site/examples/Readme.md

@@ -2,16 +2,16 @@
 
 This directory contains a set of examples that give you an idea for how you might use Slate to implement your own editor. Take a look around!
 
-- [**Plain text**](./plain-text) — showing the most basic case: a glorified `<textarea>`.
-- [**Rich text**](./rich-text) — showing the features you'd expect from a basic editor.
-- [**Forced Layout**](./forced-layout) - showing how to use schema rules to enforce document structure
-- [**Markdown Shortcuts**](./markdown-shortcuts) — showing how to add key handlers for Markdown-like shortcuts.
-- [**Links**](./links) — showing how wrap text in inline nodes with associated data.
-- [**Images**](./images) — showing how to use void (text-less) nodes to add images.
-- [**Hovering menu**](./hovering-menu) — showing how a contextual hovering menu can be implemented.
-- [**Tables**](./tables) — showing how to nest blocks to render more advanced components.
-- [**Paste HTML**](./paste-html) — showing how to use an HTML serializer to handle pasted HTML.
-- [**Code Highlighting**](./code-highlighting) — showing how to use decorations to dynamically mark text.
+- [**Plain text**](./plain-text.js) — showing the most basic case: a glorified `<textarea>`.
+- [**Rich text**](./rich-text.js) — showing the features you'd expect from a basic editor.
+- [**Forced Layout**](./forced-layout.js) - showing how to use schema rules to enforce document structure
+- [**Markdown Shortcuts**](./markdown-shortcuts.js) — showing how to add key handlers for Markdown-like shortcuts.
+- [**Links**](./links.js) — showing how wrap text in inline nodes with associated data.
+- [**Images**](./images.js) — showing how to use void (text-less) nodes to add images.
+- [**Hovering menu**](./hovering-menu.js) — showing how a contextual hovering menu can be implemented.
+- [**Tables**](./tables.js) — showing how to nest blocks to render more advanced components.
+- [**Paste HTML**](./paste-html.js) — showing how to use an HTML serializer to handle pasted HTML.
+- [**Code Highlighting**](./code-highlighting.js) — showing how to use decorations to dynamically mark text.
 - ...and more!
 
 If you have an idea for an example that shows a common use case, pull request it!

site/pages/examples/[example].js

@@ -278,7 +278,7 @@ const ExamplePage = () => {
           <ExampleTitle>
             {name}
             <A
-              href={`https://github.com/ianstormtaylor/slate/blob/master/examples${path}`}
+              href={`https://github.com/ianstormtaylor/slate/blob/master/site/examples/${path}.js`}
             >
               (View Source)
             </A>