readme, doc, and exmample updates

Author: Emil Hartz

.github/ISSUE_TEMPLATE/---support-usage-question.md

@@ -11,9 +11,8 @@ If you have a question that doesn't concern bugs or requests, all i am asking yo
 
 When you haven't found anything, please isolate your issue in a [codesandbox](https://codesandbox.io/), that makes it so much easier on our side to inspect and understand the issue.
 
-Fork the example codesandboxes:
-- hook: https://codesandbox.io/s/lrk6955l79
-- component: https://codesandbox.io/s/4q7n429vl4
+Fork the example codesandbox:
+- https://codesandbox.io/s/react-swipeable-image-carousel-hben8
 
 
 Thanks for understanding!

.github/ISSUE_TEMPLATE/bug_report.md

@@ -11,9 +11,8 @@ assignees: ''
 A clear and concise description of what the bug is.
 
 **Steps or Sandbox to reproduce**
-Fork the example codesanboxes
-- hook: https://codesandbox.io/s/lrk6955l79
-- component: https://codesandbox.io/s/4q7n429vl4
+Fork the example codesandbox:
+- https://codesandbox.io/s/react-swipeable-image-carousel-hben8
 
 **Expected behavior**
 A clear and concise description of what you expected to happen.

README.md

@@ -4,7 +4,7 @@ React swipe event handler hook
 
 [![build status](https://img.shields.io/travis/FormidableLabs/react-swipeable/master.svg?style=flat-square)](https://travis-ci.org/FormidableLabs/react-swipeable) [![Coverage Status](https://img.shields.io/coveralls/FormidableLabs/react-swipeable/master.svg?style=flat-square)](https://coveralls.io/github/FormidableLabs/react-swipeable?branch=master) [![npm version](https://img.shields.io/npm/v/react-swipeable.svg?style=flat-square)](https://www.npmjs.com/package/react-swipeable) [![npm downloads](https://img.shields.io/npm/dm/react-swipeable.svg?style=flat-square)](https://www.npmjs.com/package/react-swipeable) [![gzip size](https://flat.badgen.net/bundlephobia/minzip/react-swipeable)](https://bundlephobia.com/result?p=react-swipeable)
 
-[![Edit react-swipeable image carousel with hook](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/lrk6955l79?module=%2Fsrc%2FCarousel.js)
+[![Edit react-swipeable image carousel](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/react-swipeable-image-carousel-hben8?file=/src/Carousel.js)
 
 [Github Pages Demo](http://formidablelabs.github.io/react-swipeable/)
 

examples/app/App.tsx

@@ -18,13 +18,17 @@ export default function App({version}: {version: any}) {
         <dl>
           <dt>Examples:</dt>
           <dd><a href="#FeatureTestConsole">Feature testing with console log output ⇨</a></dd>
-          <dd><a href="#SimpleCarousel">Simple Image Carousel using react-swipeable ⇨</a></dd>
+          <dd><a href="#SimpleCarousel">Image Carousel using react-swipeable ⇨</a></dd>
         </dl>
         <hr />
         <FeatureTestConsole />
         <hr />
         <div className="row" id="SimpleCarousel">
-          <iframe src="https://codesandbox.io/embed/lrk6955l79" style={{width:'100%', height:'500px', border:'0', borderRadius:'4px', overflow:'hidden'}} sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin" />
+          <h2>Codesandbox Example:</h2>
+          <a href="https://codesandbox.io/s/react-swipeable-image-carousel-hben8?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FCarousel.js&theme=light&view=preview" style={{ margin: 'auto', paddingBottom: '1rem' }}>
+            <img alt="Edit react-swipeable image carousel" src="https://codesandbox.io/static/img/play-codesandbox.svg" />
+          </a>
+          <iframe src="https://codesandbox.io/embed/react-swipeable-image-carousel-hben8?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FCarousel.js&theme=light&view=preview" style={{width: '100%', height: '500px', border: '0', borderRadius: '4px', overflow: 'hidden'}} title="react-swipeable image carousel" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts" />
         </div>
         <hr />
         <p style={{"marginBottom": "2rem"}}>