chore: remove website and update title

Author: wuweiweiwu

.storybook/manager.js

@@ -4,8 +4,8 @@ import { create } from '@storybook/theming/create';
 addons.setConfig({
   theme: create({
     base: 'light',
-    brandTitle: 'React Sortable Tree',
-    brandUrl: 'https://github.com/frontend-collective/react-sortable-tree',
+    brandTitle: 'React Split Pane',
+    brandUrl: 'https://github.com/tomkp/react-split-pane',
     gridCellSize: 12,
   }),
 });

README.md

@@ -11,13 +11,12 @@ Split-Pane React component, can be nested or split vertically or horizontally!
 
 ## Installing
 
-```sh
+````sh
 npm install react-split-pane
 
 # or if you use yarn
 
 yarn add react-split-pane
-```
 
 ## Example Usage
 
@@ -26,7 +25,7 @@ yarn add react-split-pane
   <div />
   <div />
 </SplitPane>
-```
+````
 
 ```jsx
 <SplitPane split="vertical" minSize={50}>

package.json

@@ -33,9 +33,6 @@
     "build": "rollup -c",
     "build:watch": "rollup -c --watch",
     "clean": "rimraf dist",
-    "clean:website": "rimraf build",
-    "prebuild:website": "yarn run clean:website",
-    "build:website": "parcel build website/index.html -d build --public-url /react-split-pane/",
     "test": "BABEL_ENV=test mochify -R spec --transform babelify",
     "test:watch": "BABEL_ENV=test mochify -R spec --watch --transform babelify",
     "test:coverage": "BABEL_ENV=test mochify --plugin [ mochify-istanbul --exclude '**/test/**' --report lcovonly ] --transform babelify && cat lcov.info | coveralls && rm lcov.info",
@@ -69,6 +66,7 @@
     "@storybook/theming": "^5.3.17",
     "@types/react": "^16.9.11",
     "babel-eslint": "^10.0.3",
+    "babel-loader": "^8.0.0-beta.6",
     "babelify": "^10.0.0",
     "chai": "^4.2.0",
     "chai-spies": "^1.0.0",

stories/index.css

@@ -0,0 +1,49 @@
+.Resizer {
+  background: #000;
+  opacity: 0.2;
+  z-index: 1;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding;
+  background-clip: padding-box;
+}
+
+.Resizer:hover {
+  -webkit-transition: all 2s ease;
+  transition: all 2s ease;
+}
+
+.Resizer.horizontal {
+  height: 11px;
+  margin: -5px 0;
+  border-top: 5px solid rgba(255, 255, 255, 0);
+  border-bottom: 5px solid rgba(255, 255, 255, 0);
+  cursor: row-resize;
+  width: 100%;
+}
+
+.Resizer.horizontal:hover {
+  border-top: 5px solid rgba(0, 0, 0, 0.5);
+  border-bottom: 5px solid rgba(0, 0, 0, 0.5);
+}
+
+.Resizer.vertical {
+  width: 11px;
+  margin: 0 -5px;
+  border-left: 5px solid rgba(255, 255, 255, 0);
+  border-right: 5px solid rgba(255, 255, 255, 0);
+  cursor: col-resize;
+}
+
+.Resizer.vertical:hover {
+  border-left: 5px solid rgba(0, 0, 0, 0.5);
+  border-right: 5px solid rgba(0, 0, 0, 0.5);
+}
+.Resizer.disabled {
+  cursor: not-allowed;
+}
+.Resizer.disabled:hover {
+  border-color: transparent;
+}

stories/index.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
 
-import BasicHorizontal from '../stories/BasicHorizontal';
-import BasicNested from './examples/basic/BasicNested';
-import BasicStep from '../stories/BasicStep';
-import BasicVertical from '../stories/BasicVertical';
-import PercentageHorizontal from '../stories/PercentageHorizontal';
-import PercentageVertical from '../stories/PercentageVertical';
-import SnapToPostion from './examples/basic/SnapToPosition';
+import BasicHorizontal from './BasicHorizontal';
+import BasicNested from './BasicNested';
+import BasicStep from './BasicStep';
+import BasicVertical from './BasicVertical';
+import PercentageHorizontal from './PercentageHorizontal';
+import PercentageVertical from './PercentageVertical';
+import SnapToPostion from './SnapToPosition';
 
 import InlineStyles from './InlineStyles';
 import MultipleHorizontal from './MultipleHorizontal';
@@ -16,6 +16,8 @@ import NestedHorizontal from './NestedHorizontal';
 import NestedVertical from './NestedVertical';
 import Subcomponent from './Subcomponent';
 
+import './index.css';
+
 storiesOf('Basic', module)
   .add('Basic Horizontal', () => <BasicHorizontal />)
   .add('Basic Nested', () => <BasicNested />)