chore: deploy to coldemo, responsive improve, etc

README.md

@@ -1,12 +1,14 @@
-# gallery.code
+# Coldemo Gallery & Playground
 
-Visit: https://fritx.github.io/gallery.code/
+Visit: https://coldemo.github.io/
 
 **Todo**
 
 - [ ] vscode tsconfig src/\* alias (being reverted by npm-run-dev)
 - [ ] antd4, safe js exec sandbox - see pureproxy
-- [ ] storage list, reset btn, gh deploy
+- [ ] storage list, reset btn, sandboxNode, batch-screenshot, responsive-improve
+- [ ] lang ts/tsx/vue/py/rb/java
+- [x] gh-pages, lang js/jsx, react/vue, umd-hack
 - [x] code read from url, storybook cards
 - [x] web worker for babel transform
 - [x] react-drag-sizing, gentleSpin

package.json

@@ -40,7 +40,7 @@
     "typescript": "3.5.2"
   },
   "scripts": {
-    "deploy": "npm run build && gh-pages -d ./build",
+    "deploy": "npm run build && gh-pages -d ./build -b master -r https://github.com/coldemo/coldemo.github.io",
     "dev": "npm start",
     "start": "react-scripts start",
     "build": "react-scripts build",

src/AppRouter.tsx

@@ -13,7 +13,7 @@ function AppRouter() {
     <Router>
       <Switch>
         <Route path="/" exact component={Gallery} />
-        <Route path="/playground/:file" component={Playground} />
+        <Route path="/playground/:file?" component={Playground} />
         <Route path="*">
           <Redirect to="/" />
         </Route>

src/gallery/page.css

@@ -38,6 +38,18 @@
   }
 }
 
+@media (max-width: 450px) {
+  .ant-card-body {
+    padding: 12px;
+  }
+  .ant-card-meta-title {
+    font-size: 12px;
+  }
+  .page-gallery .ant-card-cover {
+    height: 120px;
+  }
+}
+
 .page-gallery .ant-spin-nested-loading,
 .page-gallery .ant-spin-container {
   position: static;