From b889d06e07def0c76ef77987c819bdfc19ca67bb Mon Sep 17 00:00:00 2001 From: Kyle Fang Date: Wed, 15 Jan 2020 20:33:49 +0800 Subject: [PATCH] chore: add svg --- web/src/App.css | 38 ---------- web/src/App.test.tsx | 9 --- web/src/App.tsx | 29 ++++---- web/src/assets/appstore.svg | 127 ++++++++++++++++++++++++++++++++++ web/src/assets/background.svg | 72 +++++++++++++++++++ web/src/assets/playstore.svg | 41 +++++++++++ web/src/index.css | 13 ---- web/src/index.tsx | 1 - web/src/logo.svg | 7 -- 9 files changed, 252 insertions(+), 85 deletions(-) delete mode 100644 web/src/App.css delete mode 100644 web/src/App.test.tsx create mode 100644 web/src/assets/appstore.svg create mode 100644 web/src/assets/background.svg create mode 100644 web/src/assets/playstore.svg delete mode 100644 web/src/index.css delete mode 100644 web/src/logo.svg diff --git a/web/src/App.css b/web/src/App.css deleted file mode 100644 index 74b5e05..0000000 --- a/web/src/App.css +++ /dev/null @@ -1,38 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/web/src/App.test.tsx b/web/src/App.test.tsx deleted file mode 100644 index 352d7b8..0000000 --- a/web/src/App.test.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import React from "react"; -import { render } from "@testing-library/react"; -import App from "./App"; - -test("renders learn react link", () => { - const { getByText } = render(); - const linkElement = getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/web/src/App.tsx b/web/src/App.tsx index 15fc567..7e8befe 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -1,24 +1,19 @@ import React from "react"; -import logo from "./logo.svg"; -import "./App.css"; +import { ReactComponent as AppStore } from "./assets/appstore.svg"; +import { ReactComponent as PlayStore } from "./assets/playstore.svg"; const App: React.FC = () => { return ( -
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
+
+

Booster

+

+ Intergrated scaffolding codes,UI components, integration and delivery + pipeline for fast pro-typing{" "} +

+
+ + +
); }; diff --git a/web/src/assets/appstore.svg b/web/src/assets/appstore.svg new file mode 100644 index 0000000..f77af48 --- /dev/null +++ b/web/src/assets/appstore.svg @@ -0,0 +1,127 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/assets/background.svg b/web/src/assets/background.svg new file mode 100644 index 0000000..5ca0b20 --- /dev/null +++ b/web/src/assets/background.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/assets/playstore.svg b/web/src/assets/playstore.svg new file mode 100644 index 0000000..9f6b970 --- /dev/null +++ b/web/src/assets/playstore.svg @@ -0,0 +1,41 @@ + + + + appstore + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/src/index.css b/web/src/index.css deleted file mode 100644 index ec2585e..0000000 --- a/web/src/index.css +++ /dev/null @@ -1,13 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} diff --git a/web/src/index.tsx b/web/src/index.tsx index d921e8f..e4f3015 100644 --- a/web/src/index.tsx +++ b/web/src/index.tsx @@ -1,6 +1,5 @@ import React from "react"; import ReactDOM from "react-dom"; -import "./index.css"; import App from "./App"; import * as serviceWorker from "./serviceWorker"; diff --git a/web/src/logo.svg b/web/src/logo.svg deleted file mode 100644 index 6b60c10..0000000 --- a/web/src/logo.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - -