From 82c0d50428c522a981aeb524b94147c47aa8c92e Mon Sep 17 00:00:00 2001 From: Muthu Kumar Date: Fri, 6 Nov 2020 04:42:02 +0530 Subject: [PATCH] [feat] style changes Signed-off-by: Muthu Kumar --- public/index.html | 62 +++++++++++++++++++++++------------------------ public/manifest.json | 46 +++++++++++++++++------------------ src/components/Heading.js | 13 ---------- src/index.css | 11 ++++++--- src/pages/404.js | 16 +++--------- 5 files changed, 65 insertions(+), 83 deletions(-) delete mode 100644 src/components/Heading.js diff --git a/public/index.html b/public/index.html index e6a49dd..35c8d3a 100644 --- a/public/index.html +++ b/public/index.html @@ -2,43 +2,43 @@ - - - - - - - - - + + - - MKRhere + Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will + work correctly both with client-side routing and a non-root public URL. + Learn how to configure a non-root public URL by running `npm run build`. + --> + + MKRhere - -
- + To begin the development, run `npm start` or `yarn start`. + To create a production bundle, use `npm run build` or `yarn build`. + --> \ No newline at end of file diff --git a/public/manifest.json b/public/manifest.json index 080d6c7..cec748c 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1,25 +1,25 @@ { - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#ff5555", + "background_color": "#000000" } diff --git a/src/components/Heading.js b/src/components/Heading.js deleted file mode 100644 index a575b6d..0000000 --- a/src/components/Heading.js +++ /dev/null @@ -1,13 +0,0 @@ -import { css } from "emotion"; - -const Heading = ({ children, ...props }) => ( -

- {children} -

-); - -export default Heading; diff --git a/src/index.css b/src/index.css index e239e42..0534bfd 100644 --- a/src/index.css +++ b/src/index.css @@ -1,5 +1,5 @@ :root { - --primary-color: #ff9494; + --background-color: #000000; --primary-color: #ff5555; --text-color: #d3cfc9; font-weight: 500; @@ -16,7 +16,7 @@ body { "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - color: #fff; + color: var(--text-color); } code { @@ -43,6 +43,11 @@ h6 { color: var(--primary-color); } +h1, +h2 { + line-height: 1.2em; +} + h1 { font-size: 6rem; } @@ -52,7 +57,7 @@ h2 { } a { - color: white; + color: var(--text-color); } a:hover { diff --git a/src/pages/404.js b/src/pages/404.js index ffc1749..503a0fb 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -1,24 +1,14 @@ -import { css } from "emotion"; +import { Link } from "@reach/router"; import Container from "../components/Container"; -import Heading from "../components/Heading"; - -const Dashed = props => ( - - {props.children} - -); function Home() { return ( - Nothing here +

Nothing here

404. Back to{" "} - MKRhere? + MKRhere?