diff --git a/public/favicon.ico b/public/favicon.ico deleted file mode 100644 index a11777c..0000000 Binary files a/public/favicon.ico and /dev/null differ diff --git a/public/index.html b/public/index.html index aa069f2..6252f08 100644 --- a/public/index.html +++ b/public/index.html @@ -2,42 +2,11 @@ - - - - - - - React App
- diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c7..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "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" -} diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/src/App.js b/src/App.js index 3784575..ec8867e 100644 --- a/src/App.js +++ b/src/App.js @@ -1,25 +1,16 @@ -import logo from './logo.svg'; -import './App.css'; +import React from "react"; +/* import Header from "./components/Header"; */ +/* import Main from "./components/Main"; */ -function App() { +const App = () => { return ( -
-
- logo -

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

- - Learn React - -
-
+ <> + {/*
*/} + {/*
*/} + Funcionando + ); -} +}; export default App; + diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index 1f03afe..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; - -test('renders learn react link', () => { - render(); - const linkElement = screen.getByText(/learn react/i); - expect(linkElement).toBeInTheDocument(); -}); diff --git a/src/components/Card.js b/src/components/Card.js new file mode 100644 index 0000000..e5b1bf7 --- /dev/null +++ b/src/components/Card.js @@ -0,0 +1,11 @@ + +const Card = () => { + return ( +
+ Card +
+ + ); +}; + +export default Card; \ No newline at end of file diff --git a/src/components/Header.js b/src/components/Header.js new file mode 100644 index 0000000..f3168c1 --- /dev/null +++ b/src/components/Header.js @@ -0,0 +1,11 @@ +import "../stylesheets/Header.css"; + +const Header = () => { + return ( +
+ Header +
+ ); +}; + +export default Header; \ No newline at end of file diff --git a/src/components/Link.js b/src/components/Link.js new file mode 100644 index 0000000..1696817 --- /dev/null +++ b/src/components/Link.js @@ -0,0 +1,9 @@ + +const Link = () => { + return ( + Link + + ); +}; + +export default Link; \ No newline at end of file diff --git a/src/components/Main.js b/src/components/Main.js new file mode 100644 index 0000000..74718e7 --- /dev/null +++ b/src/components/Main.js @@ -0,0 +1,10 @@ + +const Main = () => { + return ( +
+ {/*
*/} +
+ ); +}; + +export default Main; diff --git a/src/index.css b/src/index.css index ec2585e..172fa1b 100644 --- a/src/index.css +++ b/src/index.css @@ -1,3 +1,20 @@ +:root { + --background-body: #FFFFFF; + --background-header: #FFFFFF; + --background-main: #E5E5E5; + --background-search:#EFEFEF; + --button-background-black: #111111; + --color-white: #FFFFFF; + --font-dark: #000000; + --font-dark-gray: #333333; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', @@ -5,6 +22,7 @@ body { sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + background-color: var(--background-body); } code { diff --git a/src/index.js b/src/index.js index ef2edf8..62adcf3 100644 --- a/src/index.js +++ b/src/index.js @@ -2,7 +2,6 @@ import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; -import reportWebVitals from './reportWebVitals'; ReactDOM.render( @@ -11,7 +10,3 @@ ReactDOM.render( document.getElementById('root') ); -// If you want to start measuring performance in your app, pass a function -// to log results (for example: reportWebVitals(console.log)) -// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(); diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 9dfc1c0..0000000 --- a/src/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file