Skip to content

Commit 368606c

Browse files
4-Leafs-Code4-Leafs-Code
committed
styling hero
1 parent a65fcaa commit 368606c

25 files changed

Lines changed: 329 additions & 24 deletions

‎package-lock.json‎

Lines changed: 157 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@
88
"@testing-library/user-event": "^13.5.0",
99
"react": "^18.2.0",
1010
"react-dom": "^18.2.0",
11+
"react-router-dom": "^6.8.0",
1112
"react-scripts": "5.0.1",
13+
"styled-components": "^5.3.6",
1214
"web-vitals": "^2.1.4"
1315
},
1416
"scripts": {

‎public/images/blue.png‎

-247 KB
Binary file not shown.

‎public/images/green.png‎

-344 KB
Binary file not shown.

‎public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
5-
<link rel="icon" href="%PUBLIC_URL%/images/wolf.png" />
5+
<link rel="icon" href="%PUBLIC_URL%/wolf.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
<meta name="theme-color" content="#000000" />
88
<meta

public/images/wolf.png renamed to public/wolf.png

File renamed without changes.

‎purple.png‎

-326 KB
Binary file not shown.

‎red.png‎

-285 KB
Binary file not shown.

‎src/App.js‎

Lines changed: 31 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,37 @@
1-
import logo from './logo.svg';
2-
import './App.css';
1+
import React, { useState, useEffect } from "react";
2+
import Preloader from "../src/components/Pre";
3+
4+
import Home from "./components/Home";
5+
6+
import {
7+
BrowserRouter as Router,
8+
Route,
9+
Routes,
10+
} from "react-router-dom";
11+
import "./style.css";
12+
import "./App.css";
313

414
function App() {
15+
const [load, upadateLoad] = useState(true);
16+
17+
useEffect(() => {
18+
const timer = setTimeout(() => {
19+
upadateLoad(false);
20+
}, 1200);
21+
22+
return () => clearTimeout(timer);
23+
}, []);
24+
525
return (
6-
<div className="App">
7-
<header className="App-header">
8-
<img src={logo} className="App-logo" alt="logo" />
9-
<p>
10-
Edit <code>src/App.js</code> and save to reload.
11-
</p>
12-
<a
13-
className="App-link"
14-
href="https://reactjs.org"
15-
target="_blank"
16-
rel="noopener noreferrer"
17-
>
18-
Learn React
19-
</a>
20-
</header>
21-
</div>
26+
<Router>
27+
<Preloader load={load} />
28+
<div className="App" id={load ? "no-scroll" : "scroll"}>
29+
<Routes basename={process.env.PUBLIC_URL}>
30+
<Route path="/" element={<Home />} />
31+
</Routes>
32+
</div>
33+
</Router>
2234
);
2335
}
2436

25-
export default App;
37+
export default App;

blue.png renamed to src/Assets/blue.png

File renamed without changes.

0 commit comments

Comments
 (0)