added mouse pointer to css, tried changing title to our site name and chaing icon (that didnt work

This commit is contained in:
darkicewolf50 2024-03-13 17:48:08 -06:00
parent 50c8af92fe
commit df8bcfa2c5
5 changed files with 35 additions and 22 deletions

View File

@ -1,21 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
<head>
<meta charset="utf-8" />
<link
rel="icon"
href="./logo.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1" />
<meta
name="theme-color"
content="#000000" />
<meta
name="description"
content="Web site created using create-react-app" />
<link
rel="apple-touch-icon"
href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
<link
rel="manifest"
href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
@ -24,12 +33,12 @@
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`.
-->
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
<title>Schulich Off-Road</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
@ -39,5 +48,5 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</body>
</html>

BIN
public/logo.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -10,6 +10,10 @@ figure {
height: 10%;
}
header figure {
cursor: pointer;
}
#logo {
height: 5rem;
background-color: white;

View File

@ -38,10 +38,9 @@ const Header = () => {
return (
<>
<header>
<figure>
<figure onClick={() => LinkTo("/")}>
<img
id="logo"
onClick={() => LinkTo("/")}
src={logo}
alt="Schulich Off-Road's logo"
/>

View File

@ -1,3 +1,4 @@
#navigateButton {
text-decoration: none;
cursor: pointer;
}