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

@ -2,19 +2,28 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <link
<meta name="viewport" content="width=device-width, initial-scale=1" /> rel="icon"
<meta name="theme-color" content="#000000" /> href="./logo.ico" />
<meta
name="viewport"
content="width=device-width, initial-scale=1" />
<meta
name="theme-color"
content="#000000" />
<meta <meta
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app" />
/> <link
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> rel="apple-touch-icon"
href="%PUBLIC_URL%/logo192.png" />
<!-- <!--
manifest.json provides metadata used when your web app is installed on a 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/ 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. Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build. It will be replaced with the URL of the `public` folder during the build.
@ -24,7 +33,7 @@
work correctly both with client-side routing and a non-root public URL. 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`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Schulich Off-Road</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

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%; height: 10%;
} }
header figure {
cursor: pointer;
}
#logo { #logo {
height: 5rem; height: 5rem;
background-color: white; background-color: white;

View File

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

View File

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