chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-08 13:31:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixed bugs added features

Browse Source
This commit is contained in:
Chad Doty
2025-01-08 21:23:06 -05:00
parent cb30e85cd1
commit c4675b04bc
13 changed files with 138 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 264 KiB

12
public/index.html
View File

@@ -1,15 +1,13 @@
<!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" />
<meta name="description" content="EhChadServices Official Website" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.ico" />
<!--
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/
@@ -24,8 +22,9 @@
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>
<title>Eh Chad Services</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
@@ -40,4 +39,5 @@
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

15
src/App.js
View File

@@ -7,6 +7,7 @@ import Home from "./pages/Home";
import Shop from "./pages/Shop";
import Socials from "./pages/Socials";
import About from "./pages/About";
import TermsOfService from "./pages/TermsOfService";
import Contact from "./pages/Contact";
import Applications from "./pages/Applications";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
@@ -14,28 +15,16 @@ import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
function App() {
return (
<div className="App">
<Helmet>
<meta charSet="utf-8" />
<title>Eh Chad Services</title>
<link rel="canonical" href="http://ehchadservices.com/" />
<meta name="description" content="ehchadservices.com" />
</Helmet>
<Router>
<Navbar />
<Routes>
<Route path="/" exact element={<Home />} />
{/* <Route path="/shop" exact element={<Shop />} /> */}
{/*<Route path="/applications" exact element={<Applications />} /> */}
<Route path="/socials" exact element={<Socials />} />
<Route path="/about" exact element={<About />} />
{/* <Route path="/contact" exact element={<Contact />} /> */}
<Route path="/TermsOfService" exact element={<TermsOfService />} />
</Routes>
<Discord />
<Footer />

BIN
src/assets/ehchadserviceslogo.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

0
src/assets/IMG_0771.jpg → src/assets/favicon.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 128 KiB

After

Width:  |  Height:  |  Size: 128 KiB

7
src/components/Footer.js
View File

@@ -3,7 +3,9 @@ import InstagramIcon from '@mui/icons-material/Instagram';
import TwitterIcon from '@mui/icons-material/Twitter';
import YouTubeIcon from '@mui/icons-material/YouTube';
import GitHubIcon from "@mui/icons-material/GitHub";
import { Link } from 'react-router-dom';
import "../styles/Footer.css";
import TermsOfService from "../pages/TermsOfService";
function Footer() {
return (
@@ -14,7 +16,10 @@ function Footer() {
<a href='https://www.instagram.com/chad.doty/' target="_blank" rel="noreferrer"><InstagramIcon /> </a>
<a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" rel="noreferrer"><YouTubeIcon /> </a>
</div>
<p> &copy; 2024 ehchadservices.com</p>
<div className="importantInfo">
<Link to="/TermsOfService">Terms of Service</Link> {TermsOfService}
</div>
<p> © 2025 ehchadservices.com</p>
</div>
);
}

2
src/components/Navbar.js
View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react';
import Logo from '../assets/IMG_0771.jpg';
import Logo from '../assets/favicon.jpg';
import { NavLink } from 'react-router-dom';
import ReorderIcon from '@mui/icons-material/Reorder';
import '../styles/Navbar.css'

1
src/pages/Home.js
View File

@@ -15,7 +15,6 @@ function Home() {
<Link to='about'>
<button> About Page </button>
</Link>
</div>
</div>
);

42
src/pages/TermsOfService.js Normal file
View File

@@ -0,0 +1,42 @@
import React from 'react';
import '../styles/TermsOfService.css'; // Import your CSS file
function TermsOfService() {
return (
<div className="terms-container">
<h2>Terms of Service</h2>
<p>Welcome to ehchadservices.com. These Terms of Service ("Terms") govern your access to and use of our website and services. By accessing or using ehchadservices.com, you agree to be bound by these Terms. If you disagree with any part of the Terms, then you may not access the website.</p>
<h3>1. Acceptance of Terms</h3>
<p>By accessing this website, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service. If you do not agree to these Terms, please do not use this website.</p>
<h3>2. Description of Services</h3>
<p>ehchadservices.com provides software and programs for gamers and content creators, etc. We reserve the right to modify or discontinue any of our services at any time without prior notice.</p>
<h3>3. User Responsibilities</h3>
<p>You are responsible for your use of the website and for any content you post. You agree to use the website in a manner consistent with all applicable laws and regulations.</p>
{/* Add more sections as needed */}
<h3>4. Intellectual Property</h3>
<p>The content on ehchadservices.com, including text, graphics, logos, images, and software, is the property of ehchadservices.com and is protected by copyright and other intellectual property laws.</p>
<h3>5. Disclaimer</h3>
<p>ehchadservices.com is provided "as is" without any warranties, express or implied. We do not warrant that the website will be uninterrupted or error-free.</p>
<h3>6. Limitation of Liability</h3>
<p>In no event shall ehchadservices.com be liable for any damages arising out of or in connection with your use of the website.</p>
<h3>7. Governing Law</h3>
<p>These Terms shall be governed by and construed in accordance with the laws of Michigan.</p>
<h3>8. Changes to Terms</h3>
<p>We may update these Terms from time to time. We will post any changes on this page. Your continued use of the website following the posting of revised Terms means that you accept and agree to the changes.</p>
<h3>9. Contact Us</h3>
<p>If you have any questions about these Terms, please contact us at ehchadservices@gmail.com.</p>
</div>
);
}
export default TermsOfService;

11
src/styles/Footer.css
View File

@@ -21,3 +21,14 @@
.footer p {
color: rgb(0, 255, 13);
}
.importantInfo a {
text-decoration: none;
color: white;
font-size: 16px;
}
.importantInfo a:hover {
color: red;
text-decoration: underline;
}

13
src/styles/Home.css
View File

@@ -1,6 +1,6 @@
.home {
width: 100svw;
height: 90vh;
height: 100vh;
display: flex;
justify-content: center;
align-items: left;
@@ -64,6 +64,7 @@
justify-content: center;
align-items: center;
}
.headerContainer h1,
.headerContainer p {
display: flex;
@@ -106,6 +107,7 @@
}
@media only screen and (max-width: 500px) {
.headerContainer,
.headerContainer h1,
.headerContainer p {
@@ -115,15 +117,15 @@
}
}
@media only screen and (max-width: 1030px) {
@media only screen and (max-width: 1030px) {}
}
@media only screen and (max-width: 920px),(max-height: 630px) {
@media only screen and (max-width: 920px),
(max-height: 630px) {
.home {
justify-content: center;
align-items: center;
}
.headerContainer h1,
.headerContainer p {
display: flex;
@@ -165,4 +167,3 @@
}
}

2
src/styles/Socials.css
View File

@@ -1,7 +1,7 @@
.social {
background-color: gray;
width: 100%;
height: 90svh;
height: 100svh;
display: flex;
justify-content: center;
align-items: center;

20
src/styles/TermsOfService.css Normal file
View File

@@ -0,0 +1,20 @@
.terms-container {
max-width: 800px;
/* Adjust as needed */
margin: 0 auto;
padding: 20px;
font-family: sans-serif;
}
.terms-container h2 {
text-align: center;
margin-bottom: 20px;
}
.terms-container h3 {
margin-top: 30px;
}
.terms-container p {
line-height: 1.6;
}