implemented react-helmet fully

This commit is contained in:
2025-01-09 08:33:27 -05:00
parent 5361cf241f
commit 09a0ed3b88
28 changed files with 60 additions and 143 deletions

View File

@@ -1,27 +0,0 @@
{
"files": {
"main.css": "/static/css/main.8d70043b.css",
"main.js": "/static/js/main.609bf334.js",
"static/js/787.650836a3.chunk.js": "/static/js/787.650836a3.chunk.js",
"static/media/MytwitchBanner.png": "/static/media/MytwitchBanner.7e6d238fe1f72356cd5a.png",
"static/media/Tokyo-Ghoul-Wallpaper-For-PC.jpg": "/static/media/Tokyo-Ghoul-Wallpaper-For-PC.3a4eb3e1677a0231dbb6.jpg",
"static/media/1132066.jpg": "/static/media/1132066.830e0815c15f9fb74063.jpg",
"static/media/ECMMweb.png": "/static/media/ECMMweb.ba4a02b8563104e022f8.png",
"static/media/1132065.jpg": "/static/media/1132065.5ed00e48e022b9fa51e5.jpg",
"static/media/InstagramLogo.png": "/static/media/InstagramLogo.e3cc2e56f6c2cbf5dae0.png",
"static/media/1132051.jpg": "/static/media/1132051.55dcf24d3e6ca150fab3.jpg",
"static/media/favicon.jpg": "/static/media/favicon.f1607da6137d99db2c5c.jpg",
"static/media/Banner.jpg": "/static/media/Banner.e1c34bcb454d45c70e97.jpg",
"static/media/Twitter-XLogo.jpg": "/static/media/Twitter-XLogo.622dce5c55c5484fe412.jpg",
"static/media/youtube.png": "/static/media/youtube.eaa1e3811ce413b2444f.png",
"static/media/TwitchLogo.png": "/static/media/TwitchLogo.69436ff2355ef440cde9.png",
"index.html": "/index.html",
"main.8d70043b.css.map": "/static/css/main.8d70043b.css.map",
"main.609bf334.js.map": "/static/js/main.609bf334.js.map",
"787.650836a3.chunk.js.map": "/static/js/787.650836a3.chunk.js.map"
},
"entrypoints": [
"static/css/main.8d70043b.css",
"static/js/main.609bf334.js"
]
}

View File

@@ -1 +0,0 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="EhChadServices Official Website"/><link rel="apple-touch-icon" href="/favicon.ico"/><link rel="manifest" href="/manifest.json"/><title>Eh Chad Services</title><script defer="defer" src="/static/js/main.609bf334.js"></script><link href="/static/css/main.8d70043b.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,2 +0,0 @@
"use strict";(self.webpackChunkchadstestsite=self.webpackChunkchadstestsite||[]).push([[787],{787:(e,t,n)=>{n.r(t),n.d(t,{getCLS:()=>y,getFCP:()=>h,getFID:()=>C,getLCP:()=>P,getTTFB:()=>D});var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v2-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},s=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},f=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},m=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},v=-1,d=function(){return"hidden"===document.visibilityState?0:1/0},p=function(){s((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=d(),p(),f((function(){setTimeout((function(){v=d(),p()}),0)}))),{get firstHiddenTime(){return v}}},h=function(e,t){var n,i=l(),r=u("FCP"),a=function(e){"first-contentful-paint"===e.name&&(s&&s.disconnect(),e.startTime<i.firstHiddenTime&&(r.value=e.startTime,r.entries.push(e),n(!0)))},o=window.performance&&performance.getEntriesByName&&performance.getEntriesByName("first-contentful-paint")[0],s=o?null:c("paint",a);(o||s)&&(n=m(e,r,t),o&&a(o),f((function(i){r=u("FCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,n(!0)}))}))})))},g=!1,T=-1,y=function(e,t){g||(h((function(e){T=e.value})),g=!0);var n,i=function(t){T>-1&&e(t)},r=u("CLS",0),a=0,o=[],v=function(e){if(!e.hadRecentInput){var t=o[0],i=o[o.length-1];a&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(a+=e.value,o.push(e)):(a=e.value,o=[e]),a>r.value&&(r.value=a,r.entries=o,n())}},d=c("layout-shift",v);d&&(n=m(i,r,t),s((function(){d.takeRecords().map(v),n(!0)})),f((function(){a=0,T=-1,r=u("CLS",0),n=m(i,r,t)})))},E={passive:!0,capture:!0},w=new Date,L=function(e,t){i||(i=t,r=e,a=new Date,F(removeEventListener),S())},S=function(){if(r>=0&&r<a-w){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};o.forEach((function(t){t(e)})),o=[]}},b=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){L(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):L(t,e)}},F=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,b,E)}))},C=function(e,t){var n,a=l(),v=u("FID"),d=function(e){e.startTime<a.firstHiddenTime&&(v.value=e.processingStart-e.startTime,v.entries.push(e),n(!0))},p=c("first-input",d);n=m(e,v,t),p&&s((function(){p.takeRecords().map(d),p.disconnect()}),!0),p&&f((function(){var a;v=u("FID"),n=m(e,v,t),o=[],r=-1,i=null,F(addEventListener),a=d,o.push(a),S()}))},k={},P=function(e,t){var n,i=l(),r=u("LCP"),a=function(e){var t=e.startTime;t<i.firstHiddenTime&&(r.value=t,r.entries.push(e),n())},o=c("largest-contentful-paint",a);if(o){n=m(e,r,t);var v=function(){k[r.id]||(o.takeRecords().map(a),o.disconnect(),k[r.id]=!0,n(!0))};["keydown","click"].forEach((function(e){addEventListener(e,v,{once:!0,capture:!0})})),s(v,!0),f((function(i){r=u("LCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,k[r.id]=!0,n(!0)}))}))}))}},D=function(e){var t,n=u("TTFB");t=function(){try{var t=performance.getEntriesByType("navigation")[0]||function(){var e=performance.timing,t={entryType:"navigation",startTime:0};for(var n in e)"navigationStart"!==n&&"toJSON"!==n&&(t[n]=Math.max(e[n]-e.navigationStart,0));return t}();if(n.value=n.delta=t.responseStart,n.value<0||n.value>performance.now())return;n.entries=[t],e(n)}catch(e){}},"complete"===document.readyState?setTimeout(t,0):addEventListener("load",(function(){return setTimeout(t,0)}))}}}]);
//# sourceMappingURL=787.650836a3.chunk.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,86 +0,0 @@
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/**
* @license React
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @license React
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @mui/styled-engine v5.12.0
*
* @license MIT
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* @remix-run/router v1.6.0
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
/**
* React Router DOM v6.11.0
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/
/**
* React Router v6.11.0
*
* Copyright (c) Remix Software Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE.md file in the root directory of this source tree.
*
* @license MIT
*/

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 155 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 266 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 520 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 470 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

View File

@@ -1,9 +1,15 @@
import React from "react";
import ChadsImage from "../assets/MytwitchBanner.png";
import "../styles/About.css";
import { Helmet } from "react-helmet";
function About() {
return (
<div className="about">
<Helmet>
<meta charSet="utf-8" />
<title>About</title>
<link rel="canonical" href="https://ehchadservices.com/about" />
</Helmet>
<div
className="aboutTop"
style={{ backgroundImage: `url(${ChadsImage})` }}
@@ -11,17 +17,17 @@ function About() {
<div className="aboutBottom">
<h1> ABOUT ME</h1>
<p>
Hi there! I'm Chad, and I'm passionate about becoming a developer and content creator. I'm actively pursuing these goals by expanding my skillset in various programming languages and software.<br></br><br></br>
Currently, I'm focusing on mastering C#, C++, and JavaScript, and I've already completed a few projects using these languages. I'm also proficient in 3D design with Fusion 360 and am always eager to learn new programs.<br></br><br></br>
I'd love to connect with fellow developers, gamers, and anyone interested in tech or content creation! Feel free to join my Discord server, and don't forget to check out my YouTube channel and other social media.
Hi there! I'm Chad, and I'm passionate about becoming a developer and content creator. I'm actively pursuing these goals by expanding my skillset in various programming languages and software.<br></br><br></br>
Currently, I'm focusing on mastering C#, C++, and JavaScript, and I've already completed a few projects using these languages. I'm also proficient in 3D design with Fusion 360 and am always eager to learn new programs.<br></br><br></br>
I'd love to connect with fellow developers, gamers, and anyone interested in tech or content creation! Feel free to join my Discord server, and don't forget to check out my YouTube channel and other social media.
</p>
<div className="discordInvAbout">
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>
</div>
<div className="discordIntAbout">
<iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<iframe src="https://discord.com/widget?id=573633846587817992&theme=dark" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</div>
</div>
);
}

View File

@@ -3,18 +3,23 @@ import "../styles/Applications.css";
import ECMM from "../assets/ECMMweb.png";
function Applications() {
return (
<div className="application">
<div className="ECMMContainer">
<div className="title">
<h1>EhChads Mod Manager</h1>
</div>
<img className="ECMMweb" src={ECMM} />
return (
<div className="application">
<Helmet>
<meta charSet="utf-8" />
<title>Applications</title>
<link rel="canonical" href="https://ehchadservices.com" />
</Helmet>
<div className="ECMMContainer">
<div className="title">
<h1>EhChads Mod Manager</h1>
</div>
</div>
);
}
<img className="ECMMweb" src={ECMM} />
export default Applications;
</div>
</div>
);
}
export default Applications;

View File

@@ -5,6 +5,11 @@ import "../styles/Contact.css";
function Contact() {
return (
<div className="contact">
<Helmet>
<meta charSet="utf-8" />
<title>Contact</title>
<link rel="canonical" href="https://ehchadservices.com/contact" />
</Helmet>
<div
className="leftSide"
style={{ backgroundImage: `url(${TrainLeft})` }}

View File

@@ -1,11 +1,17 @@
import React from "react";
import { Link } from "react-router-dom";
import BannerImage from "../assets/Banner.jpg";
import { Helmet } from "react-helmet";
import "../styles/Home.css";
function Home() {
return (
<div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
<Helmet>
<meta charSet="utf-8" />
<title>EhChadServices</title>
<link rel="canonical" href="https://ehchadservices.com" />
</Helmet>
<div className="headerContainer">
<h1> Welcome To EhChad Services Website! </h1>
<p> For more info about myself please go to my about pages! </p>

View File

@@ -6,6 +6,11 @@ import "../styles/Shop.css";
function Shop() {
return (
<div className="shop">
<Helmet>
<meta charSet="utf-8" />
<title>Shop</title>
<link rel="canonical" href="https://ehchadservices.com" />
</Helmet>
<h1 className="shopTitle">Not Actually A Shop</h1>
<div className="shopList">
{ShopList.map((shopItem, key) => {

View File

@@ -2,10 +2,18 @@ import React from "react";
import "../styles/Socials.css";
import { SocialList } from "../helpers/SocialList";
import SocialItem from "../components/SocialItem";
import { Helmet } from "react-helmet";
import { Title } from "@mui/icons-material";
function Socials() {
return (
<div className="social">
<Helmet>
<meta charSet="utf-8" />
<title>Socials</title>
<link rel="canonical" href="https://ehchadservices.com/socials" />
</Helmet>
<h1 className="socialTitle">Check Out My Socials</h1>
<div className="socialList">
{SocialList.map((socialItem, key) => {

View File

@@ -1,9 +1,15 @@
import React from 'react';
import '../styles/TermsOfService.css'; // Import your CSS file
import '../styles/TermsOfService.css';
import { Helmet } from 'react-helmet';
function TermsOfService() {
return (
<div className="terms-container">
<Helmet>
<meta charSet="utf-8" />
<title>Terms Of Service</title>
<link rel="canonical" href="https://ehchadservices.com/TermsOfService" />
</Helmet>
<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>