This commit is contained in:
2025-01-03 11:56:27 -05:00
parent 0ae7b91e6f
commit b5bb4dd90f
22 changed files with 31 additions and 29 deletions

View File

@@ -1,25 +1,27 @@
{ {
"files": { "files": {
"main.css": "/static/css/main.60120164.css", "main.css": "/static/css/main.5208eceb.css",
"main.js": "/static/js/main.817f505c.js", "main.js": "/static/js/main.7e810651.js",
"static/js/787.650836a3.chunk.js": "/static/js/787.650836a3.chunk.js", "static/js/787.650836a3.chunk.js": "/static/js/787.650836a3.chunk.js",
"static/media/MytwitchBanner.png": "/static/media/MytwitchBanner.7e6d238fe1f72356cd5a.png", "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/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/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/1132065.jpg": "/static/media/1132065.5ed00e48e022b9fa51e5.jpg",
"static/media/InstagramLogo.png": "/static/media/InstagramLogo.e3cc2e56f6c2cbf5dae0.png", "static/media/InstagramLogo.png": "/static/media/InstagramLogo.e3cc2e56f6c2cbf5dae0.png",
"static/media/1132051.jpg": "/static/media/1132051.55dcf24d3e6ca150fab3.jpg", "static/media/1132051.jpg": "/static/media/1132051.55dcf24d3e6ca150fab3.jpg",
"static/media/BannerTemplate.jpg": "/static/media/BannerTemplate.38f33cb86bf8410cc9b2.jpg", "static/media/IMG_0771.jpg": "/static/media/IMG_0771.f1607da6137d99db2c5c.jpg",
"static/media/Banner.jpg": "/static/media/Banner.e1c34bcb454d45c70e97.jpg",
"static/media/Twitter-XLogo.jpg": "/static/media/Twitter-XLogo.622dce5c55c5484fe412.jpg", "static/media/Twitter-XLogo.jpg": "/static/media/Twitter-XLogo.622dce5c55c5484fe412.jpg",
"static/media/youtube.png": "/static/media/youtube.eaa1e3811ce413b2444f.png", "static/media/youtube.png": "/static/media/youtube.eaa1e3811ce413b2444f.png",
"static/media/TwitchLogo.png": "/static/media/TwitchLogo.69436ff2355ef440cde9.png", "static/media/TwitchLogo.png": "/static/media/TwitchLogo.69436ff2355ef440cde9.png",
"index.html": "/index.html", "index.html": "/index.html",
"main.60120164.css.map": "/static/css/main.60120164.css.map", "main.5208eceb.css.map": "/static/css/main.5208eceb.css.map",
"main.817f505c.js.map": "/static/js/main.817f505c.js.map", "main.7e810651.js.map": "/static/js/main.7e810651.js.map",
"787.650836a3.chunk.js.map": "/static/js/787.650836a3.chunk.js.map" "787.650836a3.chunk.js.map": "/static/js/787.650836a3.chunk.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.60120164.css", "static/css/main.5208eceb.css",
"static/js/main.817f505c.js" "static/js/main.7e810651.js"
] ]
} }

View File

@@ -1 +1 @@
<!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="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.817f505c.js"></script><link href="/static/css/main.60120164.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> <!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="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.7e810651.js"></script><link href="/static/css/main.5208eceb.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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 147 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 196 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

View File

@@ -28,7 +28,7 @@ function App() {
{/* <Route path="/shop" exact element={<Shop />} /> */} {/* <Route path="/shop" exact element={<Shop />} /> */}
<Route path="/applications" exact element={<Applications />} /> {/*<Route path="/applications" exact element={<Applications />} /> */}
<Route path="/socials" exact element={<Socials />} /> <Route path="/socials" exact element={<Socials />} />

BIN
src/assets/Banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

BIN
src/assets/IMG_0771.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

View File

@@ -1,5 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import Logo from '../assets/images.png'; import Logo from '../assets/IMG_0771.jpg';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import ReorderIcon from '@mui/icons-material/Reorder'; import ReorderIcon from '@mui/icons-material/Reorder';
import '../styles/Navbar.css' import '../styles/Navbar.css'
@@ -17,7 +17,7 @@ function Navbar() {
<img src={Logo} /> <img src={Logo} />
<div className='hiddenLinks'> <div className='hiddenLinks'>
<NavLink to="/"> Home </NavLink> <NavLink to="/"> Home </NavLink>
<NavLink to="/applications"> Apps </NavLink> {/* <NavLink to="/applications"> Apps </NavLink> */}
<NavLink to="/socials"> Socials </NavLink> <NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink> <NavLink to="/about"> About </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */} {/* <NavLink to="/contact"> Contact </NavLink> */}
@@ -25,7 +25,7 @@ function Navbar() {
</div> </div>
<div className='rightSide'> <div className='rightSide'>
<NavLink to="/"> Home </NavLink> <NavLink to="/"> Home </NavLink>
<NavLink to="/applications"> Apps </NavLink> {/* <NavLink to="/applications"> Apps </NavLink> */}
<NavLink to="/socials"> Socials </NavLink> <NavLink to="/socials"> Socials </NavLink>
<NavLink to="/about"> About </NavLink> <NavLink to="/about"> About </NavLink>
{/* <NavLink to="/contact"> Contact </NavLink> */} {/* <NavLink to="/contact"> Contact </NavLink> */}

View File

@@ -11,9 +11,9 @@ function About() {
<div className="aboutBottom"> <div className="aboutBottom">
<h1> ABOUT ME</h1> <h1> ABOUT ME</h1>
<p> <p>
Hello, My name is Chad! Nice to meet you! I'm currently working toward my goals on trying to become a developer and a content creator. 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>
I have done a couple projects on C#, C++ and JavaScript. My Goal is to learn C#, C++, JavaScript so I can be more fluent. 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>
If you have any pointers, or are a developer or even a gamer, please join the discord! Also, Don't forget to look at my YouTube channel and other Socials! 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> </p>
<div className="discordInvAbout"> <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>

View File

@@ -1,14 +1,14 @@
import React from "react"; import React from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import BannerImage from "../assets/BannerTemplate.jpg"; import BannerImage from "../assets/Banner.jpg";
import "../styles/Home.css"; import "../styles/Home.css";
function Home() { function Home() {
return ( return (
<div className="home" style={{ backgroundImage: `url(${BannerImage})` }}> <div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
<div className="headerContainer"> <div className="headerContainer">
<h1> EhChad Services Website </h1> <h1> Welcome To EhChad Services Website! </h1>
<p> For more info go to my about pages! </p> <p> For more info about myself please go to my about pages! </p>
<Link to='socials'> <Link to='socials'>
<button> Socials Page </button> <button> Socials Page </button>
</Link> </Link>

View File

@@ -17,7 +17,7 @@
width: 50svw; width: 50svw;
margin-left: 30px; margin-left: 30px;
padding: 16px; padding: 16px;
background-color: rgba(105, 105, 105, 0.16); background-color: rgba(32, 31, 31, 0.40);
} }
.headerContainer h1 { .headerContainer h1 {
@@ -26,7 +26,7 @@
font-size: 90px; font-size: 90px;
height: auto; height: auto;
font-weight: 50; font-weight: 50;
color: white; color: black;
width: auto; width: auto;
} }
@@ -34,7 +34,7 @@
padding: 0; padding: 0;
font-size: 40px; font-size: 40px;
font-weight: lighter; font-weight: lighter;
color: white; color: black;
width: auto; width: auto;
} }
@@ -44,7 +44,7 @@
border-radius: 18px; border-radius: 18px;
cursor: pointer; cursor: pointer;
justify-content: center; justify-content: center;
background-color: hsla(0, 0%, 0%, 0.765); background-color: black;
height: 50px; height: 50px;
width: 180px; width: 180px;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);