mirror of
https://github.com/DevEhChad/chadsreactproject.git
synced 2025-11-08 13:31:35 +00:00
push
This commit is contained in:
@@ -1,21 +1,25 @@
|
||||
{
|
||||
"files": {
|
||||
"main.css": "/static/css/main.c2038ece.css",
|
||||
"main.js": "/static/js/main.1463bb52.js",
|
||||
"static/js/787.264b71c2.chunk.js": "/static/js/787.264b71c2.chunk.js",
|
||||
"main.css": "/static/css/main.cc6eb296.css",
|
||||
"main.js": "/static/js/main.a357b2c3.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/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/BannerTemplate.jpg": "/static/media/BannerTemplate.38f33cb86bf8410cc9b2.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.c2038ece.css.map": "/static/css/main.c2038ece.css.map",
|
||||
"main.1463bb52.js.map": "/static/js/main.1463bb52.js.map",
|
||||
"787.264b71c2.chunk.js.map": "/static/js/787.264b71c2.chunk.js.map"
|
||||
"main.cc6eb296.css.map": "/static/css/main.cc6eb296.css.map",
|
||||
"main.a357b2c3.js.map": "/static/js/main.a357b2c3.js.map",
|
||||
"787.650836a3.chunk.js.map": "/static/js/787.650836a3.chunk.js.map"
|
||||
},
|
||||
"entrypoints": [
|
||||
"static/css/main.c2038ece.css",
|
||||
"static/js/main.1463bb52.js"
|
||||
"static/css/main.cc6eb296.css",
|
||||
"static/js/main.a357b2c3.js"
|
||||
]
|
||||
}
|
||||
@@ -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.1463bb52.js"></script><link href="/static/css/main.c2038ece.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.a357b2c3.js"></script><link href="/static/css/main.cc6eb296.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
2
build/static/css/main.cc6eb296.css
Normal file
2
build/static/css/main.cc6eb296.css
Normal file
File diff suppressed because one or more lines are too long
1
build/static/css/main.cc6eb296.css.map
Normal file
1
build/static/css/main.cc6eb296.css.map
Normal file
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
"use strict";(self.webpackChunkchadstestsite=self.webpackChunkchadstestsite||[]).push([[787],{787:function(e,t,n){n.r(t),n.d(t,{getCLS:function(){return y},getFCP:function(){return h},getFID:function(){return C},getLCP:function(){return P},getTTFB:function(){return 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){}},f=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)},s=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(){f((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=d(),p(),s((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&&(f&&f.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],f=o?null:c("paint",a);(o||f)&&(n=m(e,r,t),o&&a(o),s((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),f((function(){d.takeRecords().map(v),n(!0)})),s((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&&f((function(){p.takeRecords().map(d),p.disconnect()}),!0),p&&s((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})})),f(v,!0),s((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.264b71c2.chunk.js.map
|
||||
2
build/static/js/787.650836a3.chunk.js
Normal file
2
build/static/js/787.650836a3.chunk.js
Normal file
@@ -0,0 +1,2 @@
|
||||
"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
File diff suppressed because one or more lines are too long
3
build/static/js/main.a357b2c3.js
Normal file
3
build/static/js/main.a357b2c3.js
Normal file
File diff suppressed because one or more lines are too long
1
build/static/js/main.a357b2c3.js.map
Normal file
1
build/static/js/main.a357b2c3.js.map
Normal file
File diff suppressed because one or more lines are too long
BIN
build/static/media/InstagramLogo.e3cc2e56f6c2cbf5dae0.png
Normal file
BIN
build/static/media/InstagramLogo.e3cc2e56f6c2cbf5dae0.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
BIN
build/static/media/TwitchLogo.69436ff2355ef440cde9.png
Normal file
BIN
build/static/media/TwitchLogo.69436ff2355ef440cde9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
build/static/media/Twitter-XLogo.622dce5c55c5484fe412.jpg
Normal file
BIN
build/static/media/Twitter-XLogo.622dce5c55c5484fe412.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
build/static/media/youtube.eaa1e3811ce413b2444f.png
Normal file
BIN
build/static/media/youtube.eaa1e3811ce413b2444f.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
9
package-lock.json
generated
9
package-lock.json
generated
@@ -6245,9 +6245,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/caniuse-lite": {
|
||||
"version": "1.0.30001481",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz",
|
||||
"integrity": "sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==",
|
||||
"version": "1.0.30001680",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
|
||||
"integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "opencollective",
|
||||
@@ -6261,7 +6261,8 @@
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
]
|
||||
],
|
||||
"license": "CC-BY-4.0"
|
||||
},
|
||||
"node_modules/case-sensitive-paths-webpack-plugin": {
|
||||
"version": "2.4.0",
|
||||
|
||||
BIN
src/assets/GithubLogo.png
Normal file
BIN
src/assets/GithubLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/assets/InstagramLogo.png
Normal file
BIN
src/assets/InstagramLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
BIN
src/assets/TwitchLogo.png
Normal file
BIN
src/assets/TwitchLogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
src/assets/Twitter-XLogo.jpg
Normal file
BIN
src/assets/Twitter-XLogo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
src/assets/youtube.png
Normal file
BIN
src/assets/youtube.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -8,7 +8,7 @@ function Footer() {
|
||||
return (
|
||||
<div className="footer">
|
||||
<div className="socialMedia">
|
||||
<a href="https://www.youtube.com/channel/UC3H33ordT_-qpMjUvY95ILg" target="_blank" rel="noreferrer"><YouTubeIcon /> </a>
|
||||
<a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" rel="noreferrer"><YouTubeIcon /> </a>
|
||||
<a href="https://twitter.com/EhChad_real" target="_blank" rel="noreferrer"><TwitterIcon /> </a>
|
||||
<a href='https://www.instagram.com/chad.doty/' target="_blank" rel="noreferrer"><InstagramIcon /> </a>
|
||||
</div>
|
||||
|
||||
13
src/components/SocialItem.js
Normal file
13
src/components/SocialItem.js
Normal file
@@ -0,0 +1,13 @@
|
||||
import React from "react";
|
||||
|
||||
function SocialItem({ image, name, link, hiddenLink }) {
|
||||
return (
|
||||
<div className="socialItem">
|
||||
<div style={{ backgroundImage: `url(${image})` }}> </div>
|
||||
<h1> {name} </h1>
|
||||
<p>{link}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default SocialItem;
|
||||
42
src/helpers/SocialList.js
Normal file
42
src/helpers/SocialList.js
Normal file
@@ -0,0 +1,42 @@
|
||||
import TwitchLogo from "../assets/TwitchLogo.png";
|
||||
import TwitterXLogo from "../assets/Twitter-XLogo.jpg";
|
||||
import InstagramLogo from "../assets/InstagramLogo.png";
|
||||
import YoutubeLogo from "../assets/youtube.png";
|
||||
import GitHubLogo from "../assets/GithubLogo.png";
|
||||
|
||||
export const SocialList = [
|
||||
{
|
||||
hiddenLink: <a href="https://www.twitch.tv/ehchad" target="_blank" />,
|
||||
name: "Twitch",
|
||||
image: TwitchLogo,
|
||||
link: <a href="https://www.twitch.tv/ehchad" target="_blank">Check Out My Twitch!</a>
|
||||
},
|
||||
|
||||
{
|
||||
hiddenLink: <a href="https://x.com/EhChad_real" target="_blank" />,
|
||||
name: "Twitter-X",
|
||||
image: TwitterXLogo,
|
||||
link: <a href="https://x.com/EhChad_real" target="_blank">Check Out My Twitter-X!</a>
|
||||
},
|
||||
|
||||
{
|
||||
hiddenLink: <a href="https://www.instagram.com/chad.doty/" target="_blank" />,
|
||||
name: "Instagram",
|
||||
image: InstagramLogo,
|
||||
link: <a href="https://www.instagram.com/chad.doty/" target="_blank">Check Out My Instagram!</a>
|
||||
},
|
||||
|
||||
{
|
||||
hiddenLink: <a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank" />,
|
||||
name: "Youtube",
|
||||
image: YoutubeLogo,
|
||||
link: <a href="https://youtube.com/@ehchadreal?si=NS8Fk9PWINFnBCF0" target="_blank">Check Out My YouTube!</a>
|
||||
},
|
||||
|
||||
{
|
||||
hiddenLink: <a href="https://github.com/DevEhChad" target="_blank" />,
|
||||
name: "GitHub",
|
||||
image: GitHubLogo,
|
||||
link: <a href="https://github.com/DevEhChad" target="_blank">Check Out My GitHub!</a>
|
||||
}
|
||||
];
|
||||
@@ -9,10 +9,11 @@ function About() {
|
||||
style={{ backgroundImage: `url(${ChadsImage})` }}
|
||||
></div>
|
||||
<div className="aboutBottom">
|
||||
<h1> ABOUT US</h1>
|
||||
<h1> ABOUT ME</h1>
|
||||
<p>
|
||||
Hello, My name is Chad! Nice to meet you! I'm currently working towards my goals on trying to become a developer and a content creator.
|
||||
If you have any pointers, are a developer, and or a gamer, please join the discord! Also, Don't forget to look at my YouTube channel and other Socials!
|
||||
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.
|
||||
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.
|
||||
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!
|
||||
</p>
|
||||
<div className="discordInvAbout">
|
||||
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>
|
||||
|
||||
@@ -7,11 +7,15 @@ function Home() {
|
||||
return (
|
||||
<div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
|
||||
<div className="headerContainer">
|
||||
<h1> Eh Chad's Test Website </h1>
|
||||
<p> For more info go to my about page! </p>
|
||||
<h1> EhChad Services Website </h1>
|
||||
<p> For more info go to my about pages! </p>
|
||||
<Link to='socials'>
|
||||
<button> Socials Page </button>
|
||||
</Link>
|
||||
<Link to='about'>
|
||||
<button> About Page </button>
|
||||
</Link>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -1,35 +1,24 @@
|
||||
import React from "react";
|
||||
import "../styles/Socials.css";
|
||||
import { SocialList } from "../helpers/SocialList";
|
||||
import SocialItem from "../components/SocialItem";
|
||||
|
||||
function Socials() {
|
||||
return (
|
||||
<div className="socialBody">
|
||||
<div className="social1">
|
||||
|
||||
<h1> Just A Test </h1>
|
||||
<p> Test Paragraph</p>
|
||||
|
||||
<div className="socialButton1">
|
||||
|
||||
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord!</a>
|
||||
|
||||
<div className="social">
|
||||
<h1 className="socialTitle">Check Out My Socials</h1>
|
||||
<div className="socialList">
|
||||
{SocialList.map((socialItem, key) => {
|
||||
return (
|
||||
<SocialItem
|
||||
key={key}
|
||||
image={socialItem.image}
|
||||
name={socialItem.name}
|
||||
link={socialItem.link}
|
||||
/>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="social2">
|
||||
|
||||
<h1> Just A Test 2</h1>
|
||||
<p> Test Paragraph 2</p>
|
||||
|
||||
<div className="socialButton2">
|
||||
|
||||
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord2!</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
}
|
||||
|
||||
.aboutBottom p {
|
||||
width: 90svw;
|
||||
width: 70svw;
|
||||
font-size: 23px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@@ -46,20 +46,21 @@
|
||||
|
||||
@media only screen and (max-width: 765px) {
|
||||
.discordint .discord-minimized a {
|
||||
width: 65px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discordint .discord-opened {
|
||||
padding-left: 50px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.discordint iframe {
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
.discordint .discord-minimized button {
|
||||
display: inherit;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -77,7 +78,7 @@
|
||||
}
|
||||
|
||||
.discordint .discord-minimized button {
|
||||
display: inherit;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,7 +87,7 @@
|
||||
display: none;
|
||||
}
|
||||
.discordint .discord-minimized button {
|
||||
display: inherit;
|
||||
display: none
|
||||
}
|
||||
}
|
||||
|
||||
@@ -95,6 +96,6 @@
|
||||
display: none;
|
||||
}
|
||||
.discordint .discord-minimized button {
|
||||
display: inherit;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -2,8 +2,6 @@
|
||||
bottom: 0;
|
||||
width: 100vw;
|
||||
min-height: 100%;
|
||||
margin-top: 10px;
|
||||
margin-top: auto;
|
||||
background-color: #000000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
font-size: 90px;
|
||||
height: auto;
|
||||
font-weight: 50;
|
||||
color: rgb(255, 247, 0);
|
||||
color: white;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
padding: 0;
|
||||
font-size: 40px;
|
||||
font-weight: lighter;
|
||||
color: rgb(255, 247, 0);
|
||||
color: white;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
}
|
||||
|
||||
.headerContainer button:hover {
|
||||
background-color: #1500ff;
|
||||
background-color: #ff0000;
|
||||
color: rgb(255, 255, 255);
|
||||
cursor: pointer;
|
||||
transition: 0.3s ease-in;
|
||||
@@ -100,7 +100,7 @@
|
||||
}
|
||||
|
||||
.headerContainer button:hover {
|
||||
background-color: #1500ff;
|
||||
background-color: #ff0000;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
}
|
||||
@@ -159,7 +159,7 @@
|
||||
}
|
||||
|
||||
.headerContainer button:hover {
|
||||
background-color: #1500ff;
|
||||
background-color: red;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
|
||||
@@ -1,25 +1,70 @@
|
||||
.socialBody {
|
||||
width: 100svw;
|
||||
height: 90vh;
|
||||
.social {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding-left: 150px;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
background-color: gray;
|
||||
}
|
||||
}
|
||||
|
||||
.social1 {
|
||||
border-radius: 15px;
|
||||
height: auto;
|
||||
width: 100px;
|
||||
padding: 16px;
|
||||
background-color: rgba(255, 0, 0, 0.16);
|
||||
}
|
||||
.social .socialTitle {
|
||||
font-family: cursive;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
.social2 {
|
||||
border-radius: 15px;
|
||||
.socialList {
|
||||
width: 70vw;
|
||||
height: auto;
|
||||
width: 100px;
|
||||
padding: 16px;
|
||||
background-color: rgba(255, 0, 0, 0.16);
|
||||
}
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
/* social ITEM STYLING */
|
||||
|
||||
.socialItem {
|
||||
border-radius: 15px;
|
||||
width: 300px;
|
||||
height: 350px;
|
||||
margin: 20px;
|
||||
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.socialItem:hover {
|
||||
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.5);
|
||||
transition: 0.3s ease-in;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.socialItem div {
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.socialItem a {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
margin: 20px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.socialItem h1,
|
||||
.socialItem p {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1300px) {
|
||||
.socialList {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
.socialList {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user