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

Better Mobile UI Support

Browse Source 
Fixed several issues of the footer not being at the bottom of the page. Also fixed some page body issues.
This commit is contained in:
Chad Doty
2024-01-25 02:43:13 -05:00
parent 320ee2cc00
commit b086ab5f24
17 changed files with 11 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
build/asset-manifest.json
View File

@@ -1,21 +0,0 @@
{
"files": {
"main.css": "/static/css/main.7c5e0f3a.css",
"main.js": "/static/js/main.04b43a96.js",
"static/js/787.264b71c2.chunk.js": "/static/js/787.264b71c2.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/1132051.jpg": "/static/media/1132051.55dcf24d3e6ca150fab3.jpg",
"static/media/BannerTemplate.jpg": "/static/media/BannerTemplate.38f33cb86bf8410cc9b2.jpg",
"index.html": "/index.html",
"main.7c5e0f3a.css.map": "/static/css/main.7c5e0f3a.css.map",
"main.04b43a96.js.map": "/static/js/main.04b43a96.js.map",
"787.264b71c2.chunk.js.map": "/static/js/787.264b71c2.chunk.js.map"
},
"entrypoints": [
"static/css/main.7c5e0f3a.css",
"static/js/main.04b43a96.js"
]
}

1
build/index.html
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="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.04b43a96.js"></script><link href="/static/css/main.7c5e0f3a.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

2
build/static/css/main.7c5e0f3a.css
View File

File diff suppressed because one or more lines are too long

1
build/static/css/main.7c5e0f3a.css.map
View File

File diff suppressed because one or more lines are too long

2
build/static/js/787.264b71c2.chunk.js
View File

@@ -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

1
build/static/js/787.264b71c2.chunk.js.map
View File

File diff suppressed because one or more lines are too long

3
build/static/js/main.04b43a96.js
View File

File diff suppressed because one or more lines are too long

80
build/static/js/main.04b43a96.js.LICENSE.txt
View File

@@ -1,80 +0,0 @@
/**
* @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
*/

1
build/static/js/main.04b43a96.js.map
View File

File diff suppressed because one or more lines are too long

BIN
build/static/media/1132051.55dcf24d3e6ca150fab3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 155 KiB

BIN
build/static/media/1132065.5ed00e48e022b9fa51e5.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 173 KiB

BIN
build/static/media/1132066.830e0815c15f9fb74063.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 266 KiB

BIN
build/static/media/BannerTemplate.38f33cb86bf8410cc9b2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 147 KiB

BIN
build/static/media/MytwitchBanner.7e6d238fe1f72356cd5a.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 520 KiB

BIN
build/static/media/Tokyo-Ghoul-Wallpaper-For-PC.3a4eb3e1677a0231dbb6.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 470 KiB

9
src/styles/About.css
View File

@@ -1,13 +1,13 @@
.about { .about {
width: 100%; width: 100%;
height: 90svh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.aboutTop { .aboutTop {
width: 100svw; width: 100vw;
height: 35%; height: 45%;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@@ -17,9 +17,10 @@
.aboutBottom { .aboutBottom {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 55%; height: 100%;
align-items: center; align-items: center;
margin-top: 50px; margin-top: 50px;
padding-bottom: 10px;
} }
.aboutBottom p { .aboutBottom p {

11
src/styles/Footer.css
View File

@@ -1,19 +1,20 @@
.footer { .footer {
width: 100svw; bottom: 0;
height: 130px; width: 100vw;
min-height: 100%;
margin-top: 10px;
margin-top: auto;
background-color: #121619; background-color: #121619;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding-top: 10px;
} }
.socialMedia svg, .socialMedia a { .socialMedia svg, .socialMedia a {
color: rgb(255, 0, 0); color: rgb(255, 0, 0);
margin: 20px; margin: 20px;
font-size: 60px; font-size: 50px;
cursor: pointer; cursor: pointer;
text-decoration: none; text-decoration: none;
} }