scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

error be erroring, footer really be footing

Browse Source
This commit is contained in:
scarlett kadan 2023-08-29 12:24:04 -05:00
parent c95d9b2893
commit 6d2af4e736
15 changed files with 126 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
build/asset-manifest.json
View File

@ -1,10 +1,11 @@
{
"files": {
"main.css": "/static/css/main.743cd8de.css",
"main.js": "/static/js/main.e4691c9e.js",
"main.css": "/static/css/main.9f3cb76e.css",
"main.js": "/static/js/main.be418809.js",
"static/js/787.d8522671.chunk.js": "/static/js/787.d8522671.chunk.js",
"static/media/video.mp4": "/static/media/video.5e8658c8eba15fe43d62.mp4",
"static/media/fenrir.png": "/static/media/fenrir.c36a65b36a574bef476e.png",
"static/media/xperror.png": "/static/media/xperror.cf90407f62ede1a194db.png",
"static/media/error.jpg": "/static/media/error.627d84472392a479d18d.jpg",
"static/media/LeagueSpartan-ExtraBold.ttf": "/static/media/LeagueSpartan-ExtraBold.313960b9ece03f269643.ttf",
"static/media/LeagueSpartan-Medium.ttf": "/static/media/LeagueSpartan-Medium.e855e0cd01fed78be96f.ttf",
@ -14,12 +15,12 @@
"static/media/instagram.svg": "/static/media/instagram.eca0902ae08f6ebdf1f23da142658f92.svg",
"static/media/twitter.svg": "/static/media/twitter.0ad7f5518b1249fb5ec229971e13807f.svg",
"index.html": "/index.html",
"main.743cd8de.css.map": "/static/css/main.743cd8de.css.map",
"main.e4691c9e.js.map": "/static/js/main.e4691c9e.js.map",
"main.9f3cb76e.css.map": "/static/css/main.9f3cb76e.css.map",
"main.be418809.js.map": "/static/js/main.be418809.js.map",
"787.d8522671.chunk.js.map": "/static/js/787.d8522671.chunk.js.map"
},
"entrypoints": [
"static/css/main.743cd8de.css",
"static/js/main.e4691c9e.js"
"static/css/main.9f3cb76e.css",
"static/js/main.be418809.js"
]
}

2
build/index.html
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"/><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>ITR - Loading</title><script defer="defer" src="/static/js/main.e4691c9e.js"></script><link href="/static/css/main.743cd8de.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"/><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>ITR - Loading</title><script defer="defer" src="/static/js/main.be418809.js"></script><link href="/static/css/main.9f3cb76e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

1
build/static/css/main.743cd8de.css.map
View File

File diff suppressed because one or more lines are too long

6
build/static/css/main.743cd8de.css → build/static/css/main.9f3cb76e.css
View File

File diff suppressed because one or more lines are too long

1
build/static/css/main.9f3cb76e.css.map Normal file
View File

File diff suppressed because one or more lines are too long

3
build/static/js/main.be418809.js Normal file
View File

File diff suppressed because one or more lines are too long

0
build/static/js/main.e4691c9e.js.LICENSE.txt → build/static/js/main.be418809.js.LICENSE.txt
View File

1
build/static/js/main.be418809.js.map Normal file
View File

File diff suppressed because one or more lines are too long

3
build/static/js/main.e4691c9e.js
View File

File diff suppressed because one or more lines are too long

1
build/static/js/main.e4691c9e.js.map
View File

File diff suppressed because one or more lines are too long

BIN
build/static/media/xperror.cf90407f62ede1a194db.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

BIN
src/assets/pics/xperror.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

73
src/assets/stylesheets/error.scss
View File

@ -1,12 +1,81 @@
.error {
background-color: #232323;
width: 100%;
height: calc(100vh - 166px);
overflow: hidden;
display: flex;
height: calc(100vh - 101px);
}
.error__photo {
.error__photo { margin: 0px;
width: 100%;
min-width: 900px;
}
.e {
margin: 0px;
position: absolute;
width: 100vw;
max-width: 500px;
aspect-ratio: 16/9;
border-radius: 30px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto
}
.e__background {
margin: 0px;
position: relative;
width: 100vw;
max-width: 500px;
aspect-ratio: 16/9;
}
.e__container {
margin: 0px;
width: 100px;
height: 100px;
position: absolute;
border-radius: 20px;
top: 0;
width: 100vw;
max-width: 500px;
aspect-ratio: 16/9;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.e__container__titleCon {
width: 100%;
height: 15%;
}
.e__container__messageCon {
width: 100%;
height: 77%;
}
.e__container__titleCon__title {
font-family: "Tahoma";
margin-top: 1%;
margin-left: 12%;
font-size: 1.5rem;
color: white;
}
.e__container__messageCon__message {
font-family: "Tahoma";
margin-top: 1%;
margin-left: 12%;
font-size: 1.3rem;
color: black;
margin-left: 24%;
margin-top: 10%;
margin-right: 20px;
line-height: 35px;
}

22
src/assets/stylesheets/footer.scss
View File

@ -19,6 +19,7 @@
align-items: center;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.footer__links {
@ -30,7 +31,6 @@
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
}
.footer__links_ul {
@ -99,3 +99,23 @@
padding: 0px;
margin: 0px;
}
@media screen and (max-width: 650px) {
// Phones
.footer__links_ul_li_svg {
width: 30px;
height: 30px;
}
.footer__links_ul_li {
margin: 15px;
}
.footer__toes__links_link_a {
font-size: 17px;
}
.footer__toes__links_link {
width: 80px;
}
}

19
src/components/Error.js
View File

@ -1,5 +1,4 @@
import React, { Component } from "react";
import NavBar from "../components/NavBar";
import "../assets/stylesheets/error.scss";
export default class Error extends Component {
@ -17,6 +16,24 @@ export default class Error extends Component {
alt="background"
></img>
</div>
<div className="e">
<img
className="e__background"
src={require("../assets/pics/xperror.png")}
alt="background"
></img>
<div className="e__container">
<div className="e__container__titleCon">
<h1 className="e__container__titleCon__title">
{this.status}: {this.statusText}
</h1>
</div>
<div className="e__container__messageCon">
<p className="e__container__messageCon__message">If you believe this is unintentional, please contact a site developer!</p>
</div>
</div>
</div>
</div>
);
}