-
-
Notifications
You must be signed in to change notification settings - Fork 22
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added Custom500 and Service Worker👻 (#129)
just updating the lastest changes from dev branch to main branch✅
- Loading branch information
1 parent
6b084dd
commit cc1a3dd
Showing
19 changed files
with
1,325 additions
and
264 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
|
||
import Title500 from "./title.500"; | ||
import Custom500 from "../src/components/blocks/errors/custom500"; | ||
|
||
export default function InternalServerError() { | ||
return ( | ||
<div> | ||
<Title500/> | ||
<Custom500/> | ||
</div> | ||
); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
import Head from 'next/head'; | ||
import React from 'react'; | ||
|
||
export default function Title500() { | ||
return ( | ||
<Head> | ||
|
||
{/* | ||
Author: Muhammad Fiaz | ||
GitHub: Visit the GitHub repository at https://github.com/muhammad-fiaz/portfolio/ for more details. | ||
license: MIT License | ||
*/} | ||
<meta charSet="utf-8" /> | ||
<meta httpEquiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> | ||
<title>500: internal server error | Muhammad Fiaz</title> | ||
<meta name="description" content="The requested page was occur internal server error " /> | ||
{/*These are the Keywords that will Boost your SEO in Ranking, so Make Sure to include and Update it up to your preference or don't mind this! 😴*/} | ||
<meta name="keywords" content="500, internal server error, Muhammad Fiaz, Portfolio,broken link ,missing page,link not found" /> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</Head> | ||
); | ||
} |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,89 @@ | ||
import React from "react"; | ||
import {useRouter} from "next/router"; | ||
import {Player} from "@lottiefiles/react-lottie-player"; | ||
import image1 from "../../../../assets/lottie/looking.json"; | ||
import image2 from "../../../../assets/lottie/ghost.json"; | ||
import image3 from "../../../../assets/lottie/ufo.json"; | ||
|
||
function Custom500() { | ||
const router = useRouter(); | ||
|
||
const handlerefresh = () => { | ||
window.location.reload(); // refresh page | ||
}; | ||
|
||
return ( | ||
<div className="image404"> | ||
|
||
|
||
<div className="area" > | ||
<ul className="circles"> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
<li></li> | ||
</ul> | ||
</div > | ||
<div className="centered-image404"> | ||
<Player | ||
autoplay | ||
loop | ||
src={image1} | ||
style={{ | ||
width: "50%", | ||
height: "50%", | ||
maxWidth: "800px", | ||
maxHeight: "800px", | ||
}} | ||
/> | ||
<h1 className="not-found-title404">500 - Internal Server Error Occurred!</h1> | ||
<p className="not-found-text404"> | ||
{/* eslint-disable-next-line react/no-unescaped-entities */} | ||
Oops! It seems like you've stumbled upon server error on my | ||
portfolio website. | ||
</p> | ||
<p style={{ fontSize: '14px' }}> | ||
If you think this issues or bugs, please report them{' '} | ||
<a href="https://github.com/muhammad-fiaz/portfolio/issues/new">@muhammad-fiaz</a> | ||
</p> | ||
<button className="go-back-button404" onClick={handlerefresh}> | ||
Refresh Page | ||
</button> | ||
</div> | ||
<div className="anim"> | ||
<div className="ufo"> | ||
<Player | ||
autoplay | ||
loop | ||
src={image3} | ||
style={{ | ||
width: "80px", | ||
height: "80px", | ||
}} | ||
/> | ||
</div> | ||
<div className="ghost"> | ||
<Player | ||
autoplay | ||
loop | ||
src={image2} | ||
style={{ | ||
width: "80px", | ||
height: "80px", | ||
}} | ||
/> | ||
</div> | ||
|
||
</div> | ||
|
||
</div> | ||
); | ||
} | ||
|
||
export default Custom500; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters