diff --git a/src/App.jsx b/src/App.jsx
index 501bef1..416d1db 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,6 +1,6 @@
-import React, { Suspense } from "react";
-import { Route, BrowserRouter as Router, Routes } from "react-router-dom";
-import { Footer, Navbar } from "./components/shared";
+import React, {Suspense} from "react";
+import {Route, BrowserRouter as Router, Routes} from "react-router-dom";
+import {Footer, Navbar} from "./components/shared";
import Loading from "./components/shared/loading/Loading";
import Notfound from "./pages/404/Notfound";
import Forward from "./pages/Forward";
@@ -103,7 +103,8 @@ const App = () => {
{window.location.pathname !== "/surprise" &&
window.location.pathname !== "/register" &&
- window.location.pathname !== "/discord" && }
+ window.location.pathname !== "/discord" &&
+ window.location.pathname !== "/*" && }
);
diff --git a/src/assets/data/SponsorsContent.js b/src/assets/data/SponsorsContent.js
index f764b5f..dc4c0b3 100644
--- a/src/assets/data/SponsorsContent.js
+++ b/src/assets/data/SponsorsContent.js
@@ -4,7 +4,7 @@ import github from "../images/SponsorImages/github.png";
import hackquest from "../images/SponsorImages/hackquest.png";
import avalanche from "../images/SponsorImages/avalanche.png";
import avax from "../images/SponsorImages/avax.png";
-import xyz from "../images/SponsorImages/.xyx-logo.png";
+import xyz from "../images/SponsorImages/xyz_new.png";
import router from "../images/SponsorImages/router.png";
import jis from "../images/SponsorImages/jis.png";
import superteam from "../images/SponsorImages/superteam.png";
diff --git a/src/assets/images/CommunityImages/jisce.jpg b/src/assets/images/CommunityImages/jisce.jpg
deleted file mode 100644
index 0895fb8..0000000
Binary files a/src/assets/images/CommunityImages/jisce.jpg and /dev/null differ
diff --git a/src/assets/images/CommunityImages/jisce.webp b/src/assets/images/CommunityImages/jisce.webp
index 8521c17..83b06b2 100644
Binary files a/src/assets/images/CommunityImages/jisce.webp and b/src/assets/images/CommunityImages/jisce.webp differ
diff --git a/src/assets/images/SponsorImages/.xyx-logo.png b/src/assets/images/SponsorImages/xyx-logo.png
similarity index 100%
rename from src/assets/images/SponsorImages/.xyx-logo.png
rename to src/assets/images/SponsorImages/xyx-logo.png
diff --git a/src/assets/images/SponsorImages/xyz.png b/src/assets/images/SponsorImages/xyz.png
deleted file mode 100644
index 698d4f4..0000000
Binary files a/src/assets/images/SponsorImages/xyz.png and /dev/null differ
diff --git a/src/assets/images/SponsorImages/xyz_new.png b/src/assets/images/SponsorImages/xyz_new.png
new file mode 100644
index 0000000..5ad9bcc
Binary files /dev/null and b/src/assets/images/SponsorImages/xyz_new.png differ
diff --git a/src/components/private/sponsors/singlesponsors/SingleSponsors.jsx b/src/components/private/sponsors/singlesponsors/SingleSponsors.jsx
index ca8da65..e352698 100644
--- a/src/components/private/sponsors/singlesponsors/SingleSponsors.jsx
+++ b/src/components/private/sponsors/singlesponsors/SingleSponsors.jsx
@@ -2,7 +2,7 @@ import React from "react";
import "./SingleSponsors.scss";
import clsx from "clsx";
-const SingleSponsors = ({ sponsor, type }) => {
+const SingleSponsors = ({sponsor, type}) => {
const style = {};
return (
diff --git a/src/pages/404/Notfound.jsx b/src/pages/404/Notfound.jsx
index c0aa142..8b1443f 100644
--- a/src/pages/404/Notfound.jsx
+++ b/src/pages/404/Notfound.jsx
@@ -1,83 +1,104 @@
-import React, {useState} from "react";
-import PropTypes from "prop-types";
-import {Link} from "react-router-dom";
-import DogeImage from "../../assets/images/404/doggo_img.webp";
-import ReversedDogeImage from "../../assets/images/404/reversed_doggo_img.webp";
-import petHimCircle from "../../assets/images/404/petHimCircle.svg";
-import "./Notfound.scss";
+import React from "react";
+import "./NotFound.scss";
import "../../components/shared/button/Button.scss";
+import {Link} from "react-router-dom";
-const Notfound = () => {
- const [isReversed, setIsReversed] = useState(false);
- const [circlePosition, setCirclePosition] = useState({x: 0, y: 0});
- const [isHovering, setIsHovering] = useState(false);
-
- const toggleImage = () => {
- setIsReversed(!isReversed);
- };
-
- const handleMouseMove = (e) => {
- if (isHovering) {
- const rect = e.target.getBoundingClientRect();
- setCirclePosition({
- x: e.clientX - rect.left,
- y: e.clientY - rect.top,
- });
- }
- };
-
- const handleMouseEnter = (e) => {
- setIsHovering(true);
- const rect = e.target.getBoundingClientRect();
- setCirclePosition({
- x: e.clientX - rect.left,
- y: e.clientY - rect.top,
- });
- };
-
- const handleMouseLeave = () => {
- setIsHovering(false);
- };
-
+const NotFound = () => {
return (
-
-
-
-
404!
-
This page was not found, but you can stay here and pet our dogo
-
-
- Back to Homepage
-
-
-
-
-
-
- {isHovering && (
-
-
-
- )}
-
-
+
+
OMG
+
You broke the internet.
+
+
+ Back to Homepage
+
);
};
-export default Notfound;
+export default NotFound;
+
+// import React, {useState} from "react";
+// import PropTypes from "prop-types";
+// import {Link} from "react-router-dom";
+// import DogeImage from "../../assets/images/404/doggo_img.webp";
+// import ReversedDogeImage from "../../assets/images/404/reversed_doggo_img.webp";
+// import petHimCircle from "../../assets/images/404/petHimCircle.svg";
+// import "./Notfound.scss";
+// import "../../components/shared/button/Button.scss";
+
+// const Notfound = () => {
+// const [isReversed, setIsReversed] = useState(false);
+// const [circlePosition, setCirclePosition] = useState({x: 0, y: 0});
+// const [isHovering, setIsHovering] = useState(false);
+
+// const toggleImage = () => {
+// setIsReversed(!isReversed);
+// };
+
+// const handleMouseMove = (e) => {
+// if (isHovering) {
+// const rect = e.target.getBoundingClientRect();
+// setCirclePosition({
+// x: e.clientX - rect.left,
+// y: e.clientY - rect.top,
+// });
+// }
+// };
+
+// const handleMouseEnter = (e) => {
+// setIsHovering(true);
+// const rect = e.target.getBoundingClientRect();
+// setCirclePosition({
+// x: e.clientX - rect.left,
+// y: e.clientY - rect.top,
+// });
+// };
+
+// const handleMouseLeave = () => {
+// setIsHovering(false);
+// };
+
+// return (
+//
+//
+//
+//
404!
+//
This page was not found, but you can stay here and pet our dogo
+//
+//
+// Back to Homepage
+//
+//
+//
+//
+//
+//
+// {isHovering && (
+//
+//
+//
+// )}
+//
+//
+//
+//
+// );
+// };
+
+// export default Notfound;
diff --git a/src/pages/404/Notfound.scss b/src/pages/404/Notfound.scss
index a9a70f6..4d88d99 100644
--- a/src/pages/404/Notfound.scss
+++ b/src/pages/404/Notfound.scss
@@ -1,154 +1,182 @@
.pageNotFound__container {
padding: 4rem 7rem;
- position: relative;
- overflow: hidden;
- height: 100%;
- box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ text-align: center;
+ font-family: var(--heading-font);
@media screen and (max-width: 576px) {
padding: 2rem 1.5rem;
}
- .pageNotFound__content {
- display: flex;
- flex-direction: row;
- gap: 5rem;
+ .row {
+ margin: 5px 0;
+ font-size: 55px;
@media screen and (max-width: 576px) {
- flex-direction: column;
- gap: 1rem;
- }
-
- @media screen and (min-width: 1800px) {
- gap: 5rem;
- }
-
- .pageNotFound__desc {
- width: 55%;
- display: flex;
- flex-direction: column;
- text-align: left;
- justify-content: center;
- padding-top: 2rem;
- padding-bottom: 2rem;
-
- @media screen and (max-width: 576px) {
- width: 100%;
- text-align: center;
- }
- @media screen and (min-width: 1800px) {
- width: 50%;
- }
-
- h2 {
- font-size: 70px;
- font-family: var(--heading-font);
- font-weight: 800;
- color: transparent;
- -webkit-text-stroke: 1px white;
- margin-bottom: 2rem;
-
- @media screen and (max-width: 576px) {
- font-size: 50px;
- font-weight: 700;
- margin-bottom: 2rem;
- }
-
- @media screen and (min-width: 1800px) {
- font-size: 75px;
- }
- }
-
- p {
- font-size: 60px;
- font-weight: 500;
- font-family: var(--heading-font);
- margin-bottom: 2rem;
-
- @media screen and (max-width: 576px) {
- font-size: 25px;
- font-weight: 700;
- margin-bottom: 2rem;
- }
-
- @media screen and (min-width: 1800px) {
- font-size: 70px;
- }
- }
-
- .back_to_home_page_btn {
- display: inline-block;
- }
+ font-size: 40px;
}
+ }
- .notfound__doge_container {
- width: 40%;
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
-
- @media screen and (max-width: 576px) {
- margin-top: 2rem;
- width: 100%;
- }
-
- @media screen and (min-width: 1800px) {
- width: 50%;
- }
-
- .doge__image {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: auto;
- cursor: none;
-
- @media screen and (max-width: 576px) {
- width: 100%;
- height: auto;
- }
-
- img {
- width: 100%;
- height: auto;
- object-fit: cover;
-
- @media screen and (max-width: 576px) {
- width: 85%;
- height: auto;
- display: block;
- }
-
- @media screen and (min-width: 1800px) {
- width: 80%;
- }
- }
- }
-
- .notfound__petDogeCircle {
- margin-top: 0rem;
- display: flex;
- justify-content: flex-end;
- z-index: 1;
-
- img {
- width: 100%;
-
- @media screen and (max-width: 576px) {
- width: 85%;
- }
-
- @media screen and (min-width: 1800px) {
- width: 100%;
- }
- }
-
- @media screen and (min-width: 1800px) {
- margin-top: 5rem;
- }
- }
- }
+ .back_to_home_page_btn {
+ margin: 15px 0;
}
}
+
+// .pageNotFound__container {
+// padding: 4rem 7rem;
+// position: relative;
+// overflow: hidden;
+// height: 100%;
+// box-sizing: border-box;
+
+// @media screen and (max-width: 576px) {
+// padding: 2rem 1.5rem;
+// }
+
+// .pageNotFound__content {
+// display: flex;
+// flex-direction: row;
+// gap: 5rem;
+
+// @media screen and (max-width: 576px) {
+// flex-direction: column;
+// gap: 1rem;
+// }
+
+// @media screen and (min-width: 1800px) {
+// gap: 5rem;
+// }
+
+// .pageNotFound__desc {
+// width: 55%;
+// display: flex;
+// flex-direction: column;
+// text-align: left;
+// justify-content: center;
+// padding-top: 2rem;
+// padding-bottom: 2rem;
+
+// @media screen and (max-width: 576px) {
+// width: 100%;
+// text-align: center;
+// }
+// @media screen and (min-width: 1800px) {
+// width: 50%;
+// }
+
+// h2 {
+// font-size: 70px;
+// font-family: var(--heading-font);
+// font-weight: 800;
+// color: transparent;
+// -webkit-text-stroke: 1px white;
+// margin-bottom: 2rem;
+
+// @media screen and (max-width: 576px) {
+// font-size: 50px;
+// font-weight: 700;
+// margin-bottom: 2rem;
+// }
+
+// @media screen and (min-width: 1800px) {
+// font-size: 75px;
+// }
+// }
+
+// p {
+// font-size: 60px;
+// font-weight: 500;
+// font-family: var(--heading-font);
+// margin-bottom: 2rem;
+
+// @media screen and (max-width: 576px) {
+// font-size: 25px;
+// font-weight: 700;
+// margin-bottom: 2rem;
+// }
+
+// @media screen and (min-width: 1800px) {
+// font-size: 70px;
+// }
+// }
+
+// .back_to_home_page_btn {
+// display: inline-block;
+// }
+// }
+
+// .notfound__doge_container {
+// width: 40%;
+// display: flex;
+// align-items: center;
+// justify-content: center;
+// position: relative;
+
+// @media screen and (max-width: 576px) {
+// margin-top: 2rem;
+// width: 100%;
+// }
+
+// @media screen and (min-width: 1800px) {
+// width: 50%;
+// }
+
+// .doge__image {
+// display: flex;
+// justify-content: center;
+// align-items: center;
+// width: 100%;
+// height: auto;
+// cursor: none;
+
+// @media screen and (max-width: 576px) {
+// width: 100%;
+// height: auto;
+// }
+
+// img {
+// width: 100%;
+// height: auto;
+// object-fit: cover;
+
+// @media screen and (max-width: 576px) {
+// width: 85%;
+// height: auto;
+// display: block;
+// }
+
+// @media screen and (min-width: 1800px) {
+// width: 80%;
+// }
+// }
+// }
+
+// .notfound__petDogeCircle {
+// margin-top: 0rem;
+// display: flex;
+// justify-content: flex-end;
+// z-index: 1;
+
+// img {
+// width: 100%;
+
+// @media screen and (max-width: 576px) {
+// width: 85%;
+// }
+
+// @media screen and (min-width: 1800px) {
+// width: 100%;
+// }
+// }
+
+// @media screen and (min-width: 1800px) {
+// margin-top: 5rem;
+// }
+// }
+// }
+// }
+// }