Skip to content

Commit e8aa285

Browse files
icodeayushicodeayush
committed
x
1 parent 8e6f17b commit e8aa285

File tree

5 files changed

+414
-4
lines changed

5 files changed

+414
-4
lines changed

‎JS/App.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -256,8 +256,8 @@ $('#MyWorksWrap nav .WebPageNavD').mouseenter(function () {
256256
background: '#808080', ease: 'power4.out', duration: 1.3,
257257
})
258258
// My Works WebPageD PageLinks---------------------
259-
$("#MyWorksWrap #PageLinks a:nth-child(1)").attr("href", "https://icodeayush.github.io/#MyWorksWrapDCode");
260-
$("#MyWorksWrap #PageLinks a:nth-child(2)").attr("href", "https://icodeayush.github.io/#MyWorksWrapDPage");
259+
$("#MyWorksWrap #PageLinks a:nth-child(1)").attr("href", "/iCodeAyush Code/Pages/Error404/Error404.html");
260+
$("#MyWorksWrap #PageLinks a:nth-child(2)").attr("href", "/iCodeAyush Code/Pages/Error404/Error404.html");
261261
});
262262
$('#MyWorksWrap nav .WebPageNavE').mouseenter(function () {
263263
// My Works WebPageE Title Mouseenter Animation---------------------
@@ -288,8 +288,8 @@ $('#MyWorksWrap nav .WebPageNavE').mouseenter(function () {
288288
background: '#808080', ease: 'power4.out', duration: 1.3,
289289
})
290290
// My Works WebPageE PageLinks---------------------
291-
$("#MyWorksWrap #PageLinks a:nth-child(1)").attr("href", "https://icodeayush.github.io/#MyWorksWrapECode");
292-
$("#MyWorksWrap #PageLinks a:nth-child(2)").attr("href", "https://icodeayush.github.io/#MyWorksWrapEPage");
291+
$("#MyWorksWrap #PageLinks a:nth-child(1)").attr("href", "/iCodeAyush Code/Pages/Error404/Error404.html");
292+
$("#MyWorksWrap #PageLinks a:nth-child(2)").attr("href", "/iCodeAyush Code/Pages/Error404/Error404.html");
293293
});
294294
//---------------------/My Works---------------------
295295

‎Pages/Error404/Error404.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<title>Error404</title>
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
9+
<link rel="shortcut icon" type="img/png" href="/iCodeAyush Code/img/PortfolioLogoBlack.png">
10+
<link rel="stylesheet" href="css/Error404.css">
11+
</head>
12+
13+
<body>
14+
15+
<!----------------------------------------------------Error404--------------------------------------------------->
16+
<div id="Error404Wrap">
17+
18+
<!------------Nav------------>
19+
<nav>
20+
<div id="logo">
21+
<a href="#LandingPageWrapper">A</a>
22+
</div>
23+
<div id="listitems">
24+
<li>
25+
<a href="https://icodeayush.github.io">Works<br><span id="FadeIn">Works</span></a>
26+
</li>
27+
<li>
28+
<a href="https://icodeayush.github.io">Contact<br><span id="FadeIn">Contact</span></a>
29+
</li>
30+
<li>
31+
<a href="/iCodeAyush Code/Resume.pdf">Resume<br><span id="FadeIn">Resume</span></a>
32+
</li>
33+
</div>
34+
</nav>
35+
<!------------/Nav------------>
36+
37+
<!-------------section------------>
38+
<section>
39+
<h3>
40+
<span>Sorry, Still Working On This Page</span>
41+
</h3>
42+
</section>
43+
<!-------------/section------------>
44+
45+
<!-------------GoBack------------>
46+
<a id="GoBack" href="https://icodeayush.github.io">
47+
<span>Want To Go Back?</span>
48+
</a>
49+
<!-------------/GoBack------------>
50+
51+
<!-------------Social------------>
52+
<div id="social">
53+
<a target="_blank" href="https://github.com/iCodeAyush">
54+
<span>GitHub<br>
55+
<div id="FadeIn">GitHub</div>
56+
</span>
57+
</a>
58+
<a target="_blank" href="https://dribbble.com/iCodeAyush">
59+
<span>Dribble<br>
60+
<div id="FadeIn">Dribble</div>
61+
</span>
62+
</a>
63+
<a target="_blank" href="https://codepen.io/iCodeAyush">
64+
<span>Codepen<br>
65+
<div id="FadeIn">Codepen</div>
66+
</span>
67+
</a>
68+
<a target="_blank" href="https://www.behance.net/iCodeAyush/">
69+
<span>Behance<br>
70+
<div id="FadeIn">Behance</div>
71+
</span>
72+
</a>
73+
</div>
74+
<!-------------/Social------------>
75+
76+
<!------------CodeBy------------>
77+
<div id="codeby">
78+
<p>Code By </p>
79+
<p><span><a target="_blank" href="https://github.com/icodeayush/">iCodeAyush</a><br><a id="FadeIn" target="_blank" href="https://github.com/icodeayush/">iCodeAyush</a></span></p>
80+
</div>
81+
<!------------/CodeBy------------>
82+
83+
</div>
84+
<!----------------------------------------------------/Error404--------------------------------------------------->
85+
86+
<!-- Gsap -->
87+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script>
88+
<!-- gsap-latest-beta.min.js -->
89+
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/gsap-latest-beta.min.js?r=5426'></script>
90+
<!-- ScrollTrigger.min.js -->
91+
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/ScrollTrigger.min.js'></script>
92+
<!-- App.js -->
93+
<script src="JS/App.js"></script>
94+
95+
</body>
96+
97+
</html>

‎Pages/Error404/JS/App.js‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
//---------------------Error 404---------------------
2+
function Error404Wrap() { // Error 404---------------------
3+
$('body').css({
4+
"pointerEvents": "all",
5+
});
6+
let Error404WrapTL = gsap.timeline()
7+
Error404WrapTL
8+
.from('#Error404Wrap nav #logo a', {
9+
opacity: 0, y: "100%", ease: 'power3.out', duration: 2.2,
10+
}, 2.7)
11+
.from('#Error404Wrap nav #listitems li a', {
12+
opacity: 0, y: "100%", ease: 'power3.out', duration: 2.2, stagger: "0.2",
13+
}, 2.7)
14+
.from('#Error404Wrap #social a span', {
15+
opacity: 0, y: "100%", ease: 'power3.out', duration: 2.2, stagger: "0.2",
16+
}, 2.7)
17+
.from('#Error404Wrap #codeby p', {
18+
opacity: 0, y: "100%", ease: 'power3.out', duration: 2.2, stagger: "0.2",
19+
}, 2.7)
20+
.to('#Error404Wrap', {
21+
opacity: 1,
22+
}, 0)
23+
.from('#Error404Wrap section h3 span', {
24+
opacity: 0, y: "100%", ease: 'power4.out', duration: 2.2,
25+
}, 0)
26+
.from('#Error404Wrap #GoBack span', {
27+
opacity: 0, y: "100%", ease: 'power4.out', duration: 2.2,
28+
}, 1.5)
29+
}
30+
//---------------------/Error 404---------------------
31+
32+
function OnLoad() {
33+
Error404Wrap()
34+
}
35+
36+
window.onload = () => {
37+
OnLoad()
38+
}

0 commit comments

Comments
 (0)