-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
113 lines (103 loc) · 2.96 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
// window.confirm("Personal Portfolio of Lalit Thakre");
// alert('This website is created by Lalit Thakre');
$(document).ready(function () {
$(window).scroll(function () {
// sticky navbar on scroll script
if (this.scrollY > 20) {
$(".navbar").addClass("sticky");
} else {
$(".navbar").removeClass("sticky");
}
// scroll-up button show/hide script
if (this.scrollY > 500) {
$(".scroll-up-btn").addClass("show");
} else {
$(".scroll-up-btn").removeClass("show");
}
});
// slide-up script
$(".scroll-up-btn").click(function () {
$("html").animate({ scrollTop: 0 });
// removing smooth scroll on slide-up button click
$("html").css("scrollBehavior", "auto");
});
$(".navbar .menu li a").click(function () {
// applying again smooth scroll on menu items click
$("html").css("scrollBehavior", "smooth");
});
// toggle menu/navbar script
$(".menu-btn").click(function () {
$(".navbar .menu").toggleClass("active");
$(".menu-btn i").toggleClass("active");
});
// typing text animation script
var typed = new Typed(".typing", {
strings: ["Programmer", "Web developer", "Application developer"],
typeSpeed: 200,
backSpeed: 200,
loop: true,
});
var typed = new Typed(".typing-2", {
strings: ["Programmer", "Developer"],
typeSpeed: 200,
backSpeed: 200,
loop: true,
});
// owl carousel script
$(".carousel").owlCarousel({
margin: 20,
loop: true,
autoplayTimeOut: 2000,
autoplayHoverPause: true,
responsive: {
0: {
items: 1,
nav: false,
},
600: {
items: 2,
nav: false,
},
1000: {
items: 3,
nav: false,
},
},
});
$(".contact-form").submit((e) => {
e.preventDefault(); //preventing from submitting form
});
$(".send-msg").click(() => {
$fullname = $(".fullname").val();
$email = $(".email-input").val();
$subject = $(".subject").val();
$message = $(".message").val();
$(".send-msg").text("Sending...");
$(".contact-form").addClass("disable");
$.ajax({
url: "message.php",
type: "POST",
data: "email=" + $email + "&subject=" + $subject + "&message=" + $message,
success: function (data) {
$errorBox = $(".error-box");
$(".send-msg").text("Send message");
$(".contact-form").removeClass("disable");
if (data == "success") {
$fullname = $(".fullname").val("");
$email = $(".email-input").val("");
$subject = $(".subject").val("");
$message = $(".message").val("");
$errorBox.html("Your message has been sent!");
$errorBox.addClass("success");
setTimeout(() => {
$errorBox.html("");
$errorBox.removeClass("success");
}, 500);
} else {
$errorBox.removeClass("success");
$errorBox.html("<span>* </span>" + data);
}
},
});
});
});