Skip to content

Commit 87ee381

Browse files
straight-codestraight-code
authored
v2
1 parent 7aef2c3 commit 87ee381

File tree

6 files changed

+1826
-1825
lines changed

6 files changed

+1826
-1825
lines changed

‎assets/more.png‎

138 KB
Loading

‎assets/straight-code-QR.svg‎

Lines changed: 59 additions & 59 deletions
Loading

‎dist/index.html‎

Lines changed: 340 additions & 342 deletions
Large diffs are not rendered by default.

‎dist/script.js‎

Lines changed: 105 additions & 105 deletions
Original file line numberDiff line numberDiff line change
@@ -1,106 +1,106 @@
1-
var scene = document.getElementById('js-scene');
2-
var parallax = new Parallax(scene);
3-
4-
//$(window).load(function() {
5-
// $(".loader").css("remove");
6-
//});
7-
$('a[href^="#home"]').on("click", function(event) {
8-
var target = $(this.getAttribute("href"));
9-
10-
if (target.length) {
11-
event.preventDefault();
12-
$("html, body")
13-
.stop()
14-
.animate(
15-
{
16-
scrollTop: target.offset().top +1
17-
},1000
18-
);
19-
}
20-
});
21-
$('a[href^="#main"]').on("click", function(event) {
22-
var target = $(this.getAttribute("href"));
23-
24-
if (target.length) {
25-
event.preventDefault();
26-
$("html, body")
27-
.stop()
28-
.animate(
29-
{
30-
scrollTop: target.offset().top
31-
},1000
32-
);
33-
}
34-
});
35-
36-
var AboutMe = function() {
37-
$(".left").addClass('active');
38-
$("#nav-icon1").addClass('open');
39-
$("#about-me").addClass("active");
40-
$("nav").addClass("about");
41-
$(".social-vertical-stripe").addClass("about");
42-
$(".behind-title").addClass("about");
43-
$(".hero-go-next").addClass("about");
44-
};
45-
var AboutMeTwo = function() {
46-
$(".right").addClass('active');
47-
};
48-
var Boverflow = function(){
49-
$("body").addClass("about");
50-
$(".row").addClass('active');
51-
$(".behind-title").addClass("zdex");
52-
}
53-
var removeAll = function() {
54-
$("nav").removeClass("about");
55-
$(".right").removeClass('active');
56-
$(".left").removeClass('active');
57-
$("#nav-icon1").removeClass('open');
58-
$(".social-vertical-stripe").removeClass("about");
59-
$(".behind-title").removeClass("about zdex");
60-
$(".hero-go-next").removeClass("about");
61-
$(".row").removeClass('active');
62-
};
63-
var zIndex = function(){
64-
$("#about-me").removeClass("active");
65-
$("body").removeClass("about");
66-
}
67-
function progressHTML(){
68-
var test = $("#progressHTML");
69-
var strokeLen = 85;
70-
document.getElementById("percentHTML").innerHTML = strokeLen + "%";
71-
var stroke = (strokeLen * 18.01) - 25;
72-
test.attr({
73-
'stroke-dasharray': stroke + " 1800",
74-
},1000)
75-
}
76-
progressHTML()
77-
function progressJS(){
78-
var test = $("#progressJS");
79-
var strokeLen = 65;
80-
document.getElementById("percentJS").innerHTML = strokeLen + "%";
81-
var stroke = (strokeLen * 18.01) - 25;
82-
test.attr({
83-
'stroke-dasharray': stroke + " 1800",
84-
},1000)
85-
}
86-
progressJS()
87-
function progressCSS(){
88-
var test = $("#progressCSS");
89-
var strokeLen = 90;
90-
document.getElementById("percentCSS").innerHTML = strokeLen + "%";
91-
var stroke = (strokeLen * 18.01) - 25;
92-
test.attr({
93-
'stroke-dasharray': stroke + " 1800",
94-
},1000)
95-
}
96-
progressCSS()
97-
function progressJQ(){
98-
var test = $("#progressJQ");
99-
var strokeLen = 75;
100-
document.getElementById("percentJQ").innerHTML = strokeLen + "%";
101-
var stroke = (strokeLen * 18.01) - 25;
102-
test.attr({
103-
'stroke-dasharray': stroke + " 1800",
104-
},1000)
105-
}
1+
var scene = document.getElementById('js-scene');
2+
var parallax = new Parallax(scene);
3+
4+
//$(window).load(function() {
5+
// $(".loader").css("remove");
6+
//});
7+
$('a[href^="#home"]').on("click", function(event) {
8+
var target = $(this.getAttribute("href"));
9+
10+
if (target.length) {
11+
event.preventDefault();
12+
$("html, body")
13+
.stop()
14+
.animate(
15+
{
16+
scrollTop: target.offset().top +1
17+
},1000
18+
);
19+
}
20+
});
21+
$('a[href^="#main"]').on("click", function(event) {
22+
var target = $(this.getAttribute("href"));
23+
24+
if (target.length) {
25+
event.preventDefault();
26+
$("html, body")
27+
.stop()
28+
.animate(
29+
{
30+
scrollTop: target.offset().top
31+
},1000
32+
);
33+
}
34+
});
35+
36+
var AboutMe = function() {
37+
$(".left").addClass('active');
38+
$("#nav-icon1").addClass('open');
39+
$("#about-me").addClass("active");
40+
$("nav").addClass("about");
41+
$(".social-vertical-stripe").addClass("about");
42+
$(".behind-title").addClass("about");
43+
$(".hero-go-next").addClass("about");
44+
};
45+
var AboutMeTwo = function() {
46+
$(".right").addClass('active');
47+
};
48+
var Boverflow = function(){
49+
$("body").addClass("about");
50+
$(".row").addClass('active');
51+
$(".behind-title").addClass("zdex");
52+
}
53+
var removeAll = function() {
54+
$("nav").removeClass("about");
55+
$(".right").removeClass('active');
56+
$(".left").removeClass('active');
57+
$("#nav-icon1").removeClass('open');
58+
$(".social-vertical-stripe").removeClass("about");
59+
$(".behind-title").removeClass("about zdex");
60+
$(".hero-go-next").removeClass("about");
61+
$(".row").removeClass('active');
62+
};
63+
var zIndex = function(){
64+
$("#about-me").removeClass("active");
65+
$("body").removeClass("about");
66+
}
67+
function progressHTML(){
68+
var test = $("#progressHTML");
69+
var strokeLen = 85;
70+
document.getElementById("percentHTML").innerHTML = strokeLen + "%";
71+
var stroke = (strokeLen * 18.01) - 25;
72+
test.attr({
73+
'stroke-dasharray': stroke + " 1800",
74+
},1000)
75+
}
76+
progressHTML()
77+
function progressJS(){
78+
var test = $("#progressJS");
79+
var strokeLen = 65;
80+
document.getElementById("percentJS").innerHTML = strokeLen + "%";
81+
var stroke = (strokeLen * 18.01) - 25;
82+
test.attr({
83+
'stroke-dasharray': stroke + " 1800",
84+
},1000)
85+
}
86+
progressJS()
87+
function progressCSS(){
88+
var test = $("#progressCSS");
89+
var strokeLen = 90;
90+
document.getElementById("percentCSS").innerHTML = strokeLen + "%";
91+
var stroke = (strokeLen * 18.01) - 25;
92+
test.attr({
93+
'stroke-dasharray': stroke + " 1800",
94+
},1000)
95+
}
96+
progressCSS()
97+
function progressJQ(){
98+
var test = $("#progressJQ");
99+
var strokeLen = 75;
100+
document.getElementById("percentJQ").innerHTML = strokeLen + "%";
101+
var stroke = (strokeLen * 18.01) - 25;
102+
test.attr({
103+
'stroke-dasharray': stroke + " 1800",
104+
},1000)
105+
}
106106
progressJQ()

0 commit comments

Comments
 (0)