You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

141 lines
2.7 KiB
JavaScript

6 years ago
/* =================================
------------------------------------
Civic - CV Resume
Version: 1.0
------------------------------------
====================================*/
'use strict';
$(window).on('load', function() {
/*------------------
Preloder
--------------------*/
$(".loader").fadeOut();
$("#preloder").delay(400).fadeOut("slow");
});
(function($) {
/*------------------
Background set
--------------------*/
$('.set-bg').each(function() {
var bg = $(this).data('setbg');
$(this).css('background-image', 'url(' + bg + ')');
});
$('.review-slider').owlCarousel({
loop: true,
nav: false,
dots: true,
items: 1,
autoplay: true
});
$('.progress-bar-style').each(function() {
var progress = $(this).data("progress");
var prog_width = progress + '%';
if (progress <= 100) {
$(this).append('<div class="bar-inner" style="width:' + prog_width + '"><span>' + prog_width + '</span></div>');
}
else {
$(this).append('<div class="bar-inner" style="width:100%"><span>' + prog_width + '</span></div>');
}
});
$('.lan-prog').each(function() {
var progress = $(this).data("lanprogesss");
var ele = '<span></span>';
var ele_fade = '<span class="fade-ele"></span>';
for (var i = 1; i <= 5; i++) {
if(i <= progress){
$(this).append(ele);
} else {
$(this).append(ele_fade);
}
}
});
/*------------------
Popup
--------------------*/
$('.portfolio-item .port-pic').magnificPopup({
type: 'image',
mainClass: 'img-popup-warp',
removalDelay: 500,
});
if($().circleProgress){
//Set progress circle 1
$("#progress1").circleProgress({
value: 0.75,
size: 175,
thickness: 2,
fill: "#40424a",
emptyFill: "rgba(0, 0, 0, 0)"
});
//Set progress circle 2
$("#progress2").circleProgress({
value: 0.83,
size: 175,
thickness: 2,
fill: "#40424a",
emptyFill: "rgba(0, 0, 0, 0)"
});
//Set progress circle white
$("#progress3").circleProgress({
value: 0.75,
size: 175,
thickness: 2,
fill: "#ffffff",
emptyFill: "rgba(0, 0, 0, 0)"
});
//Set progress circle white
$("#progress4").circleProgress({
value: 0.83,
size: 175,
thickness: 2,
fill: "#ffffff",
emptyFill: "rgba(0, 0, 0, 0)"
});
//Set progress circle skyblue
$("#progress5").circleProgress({
value: 0.75,
size: 175,
thickness: 2,
fill: "#009fff",
emptyFill: "rgba(0, 0, 0, 0)"
});
//Set progress circle skyblue
$("#progress6").circleProgress({
value: 0.83,
size: 175,
thickness: 2,
fill: "#009fff",
emptyFill: "rgba(0, 0, 0, 0)"
});
}
})(jQuery);