forked from avinash201199/Portfolio-Collection
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request avinash201199#187 from arnavvgupta/main
added my portfolio
- Loading branch information
Showing
95 changed files
with
89,468 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+69.2 KB
Arnav Gupta/assets/img/portfolio/Screenshot 2022-10-16 at 8.20.41 PM.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+25.6 KB
Arnav Gupta/assets/img/portfolio/WhatsApp Image 2022-10-16 at 8.13.29 PM.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added
BIN
+213 KB
...ssets/img/portfolio/abstract-coming-soon-halftone-style-background-design_1017-27282.webp
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,269 @@ | ||
/** | ||
* Template Name: MyResume - v4.9.1 | ||
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/ | ||
* Author: BootstrapMade.com | ||
* License: https://bootstrapmade.com/license/ | ||
*/ | ||
(function() { | ||
"use strict"; | ||
|
||
/** | ||
* Easy selector helper function | ||
*/ | ||
const select = (el, all = false) => { | ||
el = el.trim() | ||
if (all) { | ||
return [...document.querySelectorAll(el)] | ||
} else { | ||
return document.querySelector(el) | ||
} | ||
} | ||
|
||
/** | ||
* Easy event listener function | ||
*/ | ||
const on = (type, el, listener, all = false) => { | ||
let selectEl = select(el, all) | ||
if (selectEl) { | ||
if (all) { | ||
selectEl.forEach(e => e.addEventListener(type, listener)) | ||
} else { | ||
selectEl.addEventListener(type, listener) | ||
} | ||
} | ||
} | ||
|
||
/** | ||
* Easy on scroll event listener | ||
*/ | ||
const onscroll = (el, listener) => { | ||
el.addEventListener('scroll', listener) | ||
} | ||
|
||
/** | ||
* Navbar links active state on scroll | ||
*/ | ||
let navbarlinks = select('#navbar .scrollto', true) | ||
const navbarlinksActive = () => { | ||
let position = window.scrollY + 200 | ||
navbarlinks.forEach(navbarlink => { | ||
if (!navbarlink.hash) return | ||
let section = select(navbarlink.hash) | ||
if (!section) return | ||
if (position >= section.offsetTop && position <= (section.offsetTop + section.offsetHeight)) { | ||
navbarlink.classList.add('active') | ||
} else { | ||
navbarlink.classList.remove('active') | ||
} | ||
}) | ||
} | ||
window.addEventListener('load', navbarlinksActive) | ||
onscroll(document, navbarlinksActive) | ||
|
||
/** | ||
* Scrolls to an element with header offset | ||
*/ | ||
const scrollto = (el) => { | ||
let elementPos = select(el).offsetTop | ||
window.scrollTo({ | ||
top: elementPos, | ||
behavior: 'smooth' | ||
}) | ||
} | ||
|
||
/** | ||
* Back to top button | ||
*/ | ||
let backtotop = select('.back-to-top') | ||
if (backtotop) { | ||
const toggleBacktotop = () => { | ||
if (window.scrollY > 100) { | ||
backtotop.classList.add('active') | ||
} else { | ||
backtotop.classList.remove('active') | ||
} | ||
} | ||
window.addEventListener('load', toggleBacktotop) | ||
onscroll(document, toggleBacktotop) | ||
} | ||
|
||
/** | ||
* Mobile nav toggle | ||
*/ | ||
on('click', '.mobile-nav-toggle', function(e) { | ||
select('body').classList.toggle('mobile-nav-active') | ||
this.classList.toggle('bi-list') | ||
this.classList.toggle('bi-x') | ||
}) | ||
|
||
/** | ||
* Scrool with ofset on links with a class name .scrollto | ||
*/ | ||
on('click', '.scrollto', function(e) { | ||
if (select(this.hash)) { | ||
e.preventDefault() | ||
|
||
let body = select('body') | ||
if (body.classList.contains('mobile-nav-active')) { | ||
body.classList.remove('mobile-nav-active') | ||
let navbarToggle = select('.mobile-nav-toggle') | ||
navbarToggle.classList.toggle('bi-list') | ||
navbarToggle.classList.toggle('bi-x') | ||
} | ||
scrollto(this.hash) | ||
} | ||
}, true) | ||
|
||
/** | ||
* Scroll with ofset on page load with hash links in the url | ||
*/ | ||
window.addEventListener('load', () => { | ||
if (window.location.hash) { | ||
if (select(window.location.hash)) { | ||
scrollto(window.location.hash) | ||
} | ||
} | ||
}); | ||
|
||
/** | ||
* Preloader | ||
*/ | ||
let preloader = select('#preloader'); | ||
if (preloader) { | ||
window.addEventListener('load', () => { | ||
preloader.remove() | ||
}); | ||
} | ||
|
||
/** | ||
* Hero type effect | ||
*/ | ||
const typed = select('.typed') | ||
if (typed) { | ||
let typed_strings = typed.getAttribute('data-typed-items') | ||
typed_strings = typed_strings.split(',') | ||
new Typed('.typed', { | ||
strings: typed_strings, | ||
loop: true, | ||
typeSpeed: 100, | ||
backSpeed: 50, | ||
backDelay: 2000 | ||
}); | ||
} | ||
|
||
/** | ||
* Skills animation | ||
*/ | ||
let skilsContent = select('.skills-content'); | ||
if (skilsContent) { | ||
new Waypoint({ | ||
element: skilsContent, | ||
offset: '80%', | ||
handler: function(direction) { | ||
let progress = select('.progress .progress-bar', true); | ||
progress.forEach((el) => { | ||
el.style.width = el.getAttribute('aria-valuenow') + '%' | ||
}); | ||
} | ||
}) | ||
} | ||
|
||
/** | ||
* Porfolio isotope and filter | ||
*/ | ||
window.addEventListener('load', () => { | ||
let portfolioContainer = select('.portfolio-container'); | ||
if (portfolioContainer) { | ||
let portfolioIsotope = new Isotope(portfolioContainer, { | ||
itemSelector: '.portfolio-item' | ||
}); | ||
|
||
let portfolioFilters = select('#portfolio-flters li', true); | ||
|
||
on('click', '#portfolio-flters li', function(e) { | ||
e.preventDefault(); | ||
portfolioFilters.forEach(function(el) { | ||
el.classList.remove('filter-active'); | ||
}); | ||
this.classList.add('filter-active'); | ||
|
||
portfolioIsotope.arrange({ | ||
filter: this.getAttribute('data-filter') | ||
}); | ||
portfolioIsotope.on('arrangeComplete', function() { | ||
AOS.refresh() | ||
}); | ||
}, true); | ||
} | ||
|
||
}); | ||
|
||
/** | ||
* Initiate portfolio lightbox | ||
*/ | ||
const portfolioLightbox = GLightbox({ | ||
selector: '.portfolio-lightbox' | ||
}); | ||
|
||
/** | ||
* Initiate portfolio details lightbox | ||
*/ | ||
const portfolioDetailsLightbox = GLightbox({ | ||
selector: '.portfolio-details-lightbox', | ||
width: '90%', | ||
height: '90vh' | ||
}); | ||
|
||
/** | ||
* Portfolio details slider | ||
*/ | ||
new Swiper('.portfolio-details-slider', { | ||
speed: 400, | ||
loop: true, | ||
autoplay: { | ||
delay: 5000, | ||
disableOnInteraction: false | ||
}, | ||
pagination: { | ||
el: '.swiper-pagination', | ||
type: 'bullets', | ||
clickable: true | ||
} | ||
}); | ||
|
||
/** | ||
* Testimonials slider | ||
*/ | ||
new Swiper('.testimonials-slider', { | ||
speed: 600, | ||
loop: true, | ||
autoplay: { | ||
delay: 5000, | ||
disableOnInteraction: false | ||
}, | ||
slidesPerView: 'auto', | ||
pagination: { | ||
el: '.swiper-pagination', | ||
type: 'bullets', | ||
clickable: true | ||
} | ||
}); | ||
|
||
/** | ||
* Animation on scroll | ||
*/ | ||
window.addEventListener('load', () => { | ||
AOS.init({ | ||
duration: 1000, | ||
easing: 'ease-in-out', | ||
once: true, | ||
mirror: false | ||
}) | ||
}); | ||
|
||
/** | ||
* Initiate Pure Counter | ||
*/ | ||
new PureCounter(); | ||
|
||
})() |
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.