karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: karma:c15c00b9abc1a138092791ac83213dbb6d0b96c1
Branches Tags
karma:main
..
compare: karma:b17729e9c0dc77e788e86d613b2c50cc9cf90172
Branches Tags
karma:main

No commits in common. "c15c00b9abc1a138092791ac83213dbb6d0b96c1" and "b17729e9c0dc77e788e86d613b2c50cc9cf90172" have entirely different histories.
c15c00b9ab ... b17729e9c0

2 changed files with 16 additions and 18 deletions
Show Stats Expand all files Collapse all files

12
assets/js/main.js
View File

@ -175,20 +175,18 @@
/** /**
* Skills animation * Skills animation
*/ */
let skillsContent = select(".skills-content .progress", true); let skilsContent = select(".skills-content");
if (skillsContent) { if (skilsContent) {
skillsContent.forEach((skill) => {
new Waypoint({ new Waypoint({
element: skill, element: skilsContent,
offset: "100%", offset: "80%",
handler: function(direction) { handler: function(direction) {
let progress = skill.querySelectorAll(".progress-bar"); let progress = select(".progress .progress-bar", true);
progress.forEach((el) => { progress.forEach((el) => {
el.style.width = el.getAttribute("aria-valuenow") + "%"; el.style.width = el.getAttribute("aria-valuenow") + "%";
}); });
}, },
}); });
});
} }
/** /**

10
index.html
View File

@ -72,10 +72,10 @@
<main id="main"> <main id="main">
<!-- ======= About Me Section ======= --> <!-- ======= About Me Section ======= -->
<section id="about" class="about"> <section id="about" class="about" data-aos="fade-up">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-up"> <div class="section-title">
<span>About Me</span> <span>About Me</span>
<h2>About Me</h2> <h2>About Me</h2>
<p> Passionate about computer science and love to have lengthy conversations <p> Passionate about computer science and love to have lengthy conversations
@ -86,12 +86,12 @@
</p> </p>
</div> </div>
<div class="row" data-aos="fade-up"> <div class="row">
<div class="image col-lg-4 d-flex align-items-stretch <div class="image col-lg-4 d-flex align-items-stretch
justify-content-center justify-content-lg-start"> justify-content-center justify-content-lg-start">
</div> </div>
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center" <div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center">
data-aos="fade-up">
<div class="row"> <div class="row">
<div class="col-lg-6 mt-4 mt-lg-0"> <div class="col-lg-6 mt-4 mt-lg-0">
<ul> <ul>