Skip to content

Commit

Permalink
updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sjapanwala
sjapanwala committed Nov 17, 2024
1 parent cfea061 commit 44edefa
Show file tree
Hide file tree
Showing 6 changed files with 295 additions and 73 deletions.
6 changes: 6 additions & 0 deletions exp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,6 +220,12 @@ <h2>Projects</h2>
<span class="date">🔗&nbsp;&nbsp;&nbsp;<strong>2024</strong></span>
</a>
</div>
<div class="item-container">
<span><strong>Alchohol Withdrawal Monitoring System | natHACKS 2024</strong></span>
<a href="https://devpost.com/software/alcohol-withdrawal-monitoring-system" target="_blank" rel="noopener noreferrer">
<span class="date">🔗&nbsp;&nbsp;&nbsp;<strong>2024</strong></span>
</a>
</div>
</li>
</ul>
</section>
Expand Down
89 changes: 73 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ <h1 class="title">
<div class="about-text">
<p class="about-blurb">
Hello! I’m Saaim, currently a second-year student at <strong><br>The University of Alberta.</strong><br><br>
My passion for programming is always growing, and I’m eager to learn more about it! When im not building projects, I enjoy playing video games and trying out different foods. I also love learning new things. Right now im eager to master ReactJS.<br><br>
My passion for programming is always growing, and I’m eager to learn more about it! When im not building projects, I enjoy playing video games and trying out different foods. I also love learning new things.<br><br>
<!--these icons are provided by icons8, i have to say it because they asked nicely on thier website-->
</p>
<div class="social-media">
Expand Down Expand Up @@ -88,20 +88,46 @@ <h1 class="title">

<section id="projects">
<h2>Projects</h2>
<!--<div class="slider-container">
<div class="slider">
<div class="slide">
<img src="/api/placeholder/800/400" alt="Image 1">
</div>
<div class="slide">
<img src="/api/placeholder/800/400" alt="Image 2">
</div>
<div class="slide">
<img src="/api/placeholder/800/400" alt="Image 3">
</div>
</div>
<button class="slider-button prev">←</button>
<button class="slider-button next">→</button>
<div class="dots-container"></div>
</div>-->


<div class="projects-container">
<div class="project-card">
<img src="projects/audiofy.png" alt="Audiofy" class="project-image">
<img src="projects/nathacks.png" alt="Audiofy" class="project-image">
<div class="project-info">
<h3>Audiofy<br><br></h3>
<h3>Alchohol Withdrawal Monitoring System<br><br></h3>

<div class="tags">
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">JavaScript</span>
<a href="https://github.com/orgs/NatHacks-2024/people">
<span class="special-tag"> Special Thanks To The <i>BrainByte</i> Team</span>
</a>
<a href="https://neuralberta.tech/nathacks/">
<span class="special-tag">Nathacks 2024</span>
</a>
<span class="tag">React + Vite</span>
<span class="tag">Python3</span>
<span class="tag">OpenBCI</span>
<span class="tag">Gemini LLM</span>
</div>
<p>Audiofy, a webplayer built in mind for people who want to use Youtube for music, but dont want the annoying features it comes with. a queue, and many more features!
<p>Solving alcohol withdrawal challenges by objectively monitoring chin/tongue tremors with OpenBCI technology and predictive analysis via the Gemini LLM. Key features include tremor detection, data analysis, predictive CIWA scale assessments to support informed clinical decisions.
</p>
<a href="https://sjapanwala.github.io/audiofy.github.io/" target="_blank" class="project-link">Goto Site</a>
<a href="https://github.com/sjapanwala/audiofy.github.io" target="_blank" class="project-link">View Repository</a>
<a href="https://devpost.com/software/alcohol-withdrawal-monitoring-system" target="_blank" class="project-link">Devpost</a>
<a href="https://github.com/NatHacks-2024/alcohol_withdrawal_software" target="_blank" class="project-link">View Repository</a>
</div>
</div>
<!--<div class="project-card">
Expand All @@ -128,12 +154,28 @@ <h3>Pyrun<br><br></h3>
<span class="tag">Python3</span>
<span class="tag">Shell Script</span>
</div>
<p>Introducing the Better Python Interpreter: an enhanced tool that clearly identifies errors, shows their locations, and provides insights on time complexities and more.</p>
<p>Pyrun is an innovative command-line tool designed to enhance your Python development experience. It functions as an extension of the standard Python interpreter, providing valuable features for error handling, syntax highlighting, and test case execution. With Pyrun, you can run Python scripts and automatically capture any errors, displaying them in an easy-to-read format.</p>
<a href="https://sjapanwala.github.io/pyrun/" target="_blank" class="project-link">Goto Site</a>
<a href="https://github.com/sjapanwala/pyrun" target="_blank" class="project-link">View Repository</a>
</div>
</div>
<div class="project-card">
<img src="projects/career_trail.png" alt="Career Trail, Find Jobs Faster" class="project-image">
<div class="project-info">
<h3>Career Trail<br><br></h3>
<div class="tags">
<span class="tag">JavaScript</span>
<span class="tag">Node.Js</span>
<span class="tag">Electron.Js</span>
<span class="tag">Python3</span>
<span class="tag">HTML</span>
<span class="tag">CSS</span>
</div>
<p>Career Trail is an innovative tool designed to streamline job searching. Built using Python libraries, it aggregates job listings from multiple sources to provide users with a comprehensive view of opportunities. The front end is powered by Electron, offering a seamless and interactive user interface. Career Trail helps users find jobs more efficiently, saving time and effort by integrating data scraping, organization, and display in one intuitive platform.</p>
<a href="https://github.com/sjapanwala/career_trail" target="_blank" class="project-link">View Repository</a>
</div>
</div>
<!--<div class="project-card">
<img src="projects/netwise.png" alt="netwise" class="project-image">
<div class="project-info">
<h3>Netwise<br><br></h3>
Expand All @@ -144,6 +186,21 @@ <h3>Netwise<br><br></h3>
<p>A tool with a focus on Cybersecurity, and Networking. Fetching data from servers and analyzing it. With various different features</p>
<a href="https://github.com/sjapanwala/netwise" target="_blank" class="project-link">View Repository</a>
</div>
</div>-->
<div class="project-card">
<img src="projects/audiofy.png" alt="Audiofy" class="project-image">
<div class="project-info">
<h3>Audiofy<br><br></h3>
<div class="tags">
<span class="tag">HTML</span>
<span class="tag">CSS</span>
<span class="tag">JavaScript</span>
</div>
<p>Audiofy, a webplayer built in mind for people who want to use Youtube for music, but dont want the annoying features it comes with. a queue, and many more features!
</p>
<a href="https://sjapanwala.github.io/audiofy.github.io/" target="_blank" class="project-link">Goto Site</a>
<a href="https://github.com/sjapanwala/audiofy.github.io" target="_blank" class="project-link">View Repository</a>
</div>
</div>
<div class="project-card">
<img src="projects/repixel2.png" alt="repixel" class="project-image">
Expand All @@ -153,11 +210,11 @@ <h3>Repixel<br><br></h3>
<span class="tag">Python3</span>
<span class="tag">Pillow</span>
</div>
<p>Using the Pillow library, creating pixelated images to appear in the terminal using ANSI colour codes</p>
<p>using the PIL library to analyze color blocks in 64x64 pixel sections. It calculates the average color of each block, prints color distribution with ANSI escape codes, and counts predominant RGB colors. Key functionalities include saving an edited output image, analyzing blocks for color trends, and generating visual outputs of color data. Users can choose different modes: exporting a processed image, displaying visual analysis, or printing color data matrices. T</p>
<a href="https://github.com/sjapanwala/repixel" target="_blank" class="project-link">View Repository</a>
</div>
</div>
<div class="project-card">
<!--<div class="project-card">
<img src="projects/gfetch.png" alt="gfetch" class="project-image">
<div class="project-info">
<h3>gfetch<br><br></h3>
Expand All @@ -168,7 +225,7 @@ <h3>gfetch<br><br></h3>
<p>Using Repixel, created a <i>Neofetch</i> inspirted terminal tool, that displayes pixelated images of your operating system, alongside with other useful information</p>
<a href="https://github.com/sjapanwala/gfetch" target="_blank" class="project-link">View Repository</a>
</div>
</div>
</div>-->
<!--<div class="project-card">
<img src="projects/missing.jpg" alt="Dir Todo List" class="project-image">
<div class="project-info">
Expand Down Expand Up @@ -202,6 +259,7 @@ <h2>Technical Skills</h2>

<div class="column">
<h3>Front End Development</h3>
<div class="bubble">Electron.JS</div>
<div class="bubble">HTML</div>
<div class="bubble">CSS</div>
<div class="bubble">React</div>
Expand Down Expand Up @@ -229,7 +287,7 @@ <h3>Other</h3>
<div class="bubble">Markdown</div>
<div class="bubble">REST API's</div>
<div class="bubble">JSON</div>
<div class="bubble">Linux / UNIX Commands</div>
<div class="bubble">Gnu - Linux / UNIX</div>
</div>
</div>
<br><br>
Expand All @@ -243,7 +301,6 @@ <h3>Data Science</h3>
<div class="bubble">Pandas</div>
<div class="bubble">R</div>
<div class="bubble">Microsoft Excel</div>
<div class="bubble">CSV</div>
</div>

<!--<div class="divider"></div>
Expand All @@ -269,7 +326,7 @@ <h3></h3>
</a>
</div>-->
<div class="footer-content">
<p>&copy; 2024 Saaim Japanwala. All rights reserved.</p>
<p>Made With ❤️ By Saaim Japanwala<br><br>&copy; 2024 Saaim Japanwala. All rights reserved.</p>
<div class="footer-links">
<a href="https://www.linkedin.com/in/sjapanwala/" target="_blank">
<img src="elements/icons8-linkedin-32.png" alt="LinkedIn">
Expand Down
Binary file added projects/career_trail.png
View file
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 projects/nathacks.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 55 additions & 0 deletions scripts/script.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,3 +185,58 @@ function toggleContent(item) {
}
}


const slider = document.querySelector('.slider');
const slides = document.querySelectorAll('.slide');
const prevButton = document.querySelector('.prev');
const nextButton = document.querySelector('.next');
const dotsContainer = document.querySelector('.dots-container');

let currentSlide = 0;
const totalSlides = slides.length;

// Create dots
slides.forEach((_, index) => {
const dot = document.createElement('div');
dot.classList.add('dot');
if (index === 0) dot.classList.add('active');
dot.addEventListener('click', () => goToSlide(index));
dotsContainer.appendChild(dot);
});

const dots = document.querySelectorAll('.dot');

function updateDots() {
dots.forEach((dot, index) => {
dot.classList.toggle('active', index === currentSlide);
});
}

function goToSlide(index) {
currentSlide = index;
slider.style.transform = `translateX(-${currentSlide * 100}%)`;
updateDots();
}

function nextSlide() {
currentSlide = (currentSlide + 1) % totalSlides;
goToSlide(currentSlide);
}

function prevSlide() {
currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;
goToSlide(currentSlide);
}

// Add button event listeners
nextButton.addEventListener('click', nextSlide);
prevButton.addEventListener('click', prevSlide);

// Optional: Auto-advance slides
let autoSlide = setInterval(nextSlide, 5000);

// Pause auto-advance on hover
slider.addEventListener('mouseenter', () => clearInterval(autoSlide));
slider.addEventListener('mouseleave', () => {
autoSlide = setInterval(nextSlide, 5000);
});
Loading

0 comments on commit 44edefa

Please sign in to comment.