Skip to content

Include Image #48

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
KorelU wants to merge 3 commits into from
Closed

Include Image #48

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3586c74
Update Projects Page to inclde changes in Home Page
KorelU Mar 3, 2026
333f360
Include Image
KorelU Mar 3, 2026
b2d1958
Include Image
KorelU Mar 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 13 additions & 18 deletions pages/projects.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,17 +35,15 @@ <h5 class="scroll-hint">Scroll to the right for more</h5>
<div class="projects-container">
<!-- Project Card 1 -->
<div class="project" style="position: relative;">
<h3>Portable Speaker - 2025</h3>
<h3>Portable Arduino Speaker - 2025</h3>
<!-- GitHub Badge Under Title -->
<p style="text-align: left; margin: 0.2em 0;">
<a href="https://github.com/KorelU/PortableArduinoSpeaker" target="_blank" title="View GitHub Profile">
<img src="https://img.shields.io/badge/GitHub-Portable Speaker-9C8466?labelColor=232227&logo=github&logoColor=white"
alt="GitHub Badge"
style="height: 20px;">
<img src="https://img.shields.io/badge/GitHub-Portable Speaker-9C8466?labelColor=232227&amp;logo=github&amp;logoColor=white" alt="GitHub Badge" style="height: 20px;">
</a>
</p>
<h4>A simple, battery powered arduino-based speaker. </h4>
<img src="../photos/Portable_Arduino_Based_Speaker.png" alt="Portable_Arduino_Based_Speaker" class="project-chart" style="width: 100%; max-width: 500px; margin: 2em auto; display: block">
<img src="../photos/Portable_Arduino_Based_Speaker.png" alt="Portable_Arduino_Based_Speaker" class="project-chart">
<p class="chart-title ">This diagram is for the circuit network of the portable arduino speaker</p>
<!-- description that is hidden initially -->
<p class="description">
Expand All @@ -65,26 +63,24 @@ <h4>A simple, battery powered arduino-based speaker. </h4>
</button>
<div class="tech-icons">
<a href="https://www.arduino.cc/" target="_blank" rel="noopener noreferrer" title="Arduino">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/arduino/arduino-original.svg"alt="Arduino"class="tech-logo">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/arduino/arduino-original.svg" alt="Arduino" class="tech-logo">
</a>
<a href="https://en.wikipedia.org/wiki/C_(programming_language)"target="_blank"rel="noopener noreferrer"title="C Language">
<a href="https://en.wikipedia.org/wiki/C_(programming_language)" target="_blank" rel="noopener noreferrer" title="C Language">
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg" alt="C" class="tech-logo" style="width: 30px; height: 30px;">
</a>
</div>
</div>
<!-- Project Card 2 -->
<div class="project">
<h3>KDAI - 2025</h3>
<h3>KDAI (Kernel Dynamic ARP Inspeciton) - 2025</h3>
<!-- GitHub Badge Under Title -->
<p style="text-align: left; margin: 0.2em 0;">
<a href="https://github.com/dentproject/kdai" target="_blank" title="View GitHub Profile">
<img src="https://img.shields.io/badge/GitHub-KDAI-9C8466?labelColor=232227&logo=github&logoColor=white"
alt="GitHub Badge"
style="height: 20px;">
<img src="https://img.shields.io/badge/GitHub-KDAI-9C8466?labelColor=232227&amp;logo=github&amp;logoColor=white" alt="GitHub Badge" style="height: 20px;">
</a>
</p>
<h4>KDAI (Kernel Dynamic ARP Inspeciton) is a Loadable Kernel Module for Linux systems that enhances network security</h4>
<img src="../photos/kdai.png" alt="KDAI" class="project-chart" style="width: 100%; max-width: 500px; margin: 2em auto; display: block; ">
<h4>KDAI is a Loadable Kernel Module for Linux systems that enhances network security</h4>
<img src="../photos/kdai.png" alt="KDAI" class="project-chart">
<p class="chart-title">Screenshot of GNS3 Simulaiton where multiple PC's in different VLANs are connected to a switch running KDAI</p>
<p class="description">
<a href="https://en.wikipedia.org/wiki/Address_Resolution_Protocol" target="_blank">The Address Resolution Protocol (ARP) </a>
Expand Down Expand Up @@ -135,13 +131,12 @@ <h3>IEEE802.1x Docker Image - 2024</h3>
<!-- GitHub Badge Under Title -->
<p style="text-align: left; margin: 0.2em 0;">
<a href="https://hub.docker.com/r/korelu/ieee802-1x-authenticator-and-server" target="_blank" title="View GitHub Profile">
<img src="https://img.shields.io/badge/Docker-IEEE802.1x Image-9C8466?labelColor=232227&logo=docker&logoColor=white"
style="height: 20px;">
<img src="https://img.shields.io/badge/Docker-IEEE802.1x Image-9C8466?labelColor=232227&amp;logo=docker&amp;logoColor=white" style="height: 20px;">
</a>
</p>
<h4>Custom Docker Image for IEEE 802.1x RADIUS Server & Authenticator</h4>
<img src="../photos/DENT_IEEE_802.1x.png" alt="DENT_IEEE_802.1x" class="project-chart" style="width: 100%; max-width: 500px; margin: 2em auto; display: block; ">
<p class="chart-title">This diagram shows an 802.1X network setup where a supplicant (client) connects to an access point on an Authenticator (a TN48M Switch),
<h4>Custom Docker Image for IEEE 802.1x RADIUS Server &amp; Authenticator</h4>
<img src="../photos/DENT_IEEE_802.1x.png" alt="DENT_IEEE_802.1x" class="project-chart">
<p class="chart-title">This diagram shows a supplicant connecting to an access point on an Authenticator,
which forwards authentication requests to a FreeRadius server running in a Docker container</p>
<p class="description">
This Docker image simplifies the setup of
Expand Down