Skip to content

First phrase commit #27

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

Open
IshmailMg wants to merge 5 commits into
base: main
Choose a base branch
from
Open

First phrase commit #27

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9e6f0fa
First phrase commit
Jul 30, 2024
bcea096
Second phrase
Dec 3, 2024
563d1bd
Added new features
Dec 10, 2024
26550fa
Dark mode commit
Dec 11, 2024
5facbcd
Added CV
Dec 11, 2024
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
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added assets/Graduation1.png
View file
Open in desktop
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 assets/Graduation2.png
View file
Open in desktop
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 assets/JWT.webp
View file
Open in desktop
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 assets/Paypal.webp
View file
Open in desktop
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 assets/Test-image.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/about-pic.png
View file
Open in desktop
Binary file not shown.
Binary file added assets/about.JPG
View file
Open in desktop
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 assets/ishmail-cv.pdf
View file
Open in desktop
Binary file not shown.
Binary file removed assets/profile-pic.png
View file
Open in desktop
Binary file not shown.
Binary file removed assets/project-1.png
View file
Open in desktop
Binary file not shown.
Binary file removed assets/project-2.png
View file
Open in desktop
Binary file not shown.
Binary file removed assets/project-3.png
View file
Open in desktop
Binary file not shown.
Binary file removed assets/resume-example.pdf
View file
Open in desktop
Binary file not shown.
96 changes: 52 additions & 44 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
</head>
<body>
<nav id="desktop-nav">
<div class="logo">John Doe</div>
<div class="logo">Ishmail Mgwena</div>
<div>
<ul class="nav-links">
<li><a href="#about">About</a></li>
Expand All @@ -19,9 +19,10 @@
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<button id="theme-toggle" class="btn btn-color-2">Toggle Dark Mode</button>
</nav>
<nav id="hamburger-nav">
<div class="logo">John Doe</div>
<div class="logo">Ishmail Mgwena</div>
<div class="hamburger-menu">
<div class="hamburger-icon" onclick="toggleMenu()">
<span></span>
Expand All @@ -38,16 +39,16 @@
</nav>
<section id="profile">
<div class="section__pic-container">
<img src="./assets/profile-pic.png" alt="John Doe profile picture" />
<img src="./assets/Graduation1.png" alt="Ishmail profile picture" />
</div>
<div class="section__text">
<p class="section__text__p1">Hello, I'm</p>
<h1 class="title">John Doe</h1>
<p class="section__text__p2">Frontend Developer</p>
<h1 class="title">Ishmail Mgwena</h1>
<p class="section__text__p2">Junior Software Developer</p>
<div class="btn-container">
<button
class="btn btn-color-2"
onclick="window.open('./assets/resume-example.pdf')"
onclick="window.open('./assets/ishmail-cv.pdf')"
>
Download CV
</button>
Expand All @@ -60,13 +61,13 @@ <h1 class="title">John Doe</h1>
src="./assets/linkedin.png"
alt="My LinkedIn profile"
class="icon"
onclick="location.href='https://linkedin.com/'"
onclick="location.href='https://www.linkedin.com/in/ishmail-mgwena/'"
/>
<img
src="./assets/github.png"
alt="My Github profile"
class="icon"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg'"
/>
</div>
</div>
Expand All @@ -77,7 +78,7 @@ <h1 class="title">About Me</h1>
<div class="section-container">
<div class="section__pic-container">
<img
src="./assets/about-pic.png"
src="./assets/Graduation2.png"
alt="Profile picture"
class="about-pic"
/>
Expand All @@ -91,7 +92,7 @@ <h1 class="title">About Me</h1>
class="icon"
/>
<h3>Experience</h3>
<p>2+ years <br />Frontend Development</p>
<p>1+ years <br />Software Development</p>
</div>
<div class="details-container">
<img
Expand All @@ -100,18 +101,25 @@ <h3>Experience</h3>
class="icon"
/>
<h3>Education</h3>
<p>B.Sc. Bachelors Degree<br />M.Sc. Masters Degree</p>
<p>Advanced Diploma In Applications Development</p>
</div>
</div>
<div class="text-container">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic quis
reprehenderit et laborum, rem, dolore eum quod voluptate
exercitationem nobis, nihil esse debitis maxime facere minus sint
delectus velit in eos quo officiis explicabo deleniti dignissimos.
Eligendi illum libero dolorum cum laboriosam corrupti quidem,
reiciendis ea magnam? Nulla, impedit fuga!
</p>
I graduated in <strong>Information Communication Technology (ICT)</strong> with an <strong>Advanced Diploma (ADV DIP) in Applications Development</strong> from Cape Peninsula University of Technology in 2023.
I have built projects to showcase my skills in: <strong> Docker, Angular, Spring Boot, Thymeleaf Template Engine, JWT Authentication, Java Mail, PayPal Integration, JUnit Testing, JUnit Testing, Mockito, etc</strong></p>
<p>
I worked for 6 months in the <strong>WIL (Work Integrated Learning)</strong> program at CPUT, collaborating with a talented team to deliver solutions tailored to the <strong>CPUT Graduation Portal</strong>.
</p>
<p>
Additionally, I worked at <strong>Construct Education</strong> under <strong>Instructure Canvas LMS</strong>.
My role involved providing frontline support, troubleshooting, and ensuring seamless user experiences for Canvas LMS users.
I demonstrated dedication to swift issue resolution and proactive problem-solving.
</p>
<p>
I also landed an internship position at <strong>Profas Technology</strong>.
My tenure was marked by a commitment to learning, contributing to projects, and adapting to emerging technologies under the guidance of seasoned mentors.
</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -159,7 +167,7 @@ <h3>CSS</h3>
class="icon"
/>
<div>
<h3>SASS</h3>
<h3>Angular</h3>
<p>Intermediate</p>
</div>
</article>
Expand All @@ -181,8 +189,8 @@ <h3>JavaScript</h3>
class="icon"
/>
<div>
<h3>TypeScript</h3>
<p>Basic</p>
<h3>WordPress</h3>
<p>Experienced</p>
</div>
</article>
<article>
Expand All @@ -192,14 +200,14 @@ <h3>TypeScript</h3>
class="icon"
/>
<div>
<h3>Material UI</h3>
<p>Intermediate</p>
<h3>Bootstrap</h3>
<p>Experienced</p>
</div>
</article>
</div>
</div>
<div class="details-container">
<h2 class="experience-sub-title">Frontend Development</h2>
<h2 class="experience-sub-title">Backend Development</h2>
<div class="article-container">
<article>
<img
Expand All @@ -208,8 +216,8 @@ <h2 class="experience-sub-title">Frontend Development</h2>
class="icon"
/>
<div>
<h3>PostgreSQL</h3>
<p>Basic</p>
<h3>Java</h3>
<p>Experienced</p>
</div>
</article>
<article>
Expand All @@ -219,8 +227,8 @@ <h3>PostgreSQL</h3>
class="icon"
/>
<div>
<h3>Node JS</h3>
<p>Intermediate</p>
<h3>SpringBoot</h3>
<p>Experienced</p>
</div>
</article>
<article>
Expand All @@ -230,8 +238,8 @@ <h3>Node JS</h3>
class="icon"
/>
<div>
<h3>Express JS</h3>
<p>Intermediate</p>
<h3>PHP</h3>
<p>Basic</p>
</div>
</article>
<article>
Expand All @@ -241,8 +249,8 @@ <h3>Express JS</h3>
class="icon"
/>
<div>
<h3>Git</h3>
<p>Intermediate</p>
<h3>Python</h3>
<p>Basic</p>
</div>
</article>
</div>
Expand All @@ -264,7 +272,7 @@ <h1 class="title">Projects</h1>
<div class="details-container color-container">
<div class="article-container">
<img
src="./assets/project-1.png"
src="./assets/JWT.webp"
alt="Project 1"
class="project-img"
/>
Expand All @@ -273,13 +281,13 @@ <h2 class="experience-sub-title project-title">Project One</h2>
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/My-Book-Network-Project'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/My-Book-Network-Project/blob/main/README.md'"
>
Live Demo
</button>
Expand All @@ -288,7 +296,7 @@ <h2 class="experience-sub-title project-title">Project One</h2>
<div class="details-container color-container">
<div class="article-container">
<img
src="./assets/project-2.png"
src="./assets/Paypal.webp"
alt="Project 2"
class="project-img"
/>
Expand All @@ -297,13 +305,13 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/paypal-integration'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/paypal-integration'"
>
Live Demo
</button>
Expand All @@ -312,7 +320,7 @@ <h2 class="experience-sub-title project-title">Project Two</h2>
<div class="details-container color-container">
<div class="article-container">
<img
src="./assets/project-3.png"
src="./assets/Test-image.webp"
alt="Project 3"
class="project-img"
/>
Expand All @@ -321,13 +329,13 @@ <h2 class="experience-sub-title project-title">Project Three</h2>
<div class="btn-container">
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/My-UnitTest-Project'"
>
Github
</button>
<button
class="btn btn-color-2 project-btn"
onclick="location.href='https://github.com/'"
onclick="location.href='https://github.com/IshmailMg/My-UnitTest-Project'"
>
Live Demo
</button>
Expand All @@ -352,15 +360,15 @@ <h1 class="title">Contact Me</h1>
alt="Email icon"
class="icon contact-icon email-icon"
/>
<p><a href="mailto:[email protected]">Example@gmail.com</a></p>
<p><a href="mailto:[email protected]">ishmail.mgwena24@gmail.com</a></p>
</div>
<div class="contact-info-container">
<img
src="./assets/linkedin.png"
alt="LinkedIn icon"
class="icon contact-icon"
/>
<p><a href="https://www.linkedin.com">LinkedIn</a></p>
<p><a href="https://www.linkedin.com/in/ishmail-mgwena/">LinkedIn</a></p>
</div>
</div>
</section>
Expand All @@ -375,7 +383,7 @@ <h1 class="title">Contact Me</h1>
</ul>
</div>
</nav>
<p>Copyright &#169; 2023 John Doe. All Rights Reserved.</p>
<p>Copyright &#169; 2024 Ishmail Mgwena. All Rights Reserved.</p>
</footer>
<script src="script.js"></script>
</body>
Expand Down
15 changes: 15 additions & 0 deletions script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,18 @@ function toggleMenu() {
menu.classList.toggle("open");
icon.classList.toggle("open");
}
const themeToggle = document.getElementById('theme-toggle'); // Add a button for toggling
const currentTheme = localStorage.getItem('theme');

// Apply saved theme on load
if (currentTheme === 'dark') {
document.documentElement.classList.add('dark-mode');
}

// Toggle theme on click
themeToggle.addEventListener('click', () => {
document.documentElement.classList.toggle('dark-mode');
const theme = document.documentElement.classList.contains('dark-mode') ? 'dark' : 'light';
localStorage.setItem('theme', theme);
});

Loading