Fixed image paths

ZachMc21 · Nov 15, 2024 · 990e267 · 990e267
1 parent a40ea51
commit 990e267
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 Hello! This is the personal portfolio page for Zach Magloughlin.
 
-If you are a recruiter or interviewer, feel free to download to take a look! Included in this project are showcases of other projects.
+This project is a built-from-scratch webpage that showcases previous projects and their stack and outcomes, and also functions as a second resume.
 
 Please note: this webpage is a bit "quick and dirty." I wanted to get something together to have my projects in one place, so advanced styling and animations have been set to the side for now.
 

diff --git a/webpage/index.html b/webpage/index.html
@@ -25,13 +25,13 @@ <h1>Zach Magloughlin</h1>
 
                 <div id="links">
                     <div class="column" id="left">
-                        <img src="images/icons/linkedin.png" /> <a href="https://www.linkedin.com/in/zach-magloughlin/" target="_blank">LinkedIn</a>
+                        <img src="../images/icons/linkedin.png" /> <a href="https://www.linkedin.com/in/zach-magloughlin/" target="_blank">LinkedIn</a>
                     </div>
                     <div class="column" id="middle">
-                        <img src="images/icons/github.png" /> <a href="https://github.com/ZachMc21" target="_blank">GitHub</a>
+                        <img src="../images/icons/github.png" /> <a href="https://github.com/ZachMc21" target="_blank">GitHub</a>
                     </div>
                     <div class="column" id="right">
-                        <img src="images/icons/hackerrank.png" /> <a href="https://www.hackerrank.com/profile/magloughlin_zach" target="_blank">HackerRank</a>
+                        <img src="../images/icons/hackerrank.png" /> <a href="https://www.hackerrank.com/profile/magloughlin_zach" target="_blank">HackerRank</a>
                     </div>
                 </div>
             </div>
@@ -90,7 +90,8 @@ <h1>Zach Magloughlin</h1>
         <div id="projects">
             <div id="project_menu">
                 <a id="swe">Software Engineering</a>
-                <a id="webdev">Web Development & UI</a>
+                <a id="webdev">Web Development</a>
+                <a id="ui-ux">UI & UX</a>
                 <a id="data">Data Analysis & Visualization</a>
                 <a id="database">Databases</a>
                 <a id="gamedev">Game Development</a>
@@ -130,7 +131,7 @@ <h1> Takeaways </h1>
                 </div> <!-- End Smart Barbell -->
 
                 <div class="project_divider fade-in" id="middle">
-                    <img src="images/dividers/art_deco.png" />
+                    <img src="../images/dividers/art_deco.png" />
                 </div>
 
                 <div class="project_content fade-in" id="clue">
@@ -161,7 +162,7 @@ <h1> Takeaways </h1>
                 </div> <!-- End Clue Game -->
 
                 <div class="project_divider fade-in" id="middle">
-                    <img src="images/dividers/art_deco.png" />
+                    <img src="./../images/dividers/art_deco.png" />
                 </div>
             </div> <!-- End SWE project content -->
 
@@ -200,7 +201,7 @@ <h1> Takeaways </h1>
                 </div> <!-- End personal portfolio project -->
 
                 <div class="project_divider fade-in" id="middle">
-                    <img src="images/dividers/art_deco.png" />
+                    <img src=".../images/dividers/art_deco.png" />
                 </div>
 
                 <div class="project_content fade-in" id="modyfi_web_print">
@@ -239,7 +240,7 @@ <h1> Takeaways </h1>
                 </div> <!-- End modyfi-print project -->
 
                 <div class="project_divider fade-in">
-                    <img src="images/dividers/art_deco.png" />
+                    <img src="../images/dividers/art_deco.png" />
                 </div>
 
                 <div class="project_content fade-in" id="art_portfolio">
@@ -269,10 +270,17 @@ <h1 class="project_title"> Art Portfolio Page </h1>
                 </div> <!-- End art portfolio -->
 
                 <div class="project_divider fade-in" id="end">
-                    <img src="images/dividers/art_deco.png" />
+                    <img src="../images/dividers/art_deco.png" />
                 </div>
             </div> <!-- End webdev projects -->
 
+
+            <div class="project_container" id="ui-ux_content" style="display:none">
+                <div class="placeholder fade-in">
+                    <p> UI/UX examples coming soon! </p>
+                </div>
+            </div>
+
             <div class="project_container" id="data_content" style="display:none">
                 <div class="placeholder fade-in">
                     <p> Data analysis/visualization examples coming soon! </p>

diff --git a/webpage/style.css b/webpage/style.css
@@ -146,7 +146,7 @@ ul p {
     margin-top: 4%;
 }
 #project_menu {
-    width: 20%;
+    width: 19%;
 }
 #project_menu a {
     display: block;
@@ -179,6 +179,7 @@ ul p {
     font-size: 2vw;
     color: var(--dark-gray);
 }
+/*
 .video_skills_container {
     display: flex;
     align-items: center;
@@ -195,6 +196,7 @@ ul p {
     padding: 0 5% 5% 0;
     width: 45%;
 }
+*/
 h1.project_title {
     text-align: center;
     font-weight: bold;