diff --git a/index.html b/index.html index 9c881f4..8502985 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Paul Hughes - Full Stack Developer diff --git a/src/components/WebProjects.jsx b/src/components/WebProjects.jsx index dfd9768..f448d7e 100644 --- a/src/components/WebProjects.jsx +++ b/src/components/WebProjects.jsx @@ -1,8 +1,6 @@ /* ----- Project Imports ----- */ import "@/styles/projects.css"; import { webProjects } from "@/data/webdata.js"; -import { useProjectContext } from "@/context/ProjectContext"; - function WebProjects() { @@ -18,8 +16,8 @@ function WebProjects() {

{item.Name}

{item.Technologies}

- GitHub - Hosted + GitHub + Hosted
); diff --git a/src/data/webdata.js b/src/data/webdata.js index 3e8f895..a45cb2e 100644 --- a/src/data/webdata.js +++ b/src/data/webdata.js @@ -17,7 +17,7 @@ export const webProjects = [ Hosted: "https://wordle.paulus.casa", }, { - Name: "Clicker Heroes - Hacker Version", + Name: "Clicker Heroes - Hacker Theme", Image: "/projectimgs/hacker.webp", Details: "As an introduction to Vanilla Javascript I made my own version of a cookie clicker or clicker heroes game", Features: "Click to hack", diff --git a/src/styles/projects.css b/src/styles/projects.css index 283c567..15be9e1 100644 --- a/src/styles/projects.css +++ b/src/styles/projects.css @@ -1,7 +1,7 @@ .projectArticleContainer { min-height: 100vh; width: 100%; - padding: 3.5rem 2rem; + padding: 4.5rem 2rem; color: white; } @@ -18,7 +18,7 @@ .projectTypeSelection { color: white; - padding: 1.5rem; + padding: 1rem 1.25rem; font-weight: bolder; min-width: 10rem; } @@ -94,7 +94,7 @@ margin: 0.5rem; width: 100%; box-sizing: content-box; - + overflow-y: scroll; } .projectIndividualItemContainer { @@ -138,4 +138,23 @@ flex-direction: row; gap: 2rem; justify-content: center; +} + +.individualProjectLinks { + color: white; + font-size: 1rem; + padding: 0.1rem 0.5rem; + text-decoration: none; + border-bottom: 1px solid white; + border-radius: 5px; +} + +.individualProjectLinks:hover, .individualProjectLinks:visited, .individualProjectLinks:active { + color: white; + text-decoration: none; +} + +.individualProjectLinks:hover { + background: white; + color: black; } \ No newline at end of file