diff --git a/assets/images/Unknown.png b/assets/images/Unknown.png new file mode 100644 index 0000000..cffd8f3 Binary files /dev/null and b/assets/images/Unknown.png differ diff --git a/assets/scripts/ProjectCard.js b/assets/scripts/ProjectCard.js index b4166a9..f2d0301 100644 --- a/assets/scripts/ProjectCard.js +++ b/assets/scripts/ProjectCard.js @@ -342,10 +342,7 @@ var createAddProjectCardComp = function (container) { AddProjectCardComp = document.createElement('div'); AddProjectCardComp.classList.add('add-project-card'); AddProjectCardComp.innerHTML = ` - + `; AddProjectCardComp.style = ` align-self: top; diff --git a/assets/styles/homepage.css b/assets/styles/homepage.css index d86be5b..97500ee 100644 --- a/assets/styles/homepage.css +++ b/assets/styles/homepage.css @@ -55,16 +55,21 @@ body, html { /* MAIN SECTION SELECTORS */ #addProjButton { - position: absolute; - top: 95px; /* Adjusted top position */ - left: 45px; /* Adjusted left position */ - background-color: #0000FF; - color: white; + position: fixed; + top: 90px; /* Adjust this value to position the button lower or higher */ + left: 20px; /* Adjust this value to position the button more to the right or left */ + color: white; /* Button text color */ border: none; - padding: 4px 4px; /* Smaller size */ - border-radius: 5px; + font-size: 36px; /* Increase the size of the plus sign */ + font-weight: bold; /* Make the plus sign bold */ cursor: pointer; + background-color: transparent; /* Transparent background */ transition: background-color 0.3s; + z-index: 1000; /* Ensure it stays on top of other elements */ + display: flex; /* Center the plus sign */ + align-items: center; /* Center the plus sign */ + justify-content: center; /* Center the plus sign */ + line-height: 1; /* Adjust line height */ } #addProjButton:hover { @@ -160,7 +165,6 @@ button p { margin: 0px; } - /* BACKGROUND */ .stars, .twinkling, .clouds { position:absolute; @@ -197,7 +201,6 @@ button p { to {background-position:10000px 0;} } - /* MEDIA QUERY FOR TABLETS */ @media (max-width: 837px) { .main {