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 {