feat: TODO project

LeleDallas · Nov 17, 2023 · 5db0d6a · 5db0d6a
1 parent 21552e8
commit 5db0d6a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/public/assets/todo.png b/public/assets/todo.png
diff --git a/src/index.css b/src/index.css
@@ -998,7 +998,7 @@ main {
 .project-img {
   position: relative;
   width: 100%;
-  height: 200px;
+  height: 171px;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 15px;
@@ -1049,6 +1049,7 @@ main {
 .project-img img {
   width: 100%;
   height: 100%;
+  max-height: 171px;
   object-fit: cover;
   transition: var(--transition-1);
 }
@@ -1342,7 +1343,7 @@ textarea.form-input::-webkit-resizer {
 
   .project-img,
   .blog-banner-box {
-    height: auto;
+    height: 170px;
   }
 
 }

diff --git a/src/utils.tsx b/src/utils.tsx
@@ -214,6 +214,19 @@ export const experiencesItem: Array<ResumeObject> = [
 ]
 
 export const projects: Array<DataProjectModel> = [
+    {
+        title: "TODO-list",
+        image: "./assets/todo.png",
+        type: "Web Development",
+        description: "The TODO-list is a versatile and fully responsive application designed to help you manage your tasks and stay organized efficiently.",
+        url: "https://github.com/LeleDallas/TODO-list",
+        tech: [
+            "https://user-images.githubusercontent.com/709451/182802334-d9c42afe-f35d-4a7b-86ea-9985f73f20c3.png",
+            "https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/1150px-React-icon.svg.png",
+            "https://vitejs.dev/logo-with-shadow.png",
+            "https://seeklogo.com/images/G/github-actions-logo-031704BDC6-seeklogo.com.png",
+        ]
+    },
     {
         title: "Cards Against Humanity",
         image: "./assets/CAH.png",