Added projects, disabled 1 work experience

webdevsk · Sep 8, 2023 · 32d7425 · 32d7425
1 parent 638ce08
commit 32d7425
Show file tree

Hide file tree

Showing 4 changed files with 62 additions and 25 deletions.
diff --git a/src/index.css b/src/index.css
@@ -111,4 +111,8 @@
   span {
     @apply text-xs sm:text-sm;
   }
+
+  li p {
+    @apply cursor-text;
+  }
 }
diff --git a/src/resume.js b/src/resume.js
@@ -50,12 +50,34 @@ const resume = {
           "Material-Tailwind",
         ],
         features: [
-          "Create, mark, pin or delete the tasks. Bulk check and remove completed tasks.",
+          "Create, mark, pin or delete tasks. Bulk check and remove completed tasks.",
           "Handheld device accessible. Bottom input field improves reachability.",
           "Create dynamic categories either from within the APP or from browser URL directly",
-          "Side Drawer Menu can stay either Shown or Hidden based on user's preference and forcefully hidden on mobile devices.",
+          "Side Menu visibility state is dynamically managed based on device orientation and viewport.",
         ],
       },
+      {
+        title: "Random Task Today",
+        shortDescription:
+          "Generate a random task to do today and see a refreshing photo related to it.",
+        link: "https://splendid-narwhal-4770fd.netlify.app/",
+        repo: "https://github.com/webdevsk/Random-task-today",
+        builtWith: ["React", "TailwindCSS", "Netlify Serverless Functions"],
+        features: [
+          "Fetches a Random task from Bored API then fetches a related Photo from Unsplash API.",
+          "Preloading, loading and status states are managed based on async functions.",
+          "Implemented Netlify Serverless Functions (Lambda) to handle the backend.",
+          "All API calls are made from the backend functions, keeping API credentials secret.",
+        ],
+      },
+      // {
+      //   title: null,
+      //   shortDescription: null,
+      //   link: null,
+      //   repo: null,
+      //   builtWith: [],
+      //   features: [],
+      // },
     ],
     experiences: [
       {
@@ -116,25 +138,25 @@ const resume = {
           "Kept the warehouse clean and organized",
         ],
       },
-      {
-        position: "Flyer Distributor (Part time)",
-        company: "Moneygram Financial Service",
-        location: "Riyadh, Saudiarabia",
-        dateFrom: "JUL 2017",
-        dateTo: "FEB 2018",
-        skills: [
-          "Persuasion skills",
-          "Communication skills (verbal and written)",
-          "Interpersonal skills",
-          "Flexibility",
-        ],
-        responsibilities: [
-          "Distributed flyers to targeted areas generating on average of 150-200 leads per day.",
-          "Built relationships with potential leads",
-          "I convinced and persuaded leads into trying the company's services",
-          "I had to maintain a positive attitude and demeanor to win over potential customers",
-        ],
-      },
+      // {
+      //   position: "Flyer Distributor (Part time)",
+      //   company: "Moneygram Financial Service",
+      //   location: "Riyadh, Saudiarabia",
+      //   dateFrom: "JUL 2017",
+      //   dateTo: "FEB 2018",
+      //   skills: [
+      //     "Persuasion skills",
+      //     "Communication skills (verbal and written)",
+      //     "Interpersonal skills",
+      //     "Flexibility",
+      //   ],
+      //   responsibilities: [
+      //     "Distributed flyers to targeted areas generating on average of 150-200 leads per day.",
+      //     "Built relationships with potential leads",
+      //     "I convinced and persuaded leads into trying the company's services",
+      //     "I had to maintain a positive attitude and demeanor to win over potential customers",
+      //   ],
+      // },
     ],
     educations: [
       {

diff --git a/src/templates/Template1.css b/src/templates/Template1.css
@@ -68,6 +68,9 @@
         @apply before:me-1 before:text-accent before:content-["▢"];
       }
     }
+    .date > * {
+      @apply leading-6;
+    }
     .builders {
       @apply flex flex-wrap items-center gap-1;
       & > *:not(:first-child) {
@@ -96,10 +99,13 @@
       @apply grid gap-x-2;
     }
     .position > * {
-      @apply before:me-1 before:text-accent before:content-["◎"];
+      @apply before:me-1 before:text-accent before:content-["▢"];
     }
     .details {
       @apply -mb-8 text-end;
+      h5 {
+        @apply leading-6;
+      }
     }
 
     .soft-skills,
@@ -131,7 +137,7 @@
   .bullet-item {
     @apply relative ps-4;
     &:before {
-      @apply absolute inset-0 top-0 text-xs leading-4 text-theme content-["◆"] sm:leading-5;
+      @apply absolute inset-0 text-xs leading-4 text-theme content-["◆"] sm:leading-5;
     }
   }
   .date > * {

diff --git a/src/templates/Template1.jsx b/src/templates/Template1.jsx
@@ -138,7 +138,9 @@ const Template1 = ({ printMode }) => {
                       </a>
                     </p>
                   )}
-                  <h6 className="w-full">({project.shortDescription})</h6>
+                  <p className="w-full">
+                    {"=>"} {project.shortDescription}
+                  </p>
                 </div>
 
                 <div className="builders">
@@ -148,7 +150,10 @@ const Template1 = ({ printMode }) => {
                     <a
                       target="_blank"
                       rel="noreferrer"
-                      href={`https://www.google.com/search?q=${item}`}
+                      className={printMode && "pointer-events-none"}
+                      href={
+                        !printMode && `https://www.google.com/search?q=${item}`
+                      }
                       key={item}
                     >
                       <p>{item}</p>