chore: add personal blog and tictactoe in projects page

eazypau · Jan 6, 2024 · 0fb0c68 · 0fb0c68
1 parent cf112cf
commit 0fb0c68
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 16 deletions.
diff --git a/components/cards/NewProject.vue b/components/cards/NewProject.vue
@@ -96,10 +96,10 @@
 <script setup>
 import { TransitionRoot } from "@headlessui/vue";
 const props = defineProps({
-  isReverse: {
-    type: Boolean,
-    default: false,
-  },
+  // isReverse: {
+  //   type: Boolean,
+  //   default: false,
+  // },
   projectDetails: {
     type: Object,
     default() {

diff --git a/public/project-ss/blog-page.png b/public/project-ss/blog-page.png
diff --git a/utils/const.js b/utils/const.js
@@ -170,6 +170,18 @@ export function useConstants() {
     },
   ];
   const projects = [
+    {
+      isReverse: true,
+      title: "Personal Blog",
+      titleColor: "text-white",
+      filterColor: "bg-slate-900 bg-opacity-60",
+      imageUrl: "/project-ss/blog-page.png",
+      description: "A personal blog using NextJS and Notion API",
+      techStack: ["NextJS", "TS", "TailwindCSS", "@notionhq/client"],
+      isUrl: true,
+      urlLink: "https://my-blog-eazypau.vercel.app/",
+      githubLink: "https://github.com/eazypau/my-blog",
+    },
     {
       isReverse: true,
       title: "Order Management App",
@@ -283,18 +295,18 @@ export function useConstants() {
       urlLink: "https://saloonbooking-95d49.web.app/",
       githubLink: "https://github.com/eazypau/saloonbooking",
     },
-    // {
-    //   isReverse: true,
-    //   title: "Tic Tac Toe",
-    //   titleColor: "text-white",
-    //   filterColor: "bg-zinc-700 mix-blend-hard-light",
-    //   imageUrl: "/project-ss/tictactoe-ss.webp",
-    //   description: "A game of tic tac toe in HTML, CSS, and JavaScript.",
-    //   techStack: ["HTML", "CSS", "JavaScript"],
-    //   isUrl: true,
-    //   urlLink: "https://eazypau.github.io/tictactoe/",
-    //   githubLink: "https://github.com/eazypau/tictactoe",
-    // },
+    {
+      isReverse: true,
+      title: "Tic Tac Toe",
+      titleColor: "text-white",
+      filterColor: "bg-zinc-700 mix-blend-hard-light",
+      imageUrl: "/project-ss/tictactoe-ss.webp",
+      description: "A game of tic tac toe in HTML, CSS, and JavaScript.",
+      techStack: ["HTML", "CSS", "JavaScript"],
+      isUrl: true,
+      urlLink: "https://eazypau.github.io/tictactoe/",
+      githubLink: "https://github.com/eazypau/tictactoe",
+    },
   ];
   const workingProjects = [
     {