From daad180ab857f640e2bc27a30caec4715368d6d5 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Sun, 18 Dec 2022 20:52:07 +0600
Subject: [PATCH] font change to ibm

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 assets/css/tailwind.css              |  2 ++
 components/ArchievCard.vue           |  2 +-
 components/ArchivePostCard.vue       |  2 +-
 components/FooterCom.vue             |  2 +-
 components/NavbarCom.vue             | 21 ++++-----------------
 components/OneLineCard.vue           |  2 +-
 components/content/InfoComponent.vue |  2 +-
 pages/archive.vue                    |  2 +-
 pages/index.vue                      |  2 +-
 pages/latest.vue                     |  2 +-
 pages/{category => tags}/[topic].vue |  2 +-
 pages/{category => tags}/index.vue   |  4 ++--
 tailwind.config.ts                   |  1 +
 13 files changed, 18 insertions(+), 28 deletions(-)
 rename pages/{category => tags}/[topic].vue (86%)
 rename pages/{category => tags}/index.vue (81%)

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index dc091a6..2579be3 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,5 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;400;600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
diff --git a/components/ArchievCard.vue b/components/ArchievCard.vue
index 9e98c9a..98d6e6d 100644
--- a/components/ArchievCard.vue
+++ b/components/ArchievCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="px-5 font-mono mb-5">
+  <div class="px-5 font-ibmmono mb-5">
     <h4 class="font-semibold text-slate-800 text-xl antialiased p-2">
       Typescript
     </h4>
diff --git a/components/ArchivePostCard.vue b/components/ArchivePostCard.vue
index e6b380f..d86b866 100644
--- a/components/ArchivePostCard.vue
+++ b/components/ArchivePostCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="font-mono">
+  <div class="font-ibmmono">
     <nuxt-link class="flex items-baseline space-x-3 space-y-2" to="/">
       <icon name="arcticons:blogger" />
       <h4 class="text-blue-600 hover:underline">
diff --git a/components/FooterCom.vue b/components/FooterCom.vue
index 5bed790..369ca42 100644
--- a/components/FooterCom.vue
+++ b/components/FooterCom.vue
@@ -3,7 +3,7 @@ const theme = ref("light");
 </script>
 
 <template>
-  <footer class="p-3 mt-10 bg-[#a2d9ff] font-poppins">
+  <footer class="p-3 mt-10 bg-[#a2d9ff] font-ibmmono">
     <div class="container px-4 mx-auto max-w-6xl flex justify-center">
       <ul class="flex space-x-2 text-sm text-slate-800 items-end justify-start">
         <li>Copyright &#169; 2022 - Present</li>
diff --git a/components/NavbarCom.vue b/components/NavbarCom.vue
index be9e137..da21cc8 100644
--- a/components/NavbarCom.vue
+++ b/components/NavbarCom.vue
@@ -11,22 +11,11 @@ const activeNavbar = computed(() => {
 </script>
 
 <template>
-  <header class="sticky top-0 p-3 bg-[#a2d9ff] font-poppins">
+  <header class="sticky top-0 p-3 bg-[#a2d9ff] font-ibmmono">
     <div class="container px-4 mx-auto max-w-6xl flex justify-between">
       <ul class="flex space-x-8 items-end justify-start">
         <li class="align">
-          <nuxt-link to="/">
-            <icon
-              class="text-cyan-500 hover:scale-110 hover:transition"
-              size="35"
-              name="mdi:robot-excited"
-            />
-          </nuxt-link>
-        </li>
-        <li>
-          <nuxt-link :class="{ underline: activeNavbar === '' }" to="/"
-            >Home</nuxt-link
-          >
+          <nuxt-link to="/"> Rafkhata </nuxt-link>
         </li>
         <li>
           <nuxt-link
@@ -36,10 +25,8 @@ const activeNavbar = computed(() => {
           >
         </li>
         <li>
-          <nuxt-link
-            :class="{ underline: activeNavbar === 'category' }"
-            to="/category"
-            >Category</nuxt-link
+          <nuxt-link :class="{ underline: activeNavbar === 'tags' }" to="/tags"
+            >Tags</nuxt-link
           >
         </li>
         <li>
diff --git a/components/OneLineCard.vue b/components/OneLineCard.vue
index 0ba0b44..8207c83 100644
--- a/components/OneLineCard.vue
+++ b/components/OneLineCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="font-semibold antialiased text-slate-800 font-poppins hover:underline"
+    class="font-semibold antialiased text-slate-800 font-ibmmono hover:underline"
   >
     <nuxt-link class="flex items-baseline space-x-3" to="/">
       <div class="hover:scale-125 transition">
diff --git a/components/content/InfoComponent.vue b/components/content/InfoComponent.vue
index 03a31ab..e53c790 100644
--- a/components/content/InfoComponent.vue
+++ b/components/content/InfoComponent.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="text-xs font-poppins antialiased text-slate-600 flex space-x-2">
+  <div class="text-xs font-ibmmono antialiased text-slate-600 flex space-x-2">
     <div class="flex">
       <p class="mr-1">Created</p>
       <slot name="time" />
diff --git a/pages/archive.vue b/pages/archive.vue
index d5dd5ed..377c45f 100644
--- a/pages/archive.vue
+++ b/pages/archive.vue
@@ -6,7 +6,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-mono antialiased">
+  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       ALL CONTENTS
     </h1>
diff --git a/pages/index.vue b/pages/index.vue
index e626e14..b37e044 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,7 +4,7 @@ let x = ref(10);
 
 <template>
   <div
-    class="container px-4 mx-auto max-w-6xl flex font-poppins gap-14 antialiased"
+    class="container px-4 mx-auto max-w-6xl flex font-ibmmono gap-14 antialiased"
   >
     <div class="flex-1">
       <h1 class="text-xl pb-8 tracking-wide text-[#e60067]">
diff --git a/pages/latest.vue b/pages/latest.vue
index 3a65ae0..118bc58 100644
--- a/pages/latest.vue
+++ b/pages/latest.vue
@@ -6,7 +6,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       LATEST CONTENT
     </h1>
diff --git a/pages/category/[topic].vue b/pages/tags/[topic].vue
similarity index 86%
rename from pages/category/[topic].vue
rename to pages/tags/[topic].vue
index c1aaaca..21f4d96 100644
--- a/pages/category/[topic].vue
+++ b/pages/tags/[topic].vue
@@ -6,7 +6,7 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
       ALL JAVASCRIPT POST
     </h1>
diff --git a/pages/category/index.vue b/pages/tags/index.vue
similarity index 81%
rename from pages/category/index.vue
rename to pages/tags/index.vue
index 5988428..4a13435 100644
--- a/pages/category/index.vue
+++ b/pages/tags/index.vue
@@ -6,9 +6,9 @@ const { data } = await useAsyncData("home", () => queryContent("/").find());
 </script>
 
 <template>
-  <div class="container mx-auto max-w-6xl font-poppins antialiased">
+  <div class="container mx-auto max-w-6xl font-ibmmono antialiased">
     <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
-      ALL CATEGORY
+      ALL TAGS
     </h1>
     <div class="flex justify-start flex-wrap">
       <category-card v-for="n in 19" :key="n" />
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 0c7cdeb..5b939ae 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -4,6 +4,7 @@ module.exports = {
     extend: {
       fontFamily: {
         poppins: ["Poppins", "sans-serif"],
+        ibmmono: ["IBM Plex Mono", "monospace"],
       },
     },
   },