From b45e0e8f966bc6ac5a98574c4b2d3360f7aa60a1 Mon Sep 17 00:00:00 2001
From: hudaputrasantosa <hudaputrasantosa@gmail.com>
Date: Wed, 3 Apr 2024 23:47:02 +0700
Subject: [PATCH] add: firebase icon; updt: icon view

---
 src/assets/icons/firebase.svg | 2 ++
 src/pages/About/index.jsx     | 8 ++++----
 src/response/projects.js      | 1 +
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/icons/firebase.svg

diff --git a/src/assets/icons/firebase.svg b/src/assets/icons/firebase.svg
new file mode 100644
index 0000000..01fe318
--- /dev/null
+++ b/src/assets/icons/firebase.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="60" height="60" viewBox="-47.5 0 351 351" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid"><defs><path d="M1.253 280.732l1.605-3.131 99.353-188.518-44.15-83.475C54.392-1.283 45.074.474 43.87 8.188L1.253 280.732z" id="a"/><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="17.5" in="SourceAlpha" result="shadowBlurInner1"/><feOffset in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" in="shadowInnerInner1"/></filter><path d="M134.417 148.974l32.039-32.812-32.039-61.007c-3.042-5.791-10.433-6.398-13.443-.59l-17.705 34.109-.53 1.744 31.678 58.556z" id="c"/><filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="d"><feGaussianBlur stdDeviation="3.5" in="SourceAlpha" result="shadowBlurInner1"/><feOffset dx="1" dy="-9" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0" in="shadowInnerInner1"/></filter></defs><path d="M0 282.998l2.123-2.972L102.527 89.512l.212-2.017L58.48 4.358C54.77-2.606 44.33-.845 43.114 6.951L0 282.998z" fill="#FFC24A"/><use fill="#FFA712" fill-rule="evenodd" xlink:href="#a"/><use filter="url(#b)" xlink:href="#a"/><path d="M135.005 150.38l32.955-33.75-32.965-62.93c-3.129-5.957-11.866-5.975-14.962 0L102.42 87.287v2.86l32.584 60.233z" fill="#F4BD62"/><use fill="#FFA50E" fill-rule="evenodd" xlink:href="#c"/><use filter="url(#d)" xlink:href="#c"/><path fill="#F6820C" d="M0 282.998l.962-.968 3.496-1.42 128.477-128 1.628-4.431-32.05-61.074z"/><path d="M139.121 347.551l116.275-64.847-33.204-204.495c-1.039-6.398-8.888-8.927-13.468-4.34L0 282.998l115.608 64.548a24.126 24.126 0 0 0 23.513.005" fill="#FDE068"/><path d="M254.354 282.16L221.402 79.218c-1.03-6.35-7.558-8.977-12.103-4.424L1.29 282.6l114.339 63.908a23.943 23.943 0 0 0 23.334.006l115.392-64.355z" fill="#FCCA3F"/><path d="M139.12 345.64a24.126 24.126 0 0 1-23.512-.005L.931 282.015l-.93.983 115.607 64.548a24.126 24.126 0 0 0 23.513.005l116.275-64.847-.285-1.752-115.99 64.689z" fill="#EEAB37"/></svg>
\ No newline at end of file
diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx
index e1c4e1f..1d24a47 100644
--- a/src/pages/About/index.jsx
+++ b/src/pages/About/index.jsx
@@ -2,7 +2,7 @@ import ContentLayout from "../../components/ContentLayout";
 import TimelineSection from "../../components/Timeline";
 import { Timeline } from "flowbite-react";
 import { HiBriefcase, HiAcademicCap, HiPuzzle } from "react-icons/hi";
-import { FaMapMarkerAlt } from "react-icons/fa";
+import { FaEye } from "react-icons/fa";
 import {
   educationExperience,
   trainingExperience,
@@ -32,10 +32,10 @@ const About = () => {
     <>
       <ContentLayout>
         <div className="flex flex-col gap-3 ">
-          <div className="flex gap-1 lg:text-sm text-xs items-center justify-center border border-gray-200 rounded-lg p-2 lg:w-[104px] w-[90px]">
-            <FaMapMarkerAlt />
+          <div className="flex gap-1 text-[13px] items-center justify-center border border-gray-200 rounded-lg p-2 w-[138px]">
+            <FaEye className="w-4 h-4" />
             <p className="font-bold">{visitor}</p>
-            <p className="font-normal">Visitor</p>
+            <p className="font-normal">Times Seen</p>
           </div>
           <section className="flex flex-col gap-4 py-4">
             <div className="flex flex-col items-center text-center gap-2 mb-4">
diff --git a/src/response/projects.js b/src/response/projects.js
index c01b777..cd9f7a1 100644
--- a/src/response/projects.js
+++ b/src/response/projects.js
@@ -12,6 +12,7 @@ const webProjects = [
       `${baseUrl}/icons/react.svg`,
       `${baseUrl}/icons/tailwind.svg`,
       `${baseUrl}/icons/flowbite.svg`,
+      `${baseUrl}/icons/firebase.svg`,
       `${baseUrl}/icons/api.svg`,
     ],
     repo: "https://github.com/hudaputrasantosa/hudaputrasantosa.github.io",