Merge pull request #14 from qitpy/feat/update-content

feat: update contents

Author: qitpydev

src/data.ts

@@ -49,4 +49,12 @@
             grid-area: 3 / 1 / 3 / 1;
         }
     }
+
+    .app_center-explore_more {
+        margin: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+    }
   }

src/pages/Portfolio/features/PortfolioContent/AppCenter/AppCenter.scss

@@ -1,5 +1,5 @@
 import React from 'react'
-import avatar from "../../../images/portfolio-avatar.png";
+import avatar from "../../../images/portfolio-avatar.jpg";
 import { InfoData } from '../../../../../data';
 import './Avatar.scss'
 

src/pages/Portfolio/features/PortfolioContent/Avatar/Avatar.tsx

@@ -25,10 +25,9 @@ function Skill(props) {
     <div className='portfolio-skill'>
         <div className="label-rotate">Skills</div>
         <SkillItem id={osElementId} label={SkillsData.os.name} skills={SkillsData.os.items} />
-        <SkillItem id={databaseElementId} label={SkillsData.database.name} skills={SkillsData.database.items} />
-        <SkillItem id={webElementId} label={SkillsData.web.name} skills={SkillsData.web.items} />
+        <SkillItem id={databaseElementId} label={SkillsData.web.name} skills={SkillsData.web.items} />
         <SkillItem id={devopsElementId} label={SkillsData.devops.name} skills={SkillsData.devops.items} />
-        <SkillItem id={toolElementId} label={SkillsData.tools.name} skills={SkillsData.tools.items} />
+        <SkillItem id={webElementId} label={SkillsData.python.name} skills={SkillsData.python.items} />
         <SkillItem id={otherElementId} label={SkillsData.others.name} skills={SkillsData.others.items} />
     </div>
   )

src/pages/Portfolio/features/PortfolioContent/Skill/Skill.tsx

@@ -6,8 +6,8 @@ function HeaderCv() {
     <div id='header-cv'>
         <div className="header-cv__left">
             <div className="header-cv__left__name">DOAN VAN QUYET</div>
-            <div className="header-cv__left__title">PYTHON DEVELOPER</div>
-            --- DevOps --- Web Development
+            <div className="header-cv__left__title">SOFTWARE DEVELOPER</div>
+            --- Python / DevOps --- Web Development
             {/* <div className="header-cv__left__jobs">DevOps in Web Development</div> */}
         </div>
         <div className="header-cv__right">

src/pages/Portfolio/features/components/CV/HeaderCv/HeaderCv.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import LabelLineDecor from '../components/LabelLineDecor/LabelLineDecor'
 import { CvIntro,
-  CvProsCons,
   CvSkill,
   CvEdu,
   CvCert } from '../../../../../../data';
@@ -17,16 +16,16 @@ function PersonalOverviewCv() {
           <p key={i}>{x}</p>
         )}
       </div>
-      <div className="personal-overview-cv__proscons">
+      {/* <div className="personal-overview-cv__proscons">
         <LabelLineDecor name="Pros & Cons" />
         <p>{CvProsCons.pros}</p>
         <p>{CvProsCons.cons.map(x => (<>
           {x} <br/>
         </>))}</p>
-      </div>
+      </div> */}
       <div className="personal-overview-cv__skill">
         <LabelLineDecor name="Skills" />
-        <p><b>Main skills: </b>{CvSkill.main.join(", ")}</p>
+        <p><b>Main: </b>{CvSkill.main.join(", ")}</p>
         <p><b>Others: </b>{CvSkill.others.join(", ")}</p>
       </div>
       <div className="personal-overview-cv__edu">

src/pages/Portfolio/features/components/CV/PersonalOverviewCv/PersonalOverviewCv.tsx

@@ -1,4 +1,5 @@
 .explore-more {
+    position: relative;
     color: green;
     display: flex;
     justify-content: center;
@@ -7,7 +8,7 @@
 }
 
 .weekly-progress {
-    position: absolute;
+    position: relative;
     color: green;
     display: flex;
     flex-direction: column;

src/pages/Portfolio/features/components/ExploreMore/ExploreMore.scss

@@ -22,7 +22,7 @@ function ExploreMore() {
         height={"7px"}
       />
     </div>
-    <div className='explore-more'> 😌 Keep calm & carry on 🐤 Just do it 🫶 Don't worry! -<span style={{color: "red"}}> ♥️</span>-</div>
+    <div className='explore-more'>-<span style={{color: "red"}}> ♥️</span>- Keep calm & carry on .. Just do it .. Don't worry! -<span style={{color: "red"}}> ♥️</span>-</div>
   </>
   )
 }

src/pages/Portfolio/features/components/ExploreMore/ExploreMore.tsx

@@ -22,7 +22,7 @@ const PortfolioHeaderLeaveMessage = () => {
                 <input
                     // value={message}
                     type="text"
-                    value="Method isn't complete yet! 😄"
+                    value="feature isn't complete yet! 😄"
                     className={ClassNames.noClose}
                     onChange={(e) => setMessage(e.target.value)}
                 />