+
+
+
+
+
+
diff --git a/src/context/AppContext.js b/src/context/AppContext.js
index f33686db..31cd2eac 100644
--- a/src/context/AppContext.js
+++ b/src/context/AppContext.js
@@ -24,47 +24,52 @@ const initialState = {
email: '',
},
objective: {
- enable: false,
+ enable: true,
heading: 'Objective',
body: '',
},
work: {
- enable: false,
+ enable: true,
heading: 'Work Experience',
items: [],
},
education: {
- enable: false,
+ enable: true,
heading: 'Education',
items: [],
},
awards: {
- enable: false,
+ enable: true,
heading: 'Honors & Awards',
items: [],
},
certifications: {
- enable: false,
+ enable: true,
heading: 'Certifications',
items: [],
},
skills: {
- enable: false,
- heading: 'Skills & Hobbies',
+ enable: true,
+ heading: 'Skills',
+ items: [],
+ },
+ hobbies: {
+ enable: true,
+ heading: 'Hobbies',
items: [],
},
languages: {
- enable: false,
+ enable: true,
heading: 'Languages',
items: [],
},
references: {
- enable: false,
+ enable: true,
heading: 'References',
items: [],
},
extras: {
- enable: false,
+ enable: true,
heading: 'Personal Information',
items: [],
},
@@ -97,7 +102,7 @@ const reducer = (state, { type, payload }) => {
return set({ ...state }, `data.${payload.key}.items`, items);
case 'delete_item':
items = get({ ...state }, `data.${payload.key}.items`, []);
- remove(items, (x) => x === payload.value);
+ remove(items, x => x === payload.value);
return set({ ...state }, `data.${payload.key}.items`, items);
case 'move_item_up':
items = get({ ...state }, `data.${payload.key}.items`, []);
diff --git a/src/i18n/locales/vi/rightSidebar/about.json b/src/i18n/locales/vi/rightSidebar/about.json
index f183c7cb..595bcade 100644
--- a/src/i18n/locales/vi/rightSidebar/about.json
+++ b/src/i18n/locales/vi/rightSidebar/about.json
@@ -24,7 +24,7 @@
},
"license": {
"heading": "Thông tin Giấy phép",
- "body": "Dự án này được điều chỉnh bởi Giấy phép MIT, bạn có thể đọc thêm về nó dưới đây. Về cơ bản, bạn được sử dụng dự án này ở bất kì đâu, chỉ cần bạn công nhận tác giả gốc.",
+ "body": "Dự án này được điều chỉnh bởi Giấy phép MIT, bạn có thể đọc thêm về nó dưới đây. Về cơ bản, bạn được xử dụng dự án này ở bất kì đâu, chỉ cần bạn công nhận tác giả gốc.",
"buttons": {
"mitLicense": "Giấy phép MIT"
}
diff --git a/src/index.css b/src/index.css
index cc8453cf..d3b7efe7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,12 +1,5 @@
-/* Google Fonts */
-@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');
+@import './assets/css/animate.css';
+@import './assets/css/fonts.css';
* {
-ms-overflow-style: none;
diff --git a/src/shared/Checkbox.js b/src/shared/Checkbox.js
index 48fbaeb3..e1b24e6d 100644
--- a/src/shared/Checkbox.js
+++ b/src/shared/Checkbox.js
@@ -3,17 +3,21 @@ import React from 'react';
const Checkbox = ({ checked, onChange, icon = 'check', size = '2rem' }) => {
return (
onChange(e.target.checked)}
/>
-
+
{icon}
diff --git a/src/shared/PageController.js b/src/shared/PageController.js
index 3b7e3584..228841bd 100644
--- a/src/shared/PageController.js
+++ b/src/shared/PageController.js
@@ -18,7 +18,7 @@ const PageController = () => {
id="pageController"
className="absolute z-20 opacity-75 hover:opacity-100 transition-all duration-150"
>
-
+
zoom_in
diff --git a/src/shared/PanZoomAnimation.js b/src/shared/PanZoomAnimation.js
index f01ace0c..7f890dd3 100644
--- a/src/shared/PanZoomAnimation.js
+++ b/src/shared/PanZoomAnimation.js
@@ -9,7 +9,7 @@ const PanZoomAnimation = () => {
useEffect(() => {
setTimeout(() => setAnimationVisible(true), 500);
- setTimeout(() => setAnimationVisible(false), 4500);
+ setTimeout(() => setAnimationVisible(false), 3000);
}, []);
return (
diff --git a/src/templates/castform/Castform.js b/src/templates/castform/Castform.js
index 3ec7ef64..7ede2dff 100644
--- a/src/templates/castform/Castform.js
+++ b/src/templates/castform/Castform.js
@@ -93,6 +93,21 @@ const Castform = () => {
);
+ const HobbyItem = x => (
+
+ {x}
+
+ );
+
+ const Hobbies = () =>
+ data.hobbies &&
+ data.hobbies.enable && (
+
+
+
{data.hobbies.items.map(HobbyItem)}
+
+ );
+
const Objective = () =>
data.objective && data.objective.enable &&
{data.objective.body}
;
@@ -251,7 +266,7 @@ const Castform = () => {
data.extras &&
data.extras.enable && (
-
+
{data.extras.items.filter(x => x.enable).map(ExtraItem)}
);
@@ -276,9 +291,9 @@ const Castform = () => {
+
-
@@ -286,6 +301,7 @@ const Castform = () => {
+