diff --git a/gatsby-browser.js b/gatsby-browser.js index 05ab514c..1d0cb5ac 100644 --- a/gatsby-browser.js +++ b/gatsby-browser.js @@ -13,6 +13,7 @@ import { StorageProvider } from './src/contexts/StorageContext'; import { ThemeProvider } from './src/contexts/ThemeContext'; import { UserProvider } from './src/contexts/UserContext'; import './src/styles/global.css'; +import './src/styles/forms.css'; import './src/styles/shadows.css'; import './src/styles/tailwind.css'; import './src/styles/toastify.css'; diff --git a/package-lock.json b/package-lock.json index 393194fd..a8a0e18b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18567,6 +18567,20 @@ "is-typedarray": "^1.0.0" } }, + "typeit": { + "version": "7.0.4", + "resolved": "https://registry.npmjs.org/typeit/-/typeit-7.0.4.tgz", + "integrity": "sha512-ETiVr3s4XOXUE9W+tVhF3gxGTf5z4tc35YjvWEQhqKsJhXWvpQlt/D/ZvIHkZzHegU3stxagjeG2pfm1/AWsYQ==" + }, + "typeit-react": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/typeit-react/-/typeit-react-0.1.3.tgz", + "integrity": "sha512-9HiAghnq8NjLj67dakc9C4eCHyunsCgl7ZSo04w/7YWAjs12bHb/+J3geFfTgBVpbWCL6GPDZ7eWBXNZ3ZweGw==", + "requires": { + "@types/react": "^16.9.19", + "typeit": "^7.0.3" + } + }, "unbzip2-stream": { "version": "1.4.3", "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.3.tgz", diff --git a/package.json b/package.json index 8336757d..871180ff 100644 --- a/package.json +++ b/package.json @@ -52,6 +52,7 @@ "react-scroll": "^1.8.0", "react-toastify": "^6.0.8", "short-unique-id": "^3.0.3", + "typeit-react": "^0.1.3", "uuid": "^8.2.0", "yup": "^0.29.1" }, diff --git a/src/components/builder/right/sections/About.js b/src/components/builder/right/sections/About.js index ba78267f..5256f838 100644 --- a/src/components/builder/right/sections/About.js +++ b/src/components/builder/right/sections/About.js @@ -1,5 +1,6 @@ import React, { memo } from 'react'; -import { FaCoffee } from 'react-icons/fa'; +import { FaCoffee, FaBug } from 'react-icons/fa'; +import { MdCode } from 'react-icons/md'; import Button from '../../../shared/Button'; import Heading from '../../../shared/Heading'; import styles from './About.module.css'; @@ -37,6 +38,75 @@ const About = () => { + +
+
Bug? Feature Request?
+ +

+ Something halting your progress from making a resume? Found a pesky + bug that just won't quit? Talk about it on the GitHub Issues + section, or send me and email using the actions below. +

+ +
+ + + +
+
+ +
+
Source Code
+ +

+ Want to run the project from its source? Are you a developer willing + to contribute to the open-source development of this project? Click + the button below. +

+ +
+ + + +
+
+ +
+
License Information
+ +

+ The project is governed under the MIT License, which you can read more + about below. Basically, you are allowed to use the project anywhere + provided you give credits to the original author. +

+ +
+ + + +
+
+ +
+

+ Made with Love by{' '} + + Amruth Pillai + +

+
); }; diff --git a/src/components/builder/right/sections/Settings.js b/src/components/builder/right/sections/Settings.js index d51ac347..27901769 100644 --- a/src/components/builder/right/sections/Settings.js +++ b/src/components/builder/right/sections/Settings.js @@ -1,4 +1,5 @@ import React, { memo, useContext, useState } from 'react'; +import { FaAngleDown } from 'react-icons/fa'; import UserContext from '../../../../contexts/UserContext'; import Button from '../../../shared/Button'; import Heading from '../../../shared/Heading'; @@ -6,6 +7,7 @@ import styles from './Settings.module.css'; import Input from '../../../shared/Input'; import ThemeContext from '../../../../contexts/ThemeContext'; import themeConfig from '../../../../data/themeConfig'; +import languageConfig from '../../../../data/languageConfig'; const Settings = () => { const [deleteText, setDeleteText] = useState('Delete Account'); @@ -16,6 +18,10 @@ const Settings = () => { setTheme(e.target.value); }; + const handleChangeLanguage = (e) => { + console.log(e.target.value); + }; + const handleDeleteAccount = () => { if (deleteText === 'Delete Account') { setDeleteText('Are you sure?'); @@ -40,6 +46,37 @@ const Settings = () => { onChange={handleChangeTheme} /> + + +

+ If you would like to contribute by providing translations to Reactive + Resume in your language,{' '} + + please visit this link + + . +

+
Danger Zone
diff --git a/src/components/landing/Hero.js b/src/components/landing/Hero.js index 374ff973..b4115b34 100644 --- a/src/components/landing/Hero.js +++ b/src/components/landing/Hero.js @@ -1,5 +1,7 @@ import { navigate } from 'gatsby'; +import TypeIt from 'typeit-react'; import React, { memo, useContext } from 'react'; +import { FaGithub } from 'react-icons/fa'; import ModalContext from '../../contexts/ModalContext'; import UserContext from '../../contexts/UserContext'; import Button from '../shared/Button'; @@ -18,7 +20,21 @@ const Hero = () => {
-

Reactive Resume

+

Reactive Resume

+
+ { + return instance + .type('Creative Resume') + .pause(500) + .move(-11) + .delete(4) + .pause(250) + .type('Reac') + .move('END'); + }} + /> +

A free and open-source resume builder.

@@ -33,6 +49,16 @@ const Hero = () => { Login )} + + + +
diff --git a/src/components/shared/Avatar.js b/src/components/shared/Avatar.js index 5b03123c..713f1aa8 100644 --- a/src/components/shared/Avatar.js +++ b/src/components/shared/Avatar.js @@ -18,7 +18,9 @@ const Avatar = ({ className }) => { handleClose(); }; - const photoURL = useMemo(() => toUrl(user.email, 'size=128'), [user.email]); + const photoURL = useMemo(() => toUrl(user.email || '', 'size=128&d=retro'), [ + user.email, + ]); return (
@@ -31,7 +33,7 @@ const Avatar = ({ className }) => { > {user.displayName}
diff --git a/src/components/shared/Input.js b/src/components/shared/Input.js index 9ac96d8f..7ca84135 100644 --- a/src/components/shared/Input.js +++ b/src/components/shared/Input.js @@ -46,7 +46,7 @@ const Input = ({ }; return ( -
+