From 7e16f500cb7bc0cfd8bafbf6bb1555704f771231 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 29 Apr 2022 12:13:34 +0200 Subject: chore: remove old pages, components, helpers and types Since I'm using new components, I will also rewrite the GraphQL queries so it is easier to start from scratch. --- src/components/Icons/Arrow/Arrow.module.scss | 7 -- src/components/Icons/Arrow/Arrow.tsx | 81 ---------------------- src/components/Icons/Blog/Blog.module.scss | 23 ------ src/components/Icons/Blog/Blog.tsx | 62 ----------------- src/components/Icons/CV/CV.module.scss | 54 --------------- src/components/Icons/CV/CV.tsx | 58 ---------------- src/components/Icons/Close/Close.module.scss | 13 ---- src/components/Icons/Close/Close.tsx | 22 ------ src/components/Icons/Cog/Cog.module.scss | 10 --- src/components/Icons/Cog/Cog.tsx | 16 ----- src/components/Icons/Contact/Contact.module.scss | 29 -------- src/components/Icons/Contact/Contact.tsx | 54 --------------- .../Icons/Copyright/Copyright.module.scss | 7 -- src/components/Icons/Copyright/Copyright.tsx | 23 ------ .../Icons/Hamburger/Hamburger.module.scss | 56 --------------- src/components/Icons/Hamburger/Hamburger.tsx | 10 --- src/components/Icons/Home/Home.module.scss | 42 ----------- src/components/Icons/Home/Home.tsx | 42 ----------- src/components/Icons/Moon/Moon.module.scss | 8 --- src/components/Icons/Moon/Moon.tsx | 25 ------- src/components/Icons/Projects/Projects.module.scss | 40 ----------- src/components/Icons/Projects/Projects.tsx | 66 ------------------ src/components/Icons/Search/Search.module.scss | 31 --------- src/components/Icons/Search/Search.tsx | 30 -------- src/components/Icons/Sun/Sun.module.scss | 8 --- src/components/Icons/Sun/Sun.tsx | 25 ------- src/components/Icons/index.tsx | 29 -------- 27 files changed, 871 deletions(-) delete mode 100644 src/components/Icons/Arrow/Arrow.module.scss delete mode 100644 src/components/Icons/Arrow/Arrow.tsx delete mode 100644 src/components/Icons/Blog/Blog.module.scss delete mode 100644 src/components/Icons/Blog/Blog.tsx delete mode 100644 src/components/Icons/CV/CV.module.scss delete mode 100644 src/components/Icons/CV/CV.tsx delete mode 100644 src/components/Icons/Close/Close.module.scss delete mode 100644 src/components/Icons/Close/Close.tsx delete mode 100644 src/components/Icons/Cog/Cog.module.scss delete mode 100644 src/components/Icons/Cog/Cog.tsx delete mode 100644 src/components/Icons/Contact/Contact.module.scss delete mode 100644 src/components/Icons/Contact/Contact.tsx delete mode 100644 src/components/Icons/Copyright/Copyright.module.scss delete mode 100644 src/components/Icons/Copyright/Copyright.tsx delete mode 100644 src/components/Icons/Hamburger/Hamburger.module.scss delete mode 100644 src/components/Icons/Hamburger/Hamburger.tsx delete mode 100644 src/components/Icons/Home/Home.module.scss delete mode 100644 src/components/Icons/Home/Home.tsx delete mode 100644 src/components/Icons/Moon/Moon.module.scss delete mode 100644 src/components/Icons/Moon/Moon.tsx delete mode 100644 src/components/Icons/Projects/Projects.module.scss delete mode 100644 src/components/Icons/Projects/Projects.tsx delete mode 100644 src/components/Icons/Search/Search.module.scss delete mode 100644 src/components/Icons/Search/Search.tsx delete mode 100644 src/components/Icons/Sun/Sun.module.scss delete mode 100644 src/components/Icons/Sun/Sun.tsx delete mode 100644 src/components/Icons/index.tsx (limited to 'src/components/Icons') diff --git a/src/components/Icons/Arrow/Arrow.module.scss b/src/components/Icons/Arrow/Arrow.module.scss deleted file mode 100644 index 49e9b02..0000000 --- a/src/components/Icons/Arrow/Arrow.module.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - fill: var(--color-primary); - width: var(--icon-size, #{fun.convert-px(30)}); - transition: all 0.25s ease-in-out 0s; -} diff --git a/src/components/Icons/Arrow/Arrow.tsx b/src/components/Icons/Arrow/Arrow.tsx deleted file mode 100644 index e9131d1..0000000 --- a/src/components/Icons/Arrow/Arrow.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import styles from './Arrow.module.scss'; - -type ArrowDirection = 'top' | 'right' | 'bottom' | 'left'; - -const ArrowIcon = ({ direction = 'right' }: { direction?: ArrowDirection }) => { - if (direction === 'top') { - return ( - - - - - ); - } - - if (direction === 'bottom') { - return ( - - - - - ); - } - - if (direction === 'left') { - return ( - - - - - ); - } - - return ( - - - - - ); -}; - -export default ArrowIcon; diff --git a/src/components/Icons/Blog/Blog.module.scss b/src/components/Icons/Blog/Blog.module.scss deleted file mode 100644 index 5376c61..0000000 --- a/src/components/Icons/Blog/Blog.module.scss +++ /dev/null @@ -1,23 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.lines { - fill: var(--color-fg); - stroke-width: 4; -} - -.picture { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); -} - -.background { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 4; -} diff --git a/src/components/Icons/Blog/Blog.tsx b/src/components/Icons/Blog/Blog.tsx deleted file mode 100644 index bd32111..0000000 --- a/src/components/Icons/Blog/Blog.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import styles from './Blog.module.scss'; - -const BlogIcon = () => { - return ( - - - - - - - - - - - - - - - ); -}; - -export default BlogIcon; diff --git a/src/components/Icons/CV/CV.module.scss b/src/components/Icons/CV/CV.module.scss deleted file mode 100644 index aaa8a1a..0000000 --- a/src/components/Icons/CV/CV.module.scss +++ /dev/null @@ -1,54 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.lock { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 3; -} - -.lines { - fill: var(--color-fg); - stroke-width: 4; -} - -.seal-top { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 2; -} - -.seal-bottom { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 2; -} - -.diploma { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.top { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.handle { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 3; -} - -.bottom { - fill: var(--color-primary); - stroke: var(--color-primary-darker); - stroke-width: 4; -} diff --git a/src/components/Icons/CV/CV.tsx b/src/components/Icons/CV/CV.tsx deleted file mode 100644 index 876d1cb..0000000 --- a/src/components/Icons/CV/CV.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import styles from './CV.module.scss'; - -const CVIcon = () => { - return ( - - - - - - - - - - - - - - ); -}; - -export default CVIcon; diff --git a/src/components/Icons/Close/Close.module.scss b/src/components/Icons/Close/Close.module.scss deleted file mode 100644 index 5a1f638..0000000 --- a/src/components/Icons/Close/Close.module.scss +++ /dev/null @@ -1,13 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.line { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 3; -} diff --git a/src/components/Icons/Close/Close.tsx b/src/components/Icons/Close/Close.tsx deleted file mode 100644 index 12214de..0000000 --- a/src/components/Icons/Close/Close.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import styles from './Close.module.scss'; - -const CloseIcon = () => { - return ( - - - - - ); -}; - -export default CloseIcon; diff --git a/src/components/Icons/Cog/Cog.module.scss b/src/components/Icons/Cog/Cog.module.scss deleted file mode 100644 index a861f0c..0000000 --- a/src/components/Icons/Cog/Cog.module.scss +++ /dev/null @@ -1,10 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - width: var(--icon-size, #{fun.convert-px(40)}); - margin: auto; - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; -} diff --git a/src/components/Icons/Cog/Cog.tsx b/src/components/Icons/Cog/Cog.tsx deleted file mode 100644 index 7a04d76..0000000 --- a/src/components/Icons/Cog/Cog.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import styles from './Cog.module.scss'; - -const CogIcon = () => { - return ( - - - - - ); -}; - -export default CogIcon; diff --git a/src/components/Icons/Contact/Contact.module.scss b/src/components/Icons/Contact/Contact.module.scss deleted file mode 100644 index 963c1dc..0000000 --- a/src/components/Icons/Contact/Contact.module.scss +++ /dev/null @@ -1,29 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.envelop { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.lines { - fill: var(--color-fg); -} - -.background { - fill: var(--color-shadow-dark); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.paper { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 4; -} diff --git a/src/components/Icons/Contact/Contact.tsx b/src/components/Icons/Contact/Contact.tsx deleted file mode 100644 index 19295d0..0000000 --- a/src/components/Icons/Contact/Contact.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import styles from './Contact.module.scss'; - -const ContactIcon = () => { - return ( - - - - - - - - - - - - - ); -}; - -export default ContactIcon; diff --git a/src/components/Icons/Copyright/Copyright.module.scss b/src/components/Icons/Copyright/Copyright.module.scss deleted file mode 100644 index 8ea801e..0000000 --- a/src/components/Icons/Copyright/Copyright.module.scss +++ /dev/null @@ -1,7 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - width: var(--icon-size, #{fun.convert-px(40)}); - fill: var(--color-fg); -} diff --git a/src/components/Icons/Copyright/Copyright.tsx b/src/components/Icons/Copyright/Copyright.tsx deleted file mode 100644 index d27c042..0000000 --- a/src/components/Icons/Copyright/Copyright.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import styles from './Copyright.module.scss'; - -const CopyrightIcon = () => { - return ( - - CC BY SA - - - - - - - - - - ); -}; - -export default CopyrightIcon; diff --git a/src/components/Icons/Hamburger/Hamburger.module.scss b/src/components/Icons/Hamburger/Hamburger.module.scss deleted file mode 100644 index 9965c5e..0000000 --- a/src/components/Icons/Hamburger/Hamburger.module.scss +++ /dev/null @@ -1,56 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - position: relative; - width: 100%; - - &, - &::before, - &::after { - background: var(--color-primary-lighter); - background-image: linear-gradient( - to right, - var(--color-primary-light) 0%, - var(--color-primary-lighter) 100% - ); - border: fun.convert-px(1) solid var(--color-primary-darker); - border-radius: fun.convert-px(3); - display: block; - height: fun.convert-px(7); - margin: auto; - transition: all 0.25s ease-in-out 0s, transform 0.4s ease-in 0s; - } - - &::before, - &::after { - content: ""; - position: absolute; - left: fun.convert-px(-1); - right: fun.convert-px(-1); - } - - &::before { - bottom: fun.convert-px(15); - } - - &::after { - top: fun.convert-px(15); - } - - &--active { - background: transparent; - border: transparent; - - &::before { - transform-origin: 50% 50%; - transform: rotate(45deg); - bottom: 0; - } - - &::after { - transform-origin: 50% 50%; - transform: rotate(-45deg); - top: 0; - } - } -} diff --git a/src/components/Icons/Hamburger/Hamburger.tsx b/src/components/Icons/Hamburger/Hamburger.tsx deleted file mode 100644 index 9b39272..0000000 --- a/src/components/Icons/Hamburger/Hamburger.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import styles from './Hamburger.module.scss'; - -const HamburgerIcon = ({ isActive }: { isActive: boolean }) => { - const withModifier = isActive ? ` ${styles['icon--active']}` : ''; - const iconClasses = `${styles.icon} ${withModifier}`; - - return ; -}; - -export default HamburgerIcon; diff --git a/src/components/Icons/Home/Home.module.scss b/src/components/Icons/Home/Home.module.scss deleted file mode 100644 index f2e7f9e..0000000 --- a/src/components/Icons/Home/Home.module.scss +++ /dev/null @@ -1,42 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.wall { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.indoor { - fill: var(--color-shadow-dark); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.door { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.roof { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.chimney { - fill: var(--color-bg); - stroke: var(--color-primary-darker); - stroke-width: 4; -} - -.lines { - fill: var(--color-primary-darker); - stroke-width: 4; -} diff --git a/src/components/Icons/Home/Home.tsx b/src/components/Icons/Home/Home.tsx deleted file mode 100644 index 11c0c8c..0000000 --- a/src/components/Icons/Home/Home.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import styles from './Home.module.scss'; - -const HomeIcon = () => { - return ( - - - - - - - - - - ); -}; - -export default HomeIcon; diff --git a/src/components/Icons/Moon/Moon.module.scss b/src/components/Icons/Moon/Moon.module.scss deleted file mode 100644 index 799a282..0000000 --- a/src/components/Icons/Moon/Moon.module.scss +++ /dev/null @@ -1,8 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.moon { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; - width: var(--icon-size, #{fun.convert-px(25)}); -} diff --git a/src/components/Icons/Moon/Moon.tsx b/src/components/Icons/Moon/Moon.tsx deleted file mode 100644 index 26f56a1..0000000 --- a/src/components/Icons/Moon/Moon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { useIntl } from 'react-intl'; -import styles from './Moon.module.scss'; - -const MoonIcon = () => { - const intl = useIntl(); - - return ( - - - {intl.formatMessage({ - defaultMessage: 'Dark theme', - description: 'Icons: Moon icon (dark theme)', - id: 'ode0YK', - })} - - - - ); -}; - -export default MoonIcon; diff --git a/src/components/Icons/Projects/Projects.module.scss b/src/components/Icons/Projects/Projects.module.scss deleted file mode 100644 index 3cf939a..0000000 --- a/src/components/Icons/Projects/Projects.module.scss +++ /dev/null @@ -1,40 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.root, -.separator, -.cursor, -.line, -.text { - fill: var(--color-fg); -} - -.stand { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-dark); - - &--top { - stroke-width: 3; - } - - &--bottom { - stroke-width: 2; - } -} - -.screen { - fill: var(--color-bg); - stroke: var(--color-primary-dark); - stroke-width: 3; -} - -.contour { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-dark); - stroke-width: 3; -} diff --git a/src/components/Icons/Projects/Projects.tsx b/src/components/Icons/Projects/Projects.tsx deleted file mode 100644 index d4af247..0000000 --- a/src/components/Icons/Projects/Projects.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import styles from './Projects.module.scss'; - -const ProjectsIcon = () => { - return ( - - - - - - - - - - - - - - - - ); -}; - -export default ProjectsIcon; diff --git a/src/components/Icons/Search/Search.module.scss b/src/components/Icons/Search/Search.module.scss deleted file mode 100644 index 4c42028..0000000 --- a/src/components/Icons/Search/Search.module.scss +++ /dev/null @@ -1,31 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.icon { - display: block; - margin: auto; - width: var(--icon-size, #{fun.convert-px(40)}); -} - -.big-handle { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 3; -} - -.glass { - fill: var(--color-bg-opacity); - stroke: var(--color-primary-darker); - stroke-width: 2; -} - -.upright { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 3; -} - -.small-handle { - fill: var(--color-primary); - stroke: var(--color-primary-darker); - stroke-width: 2; -} diff --git a/src/components/Icons/Search/Search.tsx b/src/components/Icons/Search/Search.tsx deleted file mode 100644 index abb7b53..0000000 --- a/src/components/Icons/Search/Search.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import styles from './Search.module.scss'; - -const SearchIcon = () => { - return ( - - - - - - - ); -}; - -export default SearchIcon; diff --git a/src/components/Icons/Sun/Sun.module.scss b/src/components/Icons/Sun/Sun.module.scss deleted file mode 100644 index 5682aa3..0000000 --- a/src/components/Icons/Sun/Sun.module.scss +++ /dev/null @@ -1,8 +0,0 @@ -@use "@styles/abstracts/functions" as fun; - -.sun { - fill: var(--color-primary-lighter); - stroke: var(--color-primary-darker); - stroke-width: 4; - width: var(--icon-size, #{fun.convert-px(25)}); -} diff --git a/src/components/Icons/Sun/Sun.tsx b/src/components/Icons/Sun/Sun.tsx deleted file mode 100644 index 12f47d3..0000000 --- a/src/components/Icons/Sun/Sun.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { useIntl } from 'react-intl'; -import styles from './Sun.module.scss'; - -const SunIcon = () => { - const intl = useIntl(); - - return ( - - - {intl.formatMessage({ - defaultMessage: 'Light theme', - description: 'Icons: Sun icon (light theme)', - id: 'KeRtm/', - })} - - - - ); -}; - -export default SunIcon; diff --git a/src/components/Icons/index.tsx b/src/components/Icons/index.tsx deleted file mode 100644 index 5fe2c19..0000000 --- a/src/components/Icons/index.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import ArrowIcon from './Arrow/Arrow'; -import BlogIcon from './Blog/Blog'; -import CloseIcon from './Close/Close'; -import CogIcon from './Cog/Cog'; -import ContactIcon from './Contact/Contact'; -import CopyrightIcon from './Copyright/Copyright'; -import CVIcon from './CV/CV'; -import HamburgerIcon from './Hamburger/Hamburger'; -import HomeIcon from './Home/Home'; -import MoonIcon from './Moon/Moon'; -import ProjectsIcon from './Projects/Projects'; -import SearchIcon from './Search/Search'; -import SunIcon from './Sun/Sun'; - -export { - ArrowIcon, - BlogIcon, - CloseIcon, - CogIcon, - ContactIcon, - CopyrightIcon, - CVIcon, - HamburgerIcon, - HomeIcon, - MoonIcon, - ProjectsIcon, - SearchIcon, - SunIcon, -}; -- cgit v1.2.3