fix: link styles with underline on hover

.github/workflows/Divlo.yml

@@ -7,32 +7,120 @@ on:
     branches: [master]
 
 jobs:
-  ci:
+  analyze:
+    name: 'Analyze'
     runs-on: 'ubuntu-latest'
-    strategy:
-      matrix:
-        node-version: [14.x]
-    steps:
-      - uses: 'actions/checkout@v2'
 
-      - name: Use Node.js ${{ matrix.node-version }}
+    strategy:
+      fail-fast: false
+      matrix:
+        language: ['javascript']
+
+    steps:
+      - uses: 'actions/checkout@v2.3.4'
+
+      - name: 'Initialize CodeQL'
+        uses: 'github/codeql-action/init@v1'
+        with:
+          languages: ${{ matrix.language }}
+
+      - name: 'Perform CodeQL Analysis'
+        uses: 'github/codeql-action/analyze@v1'
+
+  lint:
+    runs-on: 'ubuntu-latest'
+    steps:
+      - uses: 'actions/checkout@v2.3.4'
+
+      - name: 'Use Node.js'
         uses: 'actions/setup-node@v2.1.5'
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: '14.x'
 
       - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.5'
+        uses: 'actions/cache@v2.1.6'
         with:
           path: '.npm'
           key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
 
-      - run: 'npm install --global npm@7'
-      - run: 'npm ci --cache .npm --prefer-offline'
+      - name: 'Install'
+        run: 'npm ci --cache .npm --prefer-offline'
+
       - run: 'npm run lint:commit -- --to "${{ github.sha }}"'
       - run: 'npm run lint:docker'
       - run: 'npm run lint:editorconfig'
       - run: 'npm run lint:markdown'
       - run: 'npm run lint:typescript'
-      - run: 'npm run build'
-      - run: 'npm run lighthouse'
-      - run: 'npm run test'
+
+  build:
+    runs-on: 'ubuntu-latest'
+    steps:
+      - uses: 'actions/checkout@v2.3.4'
+
+      - name: 'Use Node.js'
+        uses: 'actions/setup-node@v2.1.5'
+        with:
+          node-version: '14.x'
+
+      - name: 'Cache dependencies'
+        uses: 'actions/cache@v2.1.6'
+        with:
+          path: '.npm'
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
+      - name: 'Install'
+        run: 'npm ci --cache .npm --prefer-offline'
+
+      - name: 'Build'
+        run: 'npm run build'
+
+      - name: 'Lighthouse'
+        run: 'npm run lighthouse'
+
+  test:
+    runs-on: 'ubuntu-latest'
+    steps:
+      - uses: 'actions/checkout@v2.3.4'
+
+      - name: 'Use Node.js'
+        uses: 'actions/setup-node@v2.1.5'
+        with:
+          node-version: '14.x'
+
+      - name: 'Cache dependencies'
+        uses: 'actions/cache@v2.1.6'
+        with:
+          path: '.npm'
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
+      - name: 'Install'
+        run: 'npm ci --cache .npm --prefer-offline'
+
+      - name: 'Test'
+        run: 'npm run test'
+
+  release:
+    if: github.ref == 'refs/heads/master' && github.event_name == 'push'
+    needs: [analyze, lint, build, test]
+    runs-on: 'ubuntu-latest'
+    steps:
+      - uses: 'actions/checkout@v2.3.4'
+
+      - name: 'Use Node.js'
+        uses: 'actions/setup-node@v2.1.5'
+        with:
+          node-version: '14.x'
+
+      - name: 'Cache dependencies'
+        uses: 'actions/cache@v2.1.6'
+        with:
+          path: '.npm'
+          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
+
+      - name: 'Install'
+        run: 'npm ci --cache .npm --prefer-offline'
+
+      - name: 'Release'
+        run: 'npm run release'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/codeql-analysis.yml

@@ -1,28 +0,0 @@
-name: 'CodeQL'
-
-on:
-  push:
-    branches: [master]
-  pull_request:
-    branches: [master]
-
-jobs:
-  analyze:
-    name: 'Analyze'
-    runs-on: 'ubuntu-latest'
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: ['javascript']
-
-    steps:
-      - uses: 'actions/checkout@v2'
-
-      - name: 'Initialize CodeQL'
-        uses: 'github/codeql-action/init@v1'
-        with:
-          languages: ${{ matrix.language }}
-
-      - name: 'Perform CodeQL Analysis'
-        uses: 'github/codeql-action/analyze@v1'

.github/workflows/release.yml

@@ -1,34 +0,0 @@
-name: 'Release'
-
-on:
-  workflow_run:
-    workflows: [Divlo]
-    branches: [master]
-    types:
-      - 'completed'
-
-jobs:
-  release:
-    runs-on: 'ubuntu-latest'
-    strategy:
-      matrix:
-        node-version: [14.x]
-    steps:
-      - uses: 'actions/checkout@v2'
-
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: 'actions/setup-node@v2.1.5'
-        with:
-          node-version: ${{ matrix.node-version }}
-
-      - name: 'Cache dependencies'
-        uses: 'actions/cache@v2.1.5'
-        with:
-          path: '.npm'
-          key: ${{ runner.os }}-${{ hashFiles('**/package-lock.json') }}
-
-      - run: 'npm install --global npm@7'
-      - run: 'npm ci --cache .npm --prefer-offline'
-      - run: 'npm run release'
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.lighthouserc.json

@@ -13,6 +13,7 @@
         "legacy-javascript": "off",
         "unused-javascript": "off",
         "uses-rel-preload": "off",
+        "csp-xss": "off",
         "canonical": "off",
         "unsized-images": "off",
         "uses-responsive-images": "off",

.releaserc.json

@@ -1,4 +1,5 @@
 {
+  "branches": ["master"],
   "plugins": [
     [
       "@semantic-release/commit-analyzer",
@@ -6,7 +7,12 @@
         "preset": "conventionalcommits"
       }
     ],
+    [
       "@semantic-release/release-notes-generator",
+      {
+        "preset": "conventionalcommits"
+      }
+    ],
     "@semantic-release/github"
   ]
 }

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:16.1.0
+FROM node:16.3.0
 
 WORKDIR /usr/src/app
 RUN chown --recursive node:node /usr/src/app

components/Interests/InterestParagraph.tsx

@@ -15,7 +15,7 @@ export const InterestParagraph: React.FC<InterestParagraphProps> = (props) => {
           {title}
         </strong>
         <br />
-        <span className='paragraph-color'>{htmlParser(description)}</span>
+        <span>{htmlParser(description)}</span>
       </p>
     </>
   )

components/Profile/ProfileDescriptionBottom.tsx

@@ -2,7 +2,7 @@ import Translation from 'next-translate/Trans'
 
 export const ProfileDescriptionBottom: React.FC = () => {
   return (
-    <p className='block mt-8 mb-0 font-normal text-base text-gray dark:text-gray-dark'>
+    <p className='mt-8 mb-8 font-normal text-base text-gray dark:text-gray-dark'>
       <Translation
         i18nKey='home:about.descriptionBottom'
         components={[<br key='break' />]}

components/Profile/ProfileList/ProfileItem.tsx

@@ -15,7 +15,10 @@ export const ProfileItem: React.FC<ProfileItemProps> = (props) => {
         </strong>
         <span className='profile-list__item-info text-gray dark:text-gray-dark'>
           {link != null ? (
-            <a className='text-gray dark:text-gray-dark' href={link}>
+            <a
+              className='text-gray dark:text-gray-dark hover:underline'
+              href={link}
+            >
               {value}
             </a>
           ) : (

components/Profile/SocialMediaList/index.tsx

@@ -7,7 +7,7 @@ import { EmailIcon } from './SocialMediaIcons/EmailIcon'
 
 export const SocialMediaList: React.FC = () => {
   return (
-    <ul className='social-media-list m-0 p-0 list-none text-center mt-2 px-0 py-4'>
+    <ul className='social-media-list m-0 mt-2 py-4 list-none text-center'>
       <SocialMediaItem link='https://twitter.com/Divlo_FR' ariaLabel='Twitter'>
         <TwitterIcon />
       </SocialMediaItem>

components/Profile/index.tsx

@@ -5,9 +5,9 @@ import { ProfileLogo } from './ProfileLogo'
 
 export const Profile: React.FC = () => {
   return (
-    <div className='flex flex-col justify-center items-center px-10 pt-2 pb-6 md:pt-10 xl:pt-0 md:flex-row'>
+    <div className='flex flex-col justify-center items-center px-10 pt-2 md:pt-10 xl:pt-0 md:flex-row'>
       <ProfileLogo />
-      <div className='col-sm-24 col-md-14'>
+      <div>
         <ProfileInfo />
         <ProfileList />
         <ProfileDescriptionBottom />

components/design/ShadowContainer.tsx

@@ -9,7 +9,7 @@ export const ShadowContainer: React.FC<ShadowContainerProps> = (props) => {
     <>
       <div
         className={classNames(
-          'shadow-container flex flex-col h-full max-w-full break-words',
+          'shadow-container h-full max-w-full break-words',
           className
         )}
         {...rest}

jest.config.js

@@ -5,6 +5,7 @@ module.exports = {
   },
   moduleDirectories: ['node_modules', './'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  testEnvironment: 'jsdom',
   setupFilesAfterEnv: [
     '@testing-library/jest-dom/extend-expect',
     '@testing-library/react'

locales/en/home.json

@@ -4,22 +4,22 @@
     "description": "Developer Full Stack Junior • Passionate about High-Tech",
     "birthDate": "Birth date",
     "nationality": "Nationality",
-    "descriptionBottom": "I'm learning online programming languages to improve my skills in my passion. <0/> <0/> I designed my graphic chart and my website."
+    "descriptionBottom": "I am self-taught in Computer Science by following online trainings. <0/> <0/> I put into practice everything I learn and make many projects."
   },
   "interests": {
     "title": "My Interests",
     "paragraphs": [
       {
         "title": "Developer Full Stack Junior :",
-        "description": "Computer programming is my main passion, I love it! <br/> Mostly web development for the moment but I'm programming some Python and others programming language too."
+        "description": "Computer programming is my main hobby, I love it! <br/> Mostly web development for the moment but I'm programming some Python and others programming language too."
       },
       {
         "title": "Passionate about High-Tech :",
-        "description": "I always wondered how the future would be. Every day I want to wake up and think that the future will be great and even better than the past. Technologies improve gradually over time, which is very useful in many areas."
+        "description": "I always wondered how the future would be. Every day I want to wake up and think that the future will be great and better than the past. Technologies improve gradually over time, which is very useful in many areas."
       },
       {
         "title": "Open-Source enthusiast :",
-        "description": "For me, everyone should work, solve problems, build things and think together. Long live open source, whenever you can share your work, do it! <br/> The website is open-source on <a href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>github</a>."
+        "description": "For me, everyone should work, solve problems, build things and think together. Long live open source, whenever you can share your work, do it! <br/> The website is open-source on <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>github</a>."
       }
     ]
   },

locales/fr/home.json

@@ -4,22 +4,22 @@
     "description": "Développeur Full Stack Junior • Passionné de High-Tech",
     "birthDate": "Date de naissance",
     "nationality": "Nationalité",
-    "descriptionBottom": "J'apprends en ligne l'informatique et les langages de programmation pour m'améliorer dans ma passion. <0/> <0/> J'ai conçu ma charte graphique et mon site internet."
+    "descriptionBottom": "Je me forme en autodidacte dans l'informatique en suivant des formations en ligne. <0/> <0/> Je mets en pratique tout ce que j'apprends et réalise de nombreux projets."
   },
   "interests": {
     "title": "Mes intérêts",
     "paragraphs": [
       {
         "title": "Développeur Full Stack Junior :",
-        "description": "La programmation informatique est ma principale passion, j'adore! <br/> Principalement du développement Web pour le moment, mais je programme aussi du Python et d'autres langages de programmation."
+        "description": "La programmation informatique est mon loisir principal, j'adore! <br/> Principalement du développement Web pour le moment, mais je programme aussi du Python et d'autres langages de programmation."
       },
       {
         "title": "Passionné de High-Tech :",
-        "description": "Je me suis toujours demandé comment l'avenir serait. Chaque jour, je veux me réveiller et penser que l'avenir sera formidable et même meilleur que le passé. Les technolgies s'améliorent progressivement avec le temps, ce qui est très utile dans de nombreux domaines."
+        "description": "Je me suis toujours demandé comment l'avenir serait. Chaque jour, je veux me réveiller et penser que l'avenir sera formidable et meilleur que le passé. Les technolgies s'améliorent progressivement avec le temps, ce qui est très utile dans de nombreux domaines."
       },
       {
         "title": "Enthousiaste de l'Open-Source :",
-        "description": "Pour moi, tout le monde devrait travailler, résoudre des problèmes, construire des choses et réfléchir ensemble. Longue vie à l'open-source, chaque fois que vous pouvez partagez votre travail, faites-le! <br/> Le site est open-source sur <a href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>github</a>."
+        "description": "Pour moi, tout le monde devrait travailler, résoudre des problèmes, construire des choses et réfléchir ensemble. Longue vie à l'open-source, chaque fois que vous pouvez partagez votre travail, faites-le! <br/> Le site est open-source sur <a class='text-yellow dark:text-yellow-dark hover:underline' href='https://github.com/Divlo/Divlo' target='_blank' rel='noopener noreferrer'>github</a>."
       }
     ]
   },

package.json

@@ -23,51 +23,51 @@
     "postinstall": "husky install"
   },
   "dependencies": {
-    "@fontsource/montserrat": "4.3.0",
+    "@fontsource/montserrat": "4.4.5",
     "@fortawesome/fontawesome-svg-core": "1.2.35",
     "@fortawesome/free-brands-svg-icons": "5.15.3",
     "@fortawesome/free-solid-svg-icons": "5.15.3",
     "@fortawesome/react-fontawesome": "0.1.14",
     "classnames": "2.3.1",
     "html-react-parser": "1.2.6",
-    "next": "10.2.0",
+    "next": "10.2.3",
     "next-pwa": "5.2.21",
     "next-themes": "0.0.14",
-    "next-translate": "1.0.6",
+    "next-translate": "1.0.7",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "universal-cookie": "4.0.4"
   },
   "devDependencies": {
-    "@commitlint/cli": "12.1.1",
-    "@commitlint/config-conventional": "12.1.1",
-    "@lhci/cli": "0.7.2",
-    "@testing-library/jest-dom": "5.12.0",
-    "@testing-library/react": "11.2.6",
+    "@commitlint/cli": "12.1.4",
+    "@commitlint/config-conventional": "12.1.4",
+    "@lhci/cli": "0.8.0",
+    "@testing-library/jest-dom": "5.13.0",
+    "@testing-library/react": "11.2.7",
     "@types/jest": "26.0.23",
-    "@types/node": "15.0.2",
-    "@types/react": "17.0.5",
+    "@types/node": "15.12.2",
+    "@types/react": "17.0.11",
     "@types/styled-jsx": "2.2.8",
-    "@typescript-eslint/eslint-plugin": "4.22.1",
-    "autoprefixer": "10.2.5",
-    "babel-jest": "26.6.3",
+    "@typescript-eslint/eslint-plugin": "4.26.1",
+    "autoprefixer": "10.2.6",
+    "babel-jest": "27.0.2",
     "dockerfilelint": "1.8.0",
     "editorconfig-checker": "4.0.2",
-    "eslint": "7.26.0",
+    "eslint": "7.28.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-standard-with-typescript": "20.0.0",
-    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-import": "2.23.4",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "3.4.0",
-    "eslint-plugin-promise": "4.3.1",
+    "eslint-plugin-promise": "5.1.0",
     "husky": "6.0.0",
-    "jest": "26.6.3",
+    "jest": "27.0.4",
     "lint-staged": "11.0.0",
     "markdownlint-cli": "0.27.1",
-    "postcss": "8.2.14",
-    "prettier": "2.2.1",
-    "semantic-release": "17.4.2",
-    "tailwindcss": "2.1.2",
-    "typescript": "4.2.4"
+    "postcss": "8.3.0",
+    "prettier": "2.3.1",
+    "semantic-release": "17.4.3",
+    "tailwindcss": "2.1.4",
+    "typescript": "4.3.2"
   }
 }