Home page and dependencies upgrades

.github/workflows/main.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Install and Build 🔧
         uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 20
           cache: yarn
 
       - run: yarn install --immutable --immutable-cache --check-cache

.nvmrc

@@ -1 +1 @@
-v16.18.0
+v20.10.0

data/profile.yml

@@ -3,7 +3,7 @@ name: Luis J. Centeno
 title: Full-Stack Web Developer
 photo: /images/avatar.jpeg
 about: Passionate full-stack web developer with more than
-    five years of experience in web development. Worked with
+    seven years of experience in web development. Worked with
     backend technologies like Django, Ruby on Rails, Nodejs with
     Expressjs, also in frontend with ReactJS, VueJS, and Angular.
     Experienced in testing, CI/CD, git, remote working.

next.config.js

@@ -5,7 +5,7 @@ const path = require('path')
  */
 module.exports = {
     output: 'export',
-    distDir: 'dist',
+    distDir: 'out',
     sassOptions: {
         includePaths: [path.join(__dirname, 'styles')],
     },

package.json

@@ -8,18 +8,18 @@
     "start": "next start"
   },
   "dependencies": {
-    "bulma": "^0.9.3",
-    "eslint-config-next": "^13.2.4",
-    "html-react-parser": "^1.4.8",
-    "marked": "^4.3.0",
-    "next": "^13.2.4",
+    "bulma": "^0.9.4",
+    "eslint-config-next": "^13.5.6",
+    "html-react-parser": "^5.1.4",
+    "marked": "^12.0.0",
+    "next": "13.5.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-ionicons": "^4.2.0",
-    "sass": "^1.49.9"
+    "react-ionicons": "^4.2.1",
+    "sass": "^1.70.0"
   },
   "devDependencies": {
     "js-yaml-loader": "^1.2.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^6.1.8"
   }
 }

pages/index.jsx

@@ -26,10 +26,8 @@ const Home = () => {
                     <div className="column HomePage-scrollContainer">
                         <div className="HomePage-scrollArea">
                             <AboutMeBox description={Profile.about} />
-
-                            <ProjectsBox projects={Projects} />
-
                             <WorkExperience jobs={WorkExp} />
+                            <ProjectsBox projects={Projects} />
                         </div>
                     </div>
                 </div>

styles/components/_timeline.scss

@@ -23,6 +23,10 @@
             border-radius: 32px;
         }
 
+        &:last-child {
+            border-bottom: none;
+        }
+
         &:not(&:last-child) {
             &::after {
                 content: ' ';