updated cv and projects

_data/other-projects.yml

@@ -1,83 +1,3 @@
-- name: Webserv 🎓
-  url: https://github.com/dda-cunh/webserv
-  description: implementation of a a non-blocking HTTP server. It supports GET, POST, and DELETE methods and can serve static files, handle CGI requests, and upload files.
-  used:
-    - thing: C++
-    - thing: HTTP
-    - thing: Non-blocking I/O
-    - thing: CGI
-    - thing: File Upload
-
-- name: Inception 🎓
-  url: https://github.com/MrFacundo/42_Inception
-  description: A multi-service application deployment project, using Docker and Docker-Compose. 
-  used:
-    - thing: Docker
-    - thing: Nginx
-    - thing: MariaDB
-    - thing: WordPress + php-fpm
-    - thing: Adminer
-    - thing: Redis
-    - thing: FTP server
-
-- name: Cub3D 🎓
-  url: https://github.com/alexandremak/42_04-cub3d
-  description: A minimalistic 3D game engine built in C, using the ray-casting technique.
-  used:
-    - thing: C
-    - thing: Graphics programming
-    - thing: Ray-casting
-    - thing: Game development
-    - thing: Graphic algorithms
-
-- name: Minishell 🎓
-  url: https://github.com/MrFacundo/42_Minishell
-  description: A CLI shell program that features a set of basic functionalities, including pipes, redirections, variables and builtins. 
-  used:
-    - thing: C
-    - thing: Project Managment
-    - thing: Shell Internals
-    - thing: Parsing Techniques
-    - thing: Syntax Trees
-    - thing: Process Managment
-
-- name: Push Swap 🎓
-  url: https://github.com/MrFacundo/42_Push_Swap
-  description: A program that sorts a given list of random numbers with a limited set of instructions, using the lowest possible number of actions.
-  used:
-    - thing: C
-    - thing: Sorting Algorithms
-    - thing: Complexity
-
-- name: Philosophers 🎓
-  url: https://github.com/MrFacundo/42-Philosophers
-  description: An implementation of the dining philosophers problem in C.
-  used:
-    - thing: C
-    - thing: POSIX Threads
-    - thing: Parallel Computing
-    - thing: Multi-threading
-    - thing: Mutexes and Semaphores
-
-- name: So Long 🎓
-  url: https://github.com/MrFacundo/42_So_Long
-  description: A very simple 2D graphic game built in C. 
-  used:
-    - thing: C
-    - thing: MiniLibX
-    - thing: Graphics Managment
-    - thing: Events
-    - thing: Animations
-
-- name: Pipex 🎓
-  url: https://github.com/MrFacundo/42_Pipex
-  description: An emulation of some bash internals in C, namely pipes and redirections. 
-  used:
-    - thing: C
-    - thing: Unix Prosesses
-    - thing: System Calls
-    - thing: Bash Basics
-
 - name: This portfolio website 💼
   url: https://github.com/MrFacundo/mrfacundo.github.io
   description: Glad you made it this far! The website you're currently on was built with Jekyll and deployed with GitHub Actions and Github Pages.

_data/software.yml

@@ -0,0 +1,79 @@
+- name: Webserv 🎓
+  url: https://github.com/dda-cunh/webserv
+  description: Implementation of a a non-blocking HTTP server. It supports GET, POST, and DELETE methods and can serve static files, handle CGI requests, and upload files.
+  used:
+    - thing: C++
+    - thing: HTTP
+    - thing: Non-blocking I/O
+    - thing: CGI
+    - thing: File Upload
+
+- name: Inception 🎓
+  url: https://github.com/MrFacundo/42_Inception
+  description: A multi-service application deployment project, using Docker and Docker-Compose. 
+  used:
+    - thing: Docker
+    - thing: Nginx
+    - thing: MariaDB
+    - thing: WordPress + php-fpm
+    - thing: Adminer
+    - thing: Redis
+    - thing: FTP server
+
+- name: Cub3D 🎓
+  url: https://github.com/alexandremak/42_04-cub3d
+  description: A minimalistic 3D game engine built in C, using the ray-casting technique.
+  used:
+    - thing: C
+    - thing: Graphics programming
+    - thing: Ray-casting
+    - thing: Game development
+    - thing: Graphic algorithms
+
+- name: Minishell 🎓
+  url: https://github.com/MrFacundo/42_Minishell
+  description: A CLI shell program that features a set of basic functionalities, including pipes, redirections, variables and builtins. 
+  used:
+    - thing: C
+    - thing: Project Managment
+    - thing: Shell Internals
+    - thing: Parsing Techniques
+    - thing: Syntax Trees
+    - thing: Process Managment
+
+- name: Push Swap 🎓
+  url: https://github.com/MrFacundo/42_Push_Swap
+  description: A program that sorts a given list of random numbers with a limited set of instructions, using the lowest possible number of actions.
+  used:
+    - thing: C
+    - thing: Sorting Algorithms
+    - thing: Complexity
+
+- name: Philosophers 🎓
+  url: https://github.com/MrFacundo/42-Philosophers
+  description: An implementation of the dining philosophers problem in C.
+  used:
+    - thing: C
+    - thing: POSIX Threads
+    - thing: Parallel Computing
+    - thing: Multi-threading
+    - thing: Mutexes and Semaphores
+
+- name: So Long 🎓
+  url: https://github.com/MrFacundo/42_So_Long
+  description: A very simple 2D graphic game built in C. 
+  used:
+    - thing: C
+    - thing: MiniLibX
+    - thing: Graphics Managment
+    - thing: Events
+    - thing: Animations
+
+- name: Pipex 🎓
+  url: https://github.com/MrFacundo/42_Pipex
+  description: An emulation of some bash internals in C, namely pipes and redirections. 
+  used:
+    - thing: C
+    - thing: Unix Prosesses
+    - thing: System Calls
+    - thing: Bash Basics

_includes/_figure.html

@@ -8,4 +8,5 @@
 			--alt Visit {{ include.project.name}}
 		%}
 	</a>
+
 </figure>

_includes/background.html

@@ -2,11 +2,12 @@
   <div class="section__title">About</div>
   <div class="section__content">
     <p>
-      I create things for the web both as a freelancer and collaborating with teams</a>.
+      I deliver software solutions with <strong>C</strong> and <strong>C++</strong>, with a keen interest in
+      <strong>systems</strong> and <strong>networking</strong>.
     </p>
-    <p>
-      I build efficient solutions while creating lasting user experiences.
     </p>
+    <p>
+      I create web sites and applications, working both independently and in teams, focusing on building efficient and mainteineable <strong>user interfaces</strong>. 
     </p>
   </div>
 </section>

_includes/featured-projects.html → _includes/featured.html

@@ -1,7 +1,7 @@
-<section class="section featured-projects">
-  <div class="section__title">Featured Projects</div>
+<section class="section featured">
+  <div class="section__title">Web</div>
   <div class="section__content">
-    {% for project in site.data.featured %}
+    {% for project in site.data.web %}
     <div class="project {{ project.classname }}">
       {% if project.mockup_mobile %}
       {% include _figure.html project=project picClass="mobile" picName=project.mockup_mobile %}

_includes/non-featured.html

@@ -0,0 +1,24 @@
+{% assign data = site.data[include.data_string] %}
+
+<section class="section non-featured">
+  <div class="section__title">{{ include.title }}</div>
+  <div class="section__content">
+    {% for project in data %}
+    <div class="project">
+      <div class="project__name">
+        {% if project.url %}
+        <a href="{{ project.url }}" target="_blank" class="arrow-link">{{ project.name }}</a>
+        {% else %}
+        <p>{{ project.name }}</p>
+        {% endif %}
+      </div>
+      <p>{{ project.description }}</p>
+      <div class="project__used">
+        {% for item in project.used %}
+        <span class="project__used__item">{{ item.thing }}</span>
+        {% endfor %}
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</section>

_scss/main.scss

@@ -5,7 +5,7 @@
 @import 'partials/intro';
 @import 'partials/skills';
 @import 'partials/experience';
-@import 'partials/featured-projects';
-@import 'partials/other-projects';
+@import 'partials/featured';
+@import 'partials/non-featured';
 @import 'partials/footer';
 @import 'partials/404';

_scss/partials/_featured-projects.scss → _scss/partials/_featured.scss

@@ -1,4 +1,4 @@
-.featured-projects {
+.featured {
   .project {
     display: flex;
     margin-bottom: 100px;

_scss/partials/_other-projects.scss → _scss/partials/_non-featured.scss

@@ -1,4 +1,4 @@
-.other-projects {
+.non-featured {
   .project {
     max-width: 600px;
     margin-bottom: 50px;

index.html

@@ -8,8 +8,9 @@
   {% include background.html %}
   {% include skills.html %}
   {% include experience.html %}
-  {% include featured-projects.html %}
-  {% include other-projects.html %}
+  {% include featured.html %}
+  {% include non-featured.html data_string="software" title="software" %}
+  {% include non-featured.html data_string="other-projects" title="other projects" %}
   {% include footer.html %}
   {% include top-button.html %}
 </div>