Merge pull request #5 from HugoLnx/v1/testimonials-and-intro

V1/testimonials and intro

src/components/BulletListItem.vue

@@ -31,16 +31,20 @@ const hoverColor = inject('hoverColor');
 
   .icon-raw-text {
     margin-left: 0.1rem;
+    transition: color 200ms ease-out;
+    transition-property: color, transform;
   }
 
   .icon, .icon span {
-      color: v-bind(hoverColor);
+    color: v-bind(hoverColor);
   }
 
   @at-root .is-mouse &:hover {
     .icon, .icon span, .icon-raw-text {
       color: v-bind(hoverColor);
-      font-weight: bold;
+    }
+    .icon-raw-text {
+      transform: translateX(0.3rem);
     }
   }
 }

src/css/bulma-custom.scss

@@ -16,6 +16,8 @@ $main-view-background-color: $body-background-color; // lighten($footer-backgrou
 $main-footer-background-color: darken($navbar-background-color, 15%);
 
 $size-4-l2: 1.35rem;
+$size-5-l2: 1.17rem;
+$size-5-l3: 1.1rem;
 $size-6-l2: 1rem;
 $size-6-l3: 0.9rem;
 $size-7-l2: 0.75rem;
@@ -51,6 +53,15 @@ $game-gallery-breakpoint: $tablet;
   @include semantic-hide;
 }
 
+@mixin box-hover-on-children {
+  @at-root .is-mouse & .box {
+    transition: background-color 200ms ease-out;
+    &:hover {
+      background-color: lighten($box-background-color, 2%);
+    }
+  }
+}
+
 @mixin flex-stretch-items-vertical {
   display: flex;
   align-items: stretch;

src/data/dev.yml

@@ -1,5 +1,10 @@
 name: Hugo Roque
 position: Gameplay Programmer
+introduction:
+  - I'm a game developer transitioning from web to game development.
+  - I've divided my attention between the two areas in the past few years, but I want to focus solely on games as soon as possible.
+  - During those years, I've developed eleven commercial games, eight of which I self-published on Steam.
+  - Before that, I had been in the web industry for eight years.
 links:
   - name: Steam
     url: 'https://store.steampowered.com/developer/sensengames'
@@ -30,7 +35,7 @@ links:
     navbar: true
 
 background:
-  - Published 11 indie games
+  - Developed 11 commercial games
   - Software developer for 14 years
   - Unity developer for 6 years
 
@@ -41,6 +46,47 @@ skills:
   - Desktop, Android, and WebGL
   - Web Development
 
+testimonials:
+  - author: Sayed Shoyab
+    position: Trivia Maze's client (from Upwork)
+    date: September 2023
+    quote:
+      - Hugo is a truly exceptional developer I had the pleasure of collaborating with on Upwork.
+      - His ability to understand my project's nuances, offer valuable insights, and consistently deliver high-quality work was truly impressive.
+      - Communication with Hugo was effortless, and I'm excited to work with him again in the future.
+      - Highly recommended!
+
+  - author: Gil Hagi
+    position: TastyTech's CEO
+    date: August 2023
+    quote:
+      - |
+          I worked with Hugo for over 6 years, and over that time he was an instrumental part of the team,
+          taking initiative and solving complex problems with the goals of the business in mind.
+      - |
+          It is a rare technical person who can understand business context, execute complex solutions quickly and
+          independently, while being an absolute pleasure to work with. Without him, my company would not exist today.
+      - I bet my company's survival on Hugo's skills time and time again, and he never disappointed.
+      - Highly, highly recommended!
+
+  - author: Emerson Macedo
+    position: Tech Lead at Globo.com
+    date: November 2018
+    quote:
+      - Hugo is one of the most talented Software Engineer I've worked with.
+      - He's very skilled in CS fundamentals, have also practical knowledge writing good software and is always interested on learning new stuff.
+      - Miss him working with me. 
+
+  - author: Leandro Moreira
+    position: Tech Lead at Globo.com
+    date: September 2018
+    quote:
+      - Hugo led some of the most valuable projects for the Globo.com's media division.
+      - All of these projects required robust solutions which were also scalable and thought of to be highly reliable.
+      - He started as an intern and soon ascended positions due to his efforts and amazing work. It was an incredible pleasure to work with him.
+      - I really think that any company which has him will be rewarded with one of the brightest minds I've seen.
+
+
 tools:
   - Unity / C#
   - Unity Cloud Build

src/data/site.yml

@@ -10,10 +10,10 @@ pages:
   - id: games
     subtitle: Games
     description: "Those are the games I've developed and published over the years and the features I've implemented."
-    path: '/games'
+    path: &gamesUrl '/games'
   - id: resume
     subtitle: Resume
-    path: 'https://docs.google.com/document/d/1td3nobiQGHL1K4ZMKC1l2xtNmiY6XOO5Zgw2LnlF0gY/edit'
+    path: &resumeUrl 'https://docs.google.com/document/d/1td3nobiQGHL1K4ZMKC1l2xtNmiY6XOO5Zgw2LnlF0gY/edit'
     external: true
   - id: about-me
     subtitle: About Me
@@ -25,3 +25,12 @@ pages:
     description: "Oops... Page not found!"
     path: '/404'
     hidden: true
+
+seeNext:
+  - action: See Games
+    description: Check out the games I've published
+    url: *gamesUrl
+  - action: Read my Resume
+    description: Read more about my professional history
+    url: *resumeUrl
+    external: true

src/pages/_layout/Layout.vue

@@ -74,17 +74,17 @@ import '../../css/index.scss';
   align-items: center;
   align-self: center;
 
-  width: 100%;
+  // width: 100%;
   @include tablet-only {
-    width: 600px;
+    max-width: 600px;
   }
 
   @include desktop-only {
-    width: 860px;
+    max-width: 860px;
   }
 
   @include widescreen {
-    width: 1024px;
+    max-width: 1024px;
   }
 }