#24

layouts/partials/sections/v3/home.html

@@ -5,8 +5,8 @@
       <div class="col-md-7 pb-2 name-container">
         <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
           data-aos-once="true">
-          <div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
-            data-aos-once="true" data-aos-duration="900">
+          <div style="color: #{{ .Site.Params.namecolor }};" class="hi-text" data-aos="fade-up" data-aos-offset="50"
+            data-aos-delay="50" data-aos-once="true" data-aos-duration="900">
             Hi there, I'm
           </div>
           <h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"

static/css/v3/v3.css

@@ -143,14 +143,14 @@ a:hover {
   opacity: 0.9;
 }
 .bg-pro img {
-  height: 250px;
+  height: 300px;
   width: 100%;
   border-radius: 0.5rem !important;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 .content-pro {
-  height: 250px;
+  height: 300px;
   background-color: #e5e4e2 !important;
   border-top-right-radius: 0.5rem !important;
   border-bottom-right-radius: 0.5rem !important;
@@ -176,9 +176,11 @@ a:hover {
     margin-right: 10% !important;
   }
   .bg-pro img {
+    height: 250px;
     border-radius: 0.5rem !important;
   }
   .content-pro {
+    height: 250px;
     background-color: transparent !important;
     position: absolute;
     top: 8px;

website/config.yaml

@@ -32,6 +32,7 @@ params:
   disable_home: false
   profile_image: "/images/profile.png"
   name: "Example name"
+  namecolor: ffc107
   profession: "Profession"
   github: "https://github.com"
   linkedin: "https://linkedin.com"

website/v3.yaml

@@ -32,6 +32,7 @@ params:
   disable_home: false
   profile_image: "/images/profile.png"
   name: "Example name"
+  namecolor: ffc107
   profession: "Profession"
   github: "https://github.com"
   linkedin: "https://linkedin.com"