[About] Update about page content

_config.yml

@@ -5,8 +5,8 @@ proposal:
   en_US: Software development advisory
   pt_BR: Assessoria em desenvolvimento de software
 focus:
-  en_US: Software quality, engineering and architecture
-  pt_BR: Engenharia, arquitetura e qualidade de software
+  en_US: Software architecture and quality
+  pt_BR: Arquitetura e qualidade de software
 url: https://www.renantaranto.com
 author: Renan Taranto
 social:

_sass/_base.scss

@@ -60,18 +60,24 @@ h6 { font-size: $h6-font-size; text-transform: uppercase; letter-spacing: 0.02em
   padding-bottom: 64px;
 }
 
-@media (min-width: $breakpoint-md) {
-  .hidden-md {
-    display: none;
-  }
-}
-
 .visible-md {
   display: none;
 }
 
 @media (min-width: $breakpoint-md) {
+  .hidden-md {
+    display: none;
+  }
   .visible-md {
     display: block !important;
   }
+  .img__right {
+    margin-left: 10px;
+  }
+}
+
+@media (min-width: $breakpoint-xl) {
+  .img__right {
+    margin-left: 30px;
+  }
 }

_sass/_components.scss

@@ -134,15 +134,6 @@
     color: $color-primary;
 }
 
-.profile-pic {
-    background: url(/assets/images/renan-taranto.jpg) 200px 0;
-    background-size: 400px;
-    width: 180px;
-    height: 400px;
-    margin-left: auto;
-    margin-right: auto;
-}
-
 @media (min-width: $breakpoint-sm) {
     .header__title {
         font-size: 84px;

_sass/_variables.scss

@@ -33,3 +33,4 @@ $navigation-content-margin-horizontal: 16px;
 
 $breakpoint-sm: 568px;
 $breakpoint-md: 768px;
+$breakpoint-xl: 1280px;

about.en_US.html

@@ -7,21 +7,27 @@
 
 <div class="pure-g">
     <div class="pure-u-1 pure-u-md-2-3">
-        <p>Hi, my name is <span class="color-primary">Renan Taranto</span>!</p>
         <p>
-            I'm a software architect and engineer having contributed to the code of open source projects like
-            <a href="https://symfony.com/">Symfony</a> and <a href="https://api-platform.com/">API Platform</a>.
+            I'm a software architect and I guide people, companies, and other organizations to achieve success in their projects.
         </p>
         <p>
-            Professionally, I've been a software developer for more than {{ site.time | date: '%Y' | minus:2015 }} years
-            and currently I work at <a href="https://www.gesuas.com.br/">GESUAS</a> as a tech lead.
+            I have {{ site.time | date: '%Y' | minus:2013 }} years of experience, in architecting and implementing quality solutions
+            for many different purposes.
         </p>
         <p>
-            You can follow me on <a href="https://github.com/renan-taranto">Github</a>, <a href="https://www.linkedin.com/in/renan-taranto/">LinkedIn</a>
-            and also contact me through my email address: <a href="mailto:renantaranto@gmail.com">renantaranto@gmail.com</a></p>
+            On my <a href="https://github.com/renan-taranto">Github</a> you can find
+            <a href="https://github.com/renan-taranto/cqrs-event-sourcing-example">applications</a> that act as examples for
+            good solutions.
+            I believe that open source software is something amazing and I contributed to the code of projects like
+            <a href="https://symfony.com/">Symfony</a> and <a href="https://api-platform.com/">API Platform</a> in the past.
+        </p>
+        <p>
+            You can follow me on <a href="https://www.linkedin.com/in/renan-taranto/">LinkedIn</a>
+            and contact me through the email address: <a href="mailto:renantaranto@gmail.com">renantaranto@gmail.com</a>.
+        </p>
     </div>
     <div class="pure-u-1 pure-u-md-1-3">
-        <div class="profile-pic"></div>
+        <img src="/assets/images/renan-taranto.jpg" class="img__right" alt="Renan Taranto">
     </div>
 
 </div>

about.pt_BR.html

@@ -7,20 +7,26 @@
 
 <div class="pure-g">
     <div class="pure-u-1 pure-u-md-2-3">
-        <p>Olá, meu nome é <span class="color-primary">Renan Taranto</span>!</p>
         <p>
-            Sou engenheiro e arquiteto de software, tendo contribuído com o código de projetos de software livre como
-            <a href="https://symfony.com/">Symfony</a> e <a href="https://api-platform.com/">API Platform</a>.
+            Sou arquiteto de software e guio pessoas, empresas e outras organizações para que alcancem o sucesso em seus projetos.
         </p>
         <p>
-            Profissionalmente já desenvolvo software há mais de {{ site.time | date: '%Y' | minus:2015 }} anos
-            e atualmente ocupo a posição de tech lead no <a href="https://www.gesuas.com.br/">GESUAS</a>.
+            Tenho {{ site.time | date: '%Y' | minus:2013 }} anos de experiência profissional, arquitetando e implementando soluções de qualidade para os mais diversos objetivos.
         </p>
         <p>
-            Você pode me seguir no <a href="https://github.com/renan-taranto">Github</a>, no <a href="https://www.linkedin.com/in/renan-taranto/">LinkedIn</a>
-            e entrar em contato comigo por email: <a href="mailto:renantaranto@gmail.com">renantaranto@gmail.com</a></p>
+            No meu <a href="https://github.com/renan-taranto">Github</a> é possível encontrar
+            <a href="https://github.com/renan-taranto/cqrs-event-sourcing-example">aplicações</a>
+            que servem de modelo para boas soluções.
+            Penso que o software livre é algo maravilhoso
+            e já contribuí com o código de grandes projetos como
+            <a href="https://symfony.com/">Symfony</a> e <a href="https://api-platform.com/">API Platform</a>.
+        </p>
+        <p>
+            Vocês podem me seguir no <a href="https://www.linkedin.com/in/renan-taranto/">LinkedIn</a>
+            e entrar em contato comigo por email: <a href="mailto:renantaranto@gmail.com">renantaranto@gmail.com</a>.
+        </p>
     </div>
     <div class="pure-u-1 pure-u-md-1-3">
-        <div class="profile-pic"></div>
+        <img src="/assets/images/renan-taranto.jpg" class="img__right" alt="">
     </div>
 </div>