Make several structure improvements

monambike · Mar 27, 2024 · ddc71bc · ddc71bc
1 parent 45afc6b
commit ddc71bc
Show file tree

Hide file tree

Showing 13 changed files with 220 additions and 256 deletions.
diff --git a/src/Monambike.Web/Components/Home/AboutMe.razor b/src/Monambike.Web/Components/Home/AboutMe.razor
@@ -13,20 +13,20 @@ For license information, please see the LICENSE file in the root directory.
     <div class="section--about__container">
         <h2 class="section__title">Sobre Mim</h2>
         <div class="section--about__content">
-            <p class="reveal-animation">
+            <p class="paragraph-block reveal-animation translateY">
                 <span class="uppercase">Oii, </span><span class="uppercase highlight-purple">Bom Diaaaaaaa!</span> &#128523;&#127881;&#127881;
                 <br />
                 Eu me chamo Vinícius Gabriel, e sou um desenvolvedor que trabalha com <span class="highlight-purple">C#</span>, <span class="highlight-purple">Jogos</span> e <span class="highlight-purple">Web</span>.
             </p>
-            <div class="interests-list reveal-animation">
+            <div class="interests-list reveal-animation translateY">
                 <h3 class="interests-list__title">Eu gosto de..</h3>
                 <ul>
                     <li>&#128230; Manter as minhas coisas organizadas, sempre tenho o que preciso. 😎</li>
                     <li>&#9195; Usar vários tipos de atalhos, tudo fica muito mais rápido!</li>
                     <li>&#129302; Automação, porque fazer algo que pode ser feito por um outro alguém? Beep-Boop!</li>
                 </ul>
             </div>
-            <div class="interests-list reveal-animation">
+            <div class="interests-list reveal-animation translateY">
                 <h3 class="interests-list__title">Eu gosto de..</h3>
                 <ul>
                     <li>&#127918; Jogar joguinhos.</li>
@@ -36,14 +36,14 @@ For license information, please see the LICENSE file in the root directory.
                     <li>&#129424; E camarões.. &#128523</li>
                 </ul>
             </div>
-            <p class="reveal-animation">
+            <p class="paragraph-block reveal-animation translateY">
                 Que tal dar uma olhadinha no meu <a href="@Links.GitHub" target="_blank">GitHub</a> também? O link das minhas outras redes sociais
                 estão no rodapé da página, sinta-se à vontade para dar uma checadinha lá a qualquer
                 momento &lt;&#51;!
             </p>
         </div>
         <div class="button-container">
-            <a class="button" href="">Ver mais sobre Vinícius Gabriel</a>
+            <a class="round-purple-button" href="">Ver mais sobre Vinícius Gabriel</a>
         </div>
         <figure class="featured-image" alt="Karen Kujou sorrindo olhando para a câmera." title="Karen Kujou feliz.">
             <img class="featured-image__image" src="images/karen-kujou/staring-happy.gif">

diff --git a/src/Monambike.Web/Components/Home/Contact.razor b/src/Monambike.Web/Components/Home/Contact.razor
@@ -8,13 +8,13 @@ For license information, please see the LICENSE file in the root directory.
 
 <section class="section--contact">
     <h2 class="section__title">Contato</h2>
-    <div class="section--body reveal-animation">
-        <p>
+    <div class="section--body reveal-animation translateY">
+        <p class="paragraph-block">
             Para ver informações profissionais detalhadas e atualizadas a respeito de mim você pode checar o meu
             <a target="_blank" rel="nofollow" href="@Links.LinkedIn">Linkedin</a> e o meu portfólio
             você pode ver no meu <a target="_blank" rel="nofollow" href="@Links.GitHub">GitHub</a>.
         </p>
-        <p>
+        <p class="paragraph-block">
             Você também pode me contatar através do meu e-mail <a href="@Emails.Contact">@Emails.Contact</a>.
         </p>
     </div>