Refactor: The code has been refactored

The code has been refactored for better understanding and organization.
PET-foundation · Aug 29, 2023 · ce0dc4a · ce0dc4a
1 parent 9929974
commit ce0dc4a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 19 deletions.
diff --git a/construction.html b/construction.html
@@ -8,12 +8,12 @@
     <link rel="shortcut icon" href="images/favcon.png" type="image/x-icon">
 </head>
 <body>
-    <div class="adjustable-image" style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap;">
+    <div class="adjustable-image">
         <img src="images/gatoPedreiro.png" alt="">
     </div>
-    <div style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap;">
+    <div class="button-container">
         <a href="index.html" target="_self" >
-            <button id="webSite">← Voltar</button>
+            <button class="action-button" id="webSite">← Voltar</button>
         </a>
     </div>
 </body>

diff --git a/index.html b/index.html
@@ -11,13 +11,13 @@
 <body>
     <header id="logo">
         <div>
-            <span style="color: #0CBFDE">PATA </span>
-            <span style="color: #FEDD59">AMIGA</span>
+            <span class="logo-part" style="color: #0CBFDE">PATA </span>
+            <span class="logo-part" style="color: #FEDD59">AMIGA</span>
         </div>
     </header>
 
     <section id="presentation">
-        <div>
+        <div class="adjustable-image">
             <img id="paLogo" src="images/favcon.png" alt="Pata Amiga logo">
         </div>
         <div id="slogan">
@@ -26,15 +26,15 @@
             </p>
         </div>
         <div class="button-container">
-            <a href="documentation/documentation.zip"_blank">
-                <button id="documentation">Documentação</button>
+            <a href="documentation/documentation.zip" target="_blank">
+                <button class="action-button" id="documentation">Documentação</button>
             </a>
             <a href="construction.html" target="_self">
-                <button id="webSite">Web Site</button>
+                <button class="action-button" id="webSite">Web Site</button>
             </a>
         </div>
-        <div>
-            <img style="width: auto;" class="floatText" src="images/dog1.png" alt="">
+        <div class="adjustable-image">
+            <img class="floatText" src="images/dog1.png" alt="">
         </div>
     </section>
 

diff --git a/style.css b/style.css
@@ -1,7 +1,6 @@
 @charset "UTF-8";
 
-/*Font: Bungee*/
-
+/* Font: Bungee */
 @import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');
 
 * {
@@ -27,7 +26,7 @@ header {
 
 #logo {
     font-family: "Bungee";
-    font-size: 6vw; /* Ajuste o tamanho da fonte para telas pequenas */
+    font-size: 6vw;
     -webkit-text-stroke-width: 2px;
     -webkit-text-stroke-color: black;
     text-shadow: 0.3vw 0.3vw black;
@@ -36,24 +35,24 @@ header {
 }
 
 @media (min-width: 768px) {
-    /* Estilos para telas maiores */
     #logo {
-        font-size: 5vh; /* Ajuste o tamanho da fonte para telas maiores */
+        font-size: 5vh;
         text-shadow: 0.2vh 0.2vh black;
     }
 
     .section-header {
-        font-size: 1.5vh; /* Ajuste o tamanho da fonte para telas maiores */
+        font-size: 1.5vh;
         text-shadow: 0.1vh 0.1vh black;
     }
 }
 
 .section-header {
-    font-size: 2.5vw; /* Ajuste o tamanho da fonte para telas pequenas */
+    font-size: 2.5vw;
     text-shadow: 0.2vw 0.2vw black;
 }
 
 
+
 section {
     overflow: hidden;
 }
@@ -118,7 +117,7 @@ button#documentation {
     background-color: #0CBFDE;
 }
 
-#documentation:hover {
+button#documentation:hover {
     cursor: pointer;
     background-color: #fedd598c;
   }