feat: oculta divs para modificá-las

pedromclaro · Jul 17, 2024 · ef51447 · ef51447
1 parent 8927010
commit ef51447
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -19,12 +19,14 @@ <h1>Olá 👋, sou o<br><strong id="pedro">Pedro Afonso</strong></h1>
                 <img src="img-perfil.png">
                 <div id="contato">
                     <a href="https://github.com/pedromclaro" target="_blank" style="color: #000;"><i class='bx bxl-github bx-md'></i></a>
-                    <a href="https://linkedin.com/in/pedroafonsomclaro" target="_blank" style="color: #000;"><i class='bx bxl-linkedin bx-md' ></i></a>
+                    <a href="https://linkedin.com/in/pedroamclaro" target="_blank" style="color: #000;"><i class='bx bxl-linkedin bx-md' ></i></a>
                     <a href="mailto: [email protected]" style="color: #000;"><i class='bx bxs-envelope bx-md' ></i></a>
                 </div>
            </div>
         </section>
         <div class="recent">
+            <p class="recent-alert">⚠️ Página em construção!</p>
+            <!--
             <div class="header">
                 <h4>Posts Recentes</h4>
                 <a href="https://blog.pedromclaro.com" target="_blank">Ver todos</a>
@@ -49,6 +51,7 @@ <h5><i class="posts-tag-2">Programação</i></h5>
                     <button><a href="https://blog.pedromclaro.com/posts/definicao-de-software-livre-e-codigo-aberto.html" target="_blank" style="color: #fff; text-decoration: none;">Ler mais →</a></button>
                 </div>
             </div>
+            --> 
         </div>
     </main>
 </body>

diff --git a/style.css b/style.css
@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap");
 
 * {
     margin: 0;
@@ -9,7 +9,7 @@
 
 body {
     background-color: #fff;
-} 
+}
 
 #principal {
     display: flex;
@@ -23,8 +23,9 @@ body {
     margin-bottom: 100px;
 }
 
-#principal > h1, h2 {
-    font-family: 'Heebo', sans-serif;
+#principal > h1,
+h2 {
+    font-family: "Heebo", sans-serif;
     text-align: center;
 }
 
@@ -61,7 +62,6 @@ button {
     border-radius: 5px;
 }
 
-
 #principal #img-links {
     display: flex;
     flex-direction: column;
@@ -82,8 +82,19 @@ button {
 .recent {
     background-color: #dbedf2;
     padding: 3rem 1rem;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
+.recent .recent-alert {
+    font-size: 1.2rem;
+    font-weight: 600;
+}
+
+/*
+
 .recent .header {
     display: flex;
     align-items: center;
@@ -137,7 +148,7 @@ i.posts-tag-1 {
     margin-right: 5px;
     font-style: normal;
     padding: 3px 5px;
-    background-color: #D4B1F4;
+    background-color: #d4b1f4;
     border-radius: 10px;
     user-select: none;
 }
@@ -149,7 +160,6 @@ i.posts-tag-2 {
     background-color: #f3f4b1;
     border-radius: 10px;
     user-select: none;
-
 }
 
 i.posts-tag-3 {
@@ -163,5 +173,5 @@ i.posts-tag-3 {
 
 .recent .posts .post-item p {
     max-width: 400px;
-
-}
+}
+*/