update files

roboticapratica · Nov 19, 2023 · 8868686 · 8868686
1 parent 046c704
commit 8868686
Show file tree

Hide file tree

Showing 30 changed files with 48 additions and 42 deletions.
diff --git a/apoio.html b/apoio.html
@@ -56,7 +56,7 @@ <h3>Você pode me pagar um café! ☕</h3>
       <h4>Chave PIX:</h4>
       <p>josedeassisfilho@gmail.com</p>
       <h3>Você também pode:</h3>
-      <p>&#10003; Inscrever-se no canal: <a href="https://www.youtube.com/@ProfessorJosedeAssis?sub_confirmation=1"
+      <p>&#10003; Inscrever-se no canal: <a href="https://www.youtube.com/c/RoboticapraticaBr?sub_confirmation=1"
           target="_blank">inscreva-se</a></p>
       <p>&#10003; Compartilhar os projetos e tutoriais.</p>
       <p>&#10003; Seguir-me nas redes sociais.</p>

diff --git a/img/arduino.png b/img/arduino.png
diff --git a/img/arduino2.png b/img/arduino2.png
diff --git a/img/background2.png b/img/background2.png
diff --git a/img/banner2.jpg b/img/banner2.jpg
diff --git a/img/banners.jpg b/img/banners.jpg
diff --git a/img/bannerx.jpg b/img/bannerx.jpg
diff --git a/img/carometro.png b/img/carometro.png
diff --git a/img/fileserver.png b/img/fileserver.png
diff --git a/img/gitegithub.png b/img/gitegithub.png
diff --git a/img/java-ee.png b/img/java-ee.png
diff --git a/img/java.png b/img/java.png
diff --git a/img/javacep.png b/img/javacep.png
diff --git a/img/javascript.png b/img/javascript.png
diff --git a/img/linguagemc.png b/img/linguagemc.png
diff --git a/img/linux.png b/img/linux.png
diff --git a/img/logo2.png b/img/logo2.png
diff --git a/img/mysql.png b/img/mysql.png
diff --git a/img/robotica-arduino.png b/img/robotica-arduino.png
diff --git a/img/robotica-pratica.png b/img/robotica-pratica.png
diff --git a/img/robotica-sucata.png b/img/robotica-sucata.png
diff --git a/img/robotica.jpg b/img/robotica.jpg
diff --git a/img/robotica.png b/img/robotica.png
diff --git a/img/sistemaos.png b/img/sistemaos.png
diff --git a/img/tomcat.png b/img/tomcat.png
diff --git a/img/topo.png b/img/topo.png
diff --git a/img/webserver.png b/img/webserver.png
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="pt-br">
 
-<head>  
+<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,
    initial-scale=1.0">
@@ -36,7 +36,7 @@
   <main id="banner">
     <div class="ContainerEx">
       <h1>Você faz. Você vê. Você aprende.</h1>
-      <h2 id="subtitulo">Um site dedicado ao ensino da robótica como você nunca viu.</h2>      
+      <h2>Um site dedicado ao ensino da robótica como você nunca viu.</h2>
       <a href="#projetos" class="Botao2">Projetos</a>
     </div>
   </main>
@@ -63,7 +63,7 @@ <h2>Aprender na prática</h2>
         <div class="TopicosIntro Flex2">
           <img src="img/chip.png" alt="chip">
           <p>Arduino / Eletrônica</p>
-        </div>       
+        </div>
       </div>
     </div>
   </section>
@@ -72,8 +72,8 @@ <h2>Aprender na prática</h2>
   <section id="youtube">
     <div class="Container Flex3">
       <h2>Inscreva-se no canal do <span id="destacado">YouTube!</span></h2>
-      <a href="https://www.youtube.com/@ProfessorJosedeAssis?sub_confirmation=1" target="_blank"
-        class="Botao2">INSCREVER-SE</a>
+      <a href="https://www.youtube.com/c/RoboticapraticaBr?sub_confirmation=1" target="_blank"
+        class="Botao2">Inscrever-se</a>
     </div>
   </section>
 
@@ -85,36 +85,36 @@ <h2>
       </h2>
       <div class="Cards Flex5">
         <div class="Card">
-          <img src="img/aviso.jpg" alt="aviso">
-          <h3>Aviso!</h3>
+          <img src="img/robotica-pratica.png" alt="robótica com arduino">
+          <h3>Robótica com arduino</h3>
           <p>
-            Estou desenvolvendo o conteúdo deste site. Você pode acompanhar
-            pelo YouTube os tutoriais e projetos que estão sendo produzidos.
+            Projetos de robótica com uso do arduino, tendo como principais objetivos o uso de componentes comuns e o
+            menor custo possível.
           </p>
           <a href="https://www.youtube.com/c/RoboticapraticaBr" class="Botao" target="_blank">Saiba
             +</a>
         </div>
         <div class="Card">
-          <img src="img/aviso.jpg" alt="aviso">
-          <h3>Aviso!</h3>
+          <img src="img/robotica-sucata.png" alt="robótica com sucata">
+          <h3>Robótica com sucata</h3>
           <p>
-            Estou desenvolvendo o conteúdo deste site. Você pode acompanhar
-            pelo YouTube os tutoriais e projetos que estão sendo produzidos.
+            Projetos de robótica (seguidor de linha, desvia-obstáculos, braço robótico, veículo mecatrônico etc.) usando
+            sucata de lixo eletrônico.
           </p>
           <a href="https://www.youtube.com/c/RoboticapraticaBr" class="Botao" target="_blank">Saiba
             +</a>
         </div>
         <div class="Card">
-          <img src="img/aviso.jpg" alt="aviso">
-          <h3>Aviso!</h3>
+          <img src="img/arduino.png" alt="aviso">
+          <h3>Arduino / Eletrônica</h3>
           <p>
-            Estou desenvolvendo o conteúdo deste site. Você pode acompanhar
-            pelo YouTube os tutoriais e projetos que estão sendo produzidos.
+            Aprenda eletrônica e programação com uso do Arduino. Desenvolva protótipos de projetos com foco em robótica
+            e IoT.
           </p>
           <a href="https://www.youtube.com/c/RoboticapraticaBr" class="Botao" target="_blank">Saiba
             +</a>
         </div>
-      </div>     
+      </div>
       <div class="Todos">
         <a href="https://www.youtube.com/c/RoboticapraticaBr" target="_blank">Conheça todos >></a>
       </div>
@@ -127,7 +127,7 @@ <h3>Aviso!</h3>
       <div id="copyright">
         <p>©2023 - Professor José de Assis</p>
       </div>
-      <div id="social">
+      <div id="social">       
         <a href="https://www.youtube.com/c/RoboticapraticaBr" target="_blank"><img src="img/youtube.png"
             alt="youtube"></a>
         <a href="https://www.linkedin.com/in/professorjosedeassis" target="_blank"><img src="img/linkedin.png"

diff --git a/sobre.html b/sobre.html
@@ -57,10 +57,13 @@ <h1>SOBRE</h1>
       <div id="textoProf">
         <h2>Olá!</h2>
         <p>Eu sou o professor José de Assis.</p>
-        <p>Boas-vindas, aqui você encontra projetos e conteúdo de qualidade nas áreas de robótica educacional e arduino.</p>
-        <p>Sou formado em eletrônica e gestão de TI, pós-graduado em Robótica Educacional e certificado em Linux LPIC-1. Atuo como professor em cursos de Tecnologia da Informação, Robótica Educacional e Arduino.</p>
-        <p><span id=frase>"A vida é como andar de bicicleta. Para ter equilíbrio, você tem que se manter em movimento..."</span></p>
-        <p><span id="autor">(Albert Einstein)</span></p>
+        <p>Boas-vindas, aqui você encontra projetos e conteúdo de qualidade nas áreas de robótica educacional e arduino.
+        </p>
+        <p>Sou formado em eletrônica e gestão de TI, pós-graduado em Robótica Educacional e certificado em Linux LPIC-1.
+          Atuo como professor em cursos de Tecnologia da Informação, Robótica Educacional e Arduino.</p>
+        <p><span id=frase>"A vida é como andar de bicicleta. Para ter equilíbrio, você tem que se manter em
+            movimento..."</span></p>
+        <p><span id="autor">(Albert Einstein)</span></p>        
       </div>
     </div>
   </section>

diff --git a/style.css b/style.css
@@ -1,5 +1,5 @@
 /*
-    Folha de estilo do site Robótica prática
+    Folha de estilo do site Robótica Prática
     @author Professor José de Assis
     joseassis.com.br    
 */
@@ -81,7 +81,7 @@ body {
 }
 
 .Botao2 {
-  background-color: #fff;
+  background-color: #f1f3f4;
   color: #c00000;   
 }
 
@@ -141,8 +141,8 @@ body {
 
 .Todos a {
   text-decoration: none;
-  color: #000;
-  font-weight: 600;
+  color: #1f1f1f;
+  font-weight: 700;
   font-size: 1.25em;
 }
 
@@ -174,19 +174,19 @@ header {
 label {
   font-size: 3em;
   position: fixed;
-  top: 7px;
-  right: 20px;
+  top: 18px;
+  right: 10px;
   color: rgba(253, 205, 0, 0.5);
 }
 
 nav ul {
   list-style: none;
-  background-color: #1f1f1f;
+  background-color: rgba(31, 31, 31, 0.95);
   height: 100vh;
   position: fixed;
   top: 80px;
-  right: -100%;
-  width: 100%;
+  right: -70%;
+  width: 70%;
   transition: all 0.5s;
 }
 
@@ -195,13 +195,14 @@ nav ul {
 }
 
 nav ul li {
-  padding: 17px 20px;
-  border-bottom: 1px solid #a9a9a9;
+  padding: 15px 20px;
+  border-bottom: 0.5px solid #fdcd00;
+  text-align: right;
 }
 
 nav ul li a {
   text-decoration: none;
-  color: #fdcd00;
+  color: #fdcd00;  
 }
 
 /* Banner */
@@ -224,7 +225,7 @@ nav ul li a {
   margin-bottom: 55px;
 }
 
-#subtitulo {
+#banner h2 {
   display: none;
 }
 
@@ -284,8 +285,8 @@ nav ul li a {
 }
 
 #youtube a {
-  margin: 40px 72px 0px 72px;
-  font-size: 1.1em;
+  margin: 40px 75px 0px 75px;
+  font-size: 1.15em;
 }
 
 /* Projetos */
@@ -440,7 +441,7 @@ footer {
 
   #youtube a {
     margin: 0;
-    padding: 10px 25px;
+    padding: 10px 27px;
     font-size: 1.1em;
   }
 
@@ -564,15 +565,17 @@ footer {
   }
 
   nav ul {
+    width: 100%;
     position: static;
     height: auto;
     background-color: transparent;
-    margin-top: 70px;
+    margin-top: 85px;
   }
 
   nav ul li {
     float: left;
     border: 0;
+
   }
 
   nav ul li a {
@@ -588,7 +591,7 @@ footer {
     font-size: 3em;   
   }
 
-  #subtitulo {
+  #banner h2 {
     display: block;
     font-size: 1.3em;
     text-shadow: #000 0.05em 0.05em 0.05em;