fix. css' pages

rayssagomees · Jun 26, 2023 · 8dd1346 · 8dd1346
1 parent a7e4604
commit 8dd1346
Show file tree

Hide file tree

Showing 15 changed files with 55 additions and 126 deletions.
diff --git a/README.md b/README.md
@@ -5,39 +5,9 @@
 
   <p>Desenvolvendo minhas habilidades em programação por meio <br> da resolução de exercícios e aprendendo continuamente novas técnicas.</p>
 
-  <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg"> <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg"> <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg"><img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-plain.svg">
+  <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original.svg"> <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original.svg"> <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-plain.svg"> <img width="3%" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-plain.svg">
 </div>
 
-## 🧩 Exercícios
-
-<br>
-
-| LINGUAGEM OU<br> TECNOLOGIA | EXERCÍCIO |
-| :---- | :---- | 
-| HTML & CSS | <a target="_blank" href="/">Android</a> |
-| HTML & CSS | <a target="_blank" href="/">Cordel</a> |
-| JavaScript | <a target="_blank" href="/">Tela de descanso</a> |
-| JavaScript | <a target="_blank" href="/">Faixa etária</a> |
-| JavaScript | <a target="_blank" href="/">Contador</a> |
-| JavaScript | <a target="_blank" href="/">Tabuada</a> |
-| JavaScript | <a target="_blank" href="/">Analisador de números</a> |
-| Python | <a target="_blank" href="/">Hello, World</a> |
-| Python | <a target="_blank" href="/">Somando dois números</a> |
-| Python | <a target="_blank" href="/">Tabuada</a> |
-| Python | <a target="_blank" href="/">Tipos primitivos</a> |
-| Python | <a target="_blank" href="/">Antecessor e sucessor</a> |
-| Python | <a target="_blank" href="/">Dobro, Triplo e raiz quadrada</a> |
-| Python | <a target="_blank" href="/">Conversor de unidades</a> |
-| Python | <a target="_blank" href="/">Conversor de moedas</a> |
-| Python | <a target="_blank" href="/">Média da prova</a> |
-| Python | <a target="_blank" href="/">Apresentação</a> |
-| Python | <a target="_blank" href="/">Aumento de salário</a> |
-| Python | <a target="_blank" href="/">Desconto de produto</a> |
-| Python | <a target="_blank" href="/">Data de nascimento</a> |
-| Python | <a target="_blank" href="/">Área e proporção</a> |
-
-<br>
-
 ## 🤝 Criadores
 
 Conheça os criadores desse desafio:

diff --git a/pages/ageGroup.html → pages/age-group.html b/pages/ageGroup.html → pages/age-group.html
@@ -4,11 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="../css/estilo.css">
-
-    <link rel="shortcut icon" href="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8bf92cb5-6abc-4394-8ee9-32435d682dd3/dc4a4bz-1c9436cd-d3ef-4f5c-af4e-7a27b7c5fd2d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhiZjkyY2I1LTZhYmMtNDM5NC04ZWU5LTMyNDM1ZDY4MmRkM1wvZGM0YTRiei0xYzk0MzZjZC1kM2VmLTRmNWMtYWY0ZS03YTI3YjdjNWZkMmQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nKQeEe0AxbLn-84MLDY4-8oTPFZw3nfPguujxQXcsj4" type="image/x-icon">
-
+    <link rel="stylesheet" href="../src/style/estilo.css">
     <title>raysantori - Verificador de faixa etária</title>
 </head>
 <body>
@@ -33,9 +29,8 @@ <h2>Verificador de faixa etária</h2>
             <p>Preencha os dados acima para ver o resultado.</p>
         </div>
     </section>
-    <footer class="footer"></footer>
 
-    <script src="../js/ageGroup.js"></script>
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/scripts/age-group.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/pages/android.html b/pages/android.html
@@ -5,8 +5,8 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="../css/estilo_2.css">
-    <link rel="shortcut icon" href="../images/favicon_android.ico" type="image/x-icon">
+    <link rel="stylesheet" href="../src/style/estilo_2.css">
+    <link rel="shortcut icon" href="../src/images/favicon_android.ico" type="image/x-icon">
 
     <title>Android - Como surgiu o mascote do Android?</title>
 </head>
@@ -39,8 +39,8 @@ <h3>A primeira versão</h3>
         <p>A primeira tentativa de criar um mascote surgiu em 2007 e veio de um desenvolvedor chamado <a target="_blank" href="https://androidcommunity.com/dan-morrill-shows-us-the-android-mascot-that-almost-was-20130103/">Dan Morrill</a>. Ele conta que abriu o <a target="_blank" href="https://inkscape.org/pt-br/">Inkscape</a> (software livre para vetorização de imagens) e criou sua própria versão de robô. O objetivo era apenas personificar o sistema apenas para a a sua equipe, não existia nenhuma solicitação da empresa para a criação de um mascote.</p>
 
         <picture>
-            <source media="(max-width: 500px)" srcset="../images/dan-droids-pq.png" type="image/png">
-            <img src="../images/dan-droids.png" alt="Dandroids">
+            <source media="(max-width: 500px)" srcset="../src/images/dan-droids-pq.png" type="image/png">
+            <img src="../src/images/dan-droids.png" alt="Dandroids">
         </picture>
 
         <p>Essa primeira versão bizarra até foi batizada em homenagem ao seu criador: seriam os <strong>Dandroids</strong>.</p>
@@ -50,13 +50,13 @@ <h3>Surge um novo mascote</h3>
         <p>A ideia de ter um mascote foi amadurecendo e a missão foi passada para uma profissional da área. A ilustradora Russa <a target="_blank" href="https://www.irinablok.com/android">Irina Blok</a>, também funcionária do Google, ficou com a missão de representar o pequeno robô de uma maneira mais agradável.</p>
 
         <picture>
-            <source media="(max-width: 500px)" srcset="../images/irina-blok-pq.jpg" type="image/jpg">
-            <img src="../images/irina-blok.jpg" alt="Irina Blok">
+            <source media="(max-width: 500px)" srcset="../src/images/irina-blok-pq.jpg" type="image/jpg">
+            <img src="../src/images/irina-blok.jpg" alt="Irina Blok">
         </picture>
 
         <p>A ideia principal da Irina era representar tudo graficamente com poucos traços e de forma mais chapada. O desenho também deveria gerar identificação rápida com quem o olha. Surgiu então o <strong>Bugdroid</strong>, o novo mascote do Android.</p>
 
-        <img class="imgMenor" src="../images/bugdroid.png" alt="Bugdroid">
+        <img class="imgMenor" src="../src/images/bugdroid.png" alt="Bugdroid">
 
         <p>A principal inspiração para os traços do novo Bugdroid veio daqueles bonequinhos que ilustram portas de banheiro para indicar o gênero de cada porta. Conta a lenda que a artista estava criando em sua mesa no escritório do Google e olhou para o lado dos banheiros e a identificação foi imediata: simples, limpo, objetivo.</p>
 
@@ -91,9 +91,5 @@ <h4>Quer aprender mais?</h4>
 
         <p>Então é isso! Espero que você tenha gostado do nosso artigo com essa curiosidade sobre o sistema <strong>Android</strong> e seu simpático mascote.</p>
     </main>
-
-    <a target="_blank" href="https://raysantori.com/">
-        <footer class="footer"></footer>
-    </a>
 
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/components/footer/index.js"></script>
diff --git a/pages/cordel.html b/pages/cordel.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-    <link rel="stylesheet" href="../css/estilo_3.css">
+    <link rel="stylesheet" href="../src/style/estilo_3.css">
     <link rel="shortcut icon" href="../images/favicon_gustavoguanabara.ico" type="image/x-icon">
 
     <title>Milton Duarte - Cordel Moderno</title>
@@ -90,12 +90,6 @@ <h1>Cordel Moderno</h1>
         </article>
     </main>
 
-
-
-    <a target="_blank" href="https://raysantori.com/">
-        <footer class="footer"></footer>
-    </a>
-
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/pages/counter.html b/pages/counter.html
@@ -4,11 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="../css/estilo.css">
-
-    <link rel="shortcut icon" href="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8bf92cb5-6abc-4394-8ee9-32435d682dd3/dc4a4bz-1c9436cd-d3ef-4f5c-af4e-7a27b7c5fd2d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhiZjkyY2I1LTZhYmMtNDM5NC04ZWU5LTMyNDM1ZDY4MmRkM1wvZGM0YTRiei0xYzk0MzZjZC1kM2VmLTRmNWMtYWY0ZS03YTI3YjdjNWZkMmQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nKQeEe0AxbLn-84MLDY4-8oTPFZw3nfPguujxQXcsj4" type="image/x-icon">
-
+    <link rel="stylesheet" href="../src/style/estilo.css">
     <title>raysantori - Contador</title>
 </head>
 <body>
@@ -25,9 +21,8 @@ <h2>Vamos contar!</h2>
         </div>
         <p id="res" style="font-size:12px; margin: 0 40%">Preencha os dados acima para ver o resultado.</p>
     </section>
-    <footer class="footer"></footer>
 
-    <script src="../js/counter.js"></script>
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/scripts/counter.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/pages/multiplicationTable.html → pages/multiplication-table.html b/pages/multiplicationTable.html → pages/multiplication-table.html
@@ -4,10 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="../css/estilo.css">
-    <link rel="shortcut icon" href="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8bf92cb5-6abc-4394-8ee9-32435d682dd3/dc4a4bz-1c9436cd-d3ef-4f5c-af4e-7a27b7c5fd2d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhiZjkyY2I1LTZhYmMtNDM5NC04ZWU5LTMyNDM1ZDY4MmRkM1wvZGM0YTRiei0xYzk0MzZjZC1kM2VmLTRmNWMtYWY0ZS03YTI3YjdjNWZkMmQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nKQeEe0AxbLn-84MLDY4-8oTPFZw3nfPguujxQXcsj4" type="image/x-icon">
-
+    <link rel="stylesheet" href="../src/style/estilo.css">
     <title>raysantori - Tabuada</title>
 </head>
 <body>
@@ -27,9 +24,8 @@ <h2>Tabuada</h2>
         </div>            
         <p style="font-size:12px">Preencha os dados acima para ver o resultado.</p>
     </section>
-    <footer class="footer"></footer>
 
-    <script src="../js/multiplicationTable.js"></script>
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/scripts/multiplication-table.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/pages/numberAnalyzer.html → pages/number-analyzer.html b/pages/numberAnalyzer.html → pages/number-analyzer.html
@@ -4,11 +4,7 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="../css/estilo.css">
-
-    <link rel="shortcut icon" href="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8bf92cb5-6abc-4394-8ee9-32435d682dd3/dc4a4bz-1c9436cd-d3ef-4f5c-af4e-7a27b7c5fd2d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzhiZjkyY2I1LTZhYmMtNDM5NC04ZWU5LTMyNDM1ZDY4MmRkM1wvZGM0YTRiei0xYzk0MzZjZC1kM2VmLTRmNWMtYWY0ZS03YTI3YjdjNWZkMmQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nKQeEe0AxbLn-84MLDY4-8oTPFZw3nfPguujxQXcsj4" type="image/x-icon">
-
+    <link rel="stylesheet" href="../src/style/estilo.css">
     <title>raysantori - Analisador de números</title>
 </head>
 <body>
@@ -25,9 +21,8 @@ <h2>Analisador de números</h2>
             <p style="font-size: 12px;">Preencha os dados acima para ver o resultado.</p>
         </div>
     </section>
-    <footer class="footer"></footer>
 
-    <script src="../js/numberAnalyzer.js"></script>
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/scripts/number-analyzer.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/pages/rest-screen.html b/pages/rest-screen.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="refresh" content="60"><!--atualização automática--> 
+    <link rel="stylesheet" href="../src/style/estilo.css">
+    <title>raysantori - Tela de descanso</title>
+</head>
+<body onload="carregar()">
+    <section style="text-align: center;">
+        <div>
+            <div style="font-size: 88px" id="hr"></div>
+            <div style="font-size: 32px" id="dia"></div>
+        </div>
+        <div style="display: none;" id="foto">
+            <img  id="imagem" src="" alt="">
+        </div>
+    </section>
+
+    <script src="../src/scripts/rest-screen.js"></script>
+    <script src="../src/components/footer/index.js"></script>
+</body>
+</html>
diff --git a/pages/restScreen.html b/pages/restScreen.html
diff --git a/pages/social.html b/pages/social.html
@@ -4,15 +4,12 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <link rel="stylesheet" href="/public/assets/css/global.css">
-    <link rel="shortcut icon" href="/public/assets/images/favicon_gustavoguanabara.ico" type="image/x-icon">
-
+    <link rel="stylesheet" href="../src/style/estilo.css">
     <title>Meus links</title>
 </head>
 <body class="fundo">
     <main>
-        <img class="absolute-center iphone" src="/public/assets/images/frame-iphone.png" alt="Moldura iPhone">
+        <img class="absolute-center iphone" src="../src/images/frame-iphone.png" alt="Moldura iPhone">
         <div class="absolute-center tela">
             <ul class="flex-center-center">
                 <li><a href="#"><i class="fi fi-sr-home"></i></a></li>
@@ -23,10 +20,6 @@
             </ul>
         </div>
     </main>
-    <a target="_blank" href="https://raysantori.com/">
-        <footer class="footer"></footer>
-    </a>
-
-    <script src="../../../src/components/footer/index.js"></script>
+    <script src="../src/components/footer/index.js"></script>
 </body>
 </html>
diff --git a/src/components/footer/index.js b/src/components/footer/index.js
@@ -1,4 +1,4 @@
-var footer = window.document.querySelector('.footer')
-var currentDate = new Date()
-var currentYear = currentDate.getFullYear()
-footer.innerHTML = `&copy; ${currentYear} raysantori`
+const footer = document.createElement('footer');
+const getFullYear = new Date().getFullYear();
+footer.innerHTML = `&copy; ${getFullYear} raysantori`;
+document.body.appendChild(footer);
diff --git a/src/scripts/ageGroup.js → src/scripts/age-group.js b/src/scripts/ageGroup.js → src/scripts/age-group.js
diff --git a/src/scripts/multiplicationTable.js → src/scripts/multiplication-table.js b/src/scripts/multiplicationTable.js → src/scripts/multiplication-table.js
diff --git a/src/scripts/numberAnalyzer.js → src/scripts/number-analyzer.js b/src/scripts/numberAnalyzer.js → src/scripts/number-analyzer.js
diff --git a/src/scripts/restScreen.js → src/scripts/rest-screen.js b/src/scripts/restScreen.js → src/scripts/rest-screen.js