enchanted favicons

luizeh · luizeh · commit 2a4e07e1a784 · 2026-05-04T16:26:14.000-03:00
diff --git a/calc-imc/favicon.svg b/calc-imc/favicon.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" fill="#1a1a1a"/>
+  <circle cx="50" cy="30" r="12" fill="#ff8c00"/>
+  <rect x="40" y="45" width="20" height="35" rx="3" fill="#ff8c00"/>
+  <rect x="25" y="80" width="50" height="4" rx="2" fill="#ff8c00"/>
+</svg>
diff --git a/calc-imc/index.html b/calc-imc/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Calculadora de IMC</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
diff --git a/horadodia/favicon.svg b/horadodia/favicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <circle cx="50" cy="50" r="45" fill="#ff8c69"/>
+  <circle cx="50" cy="50" r="40" fill="#ffd89b"/>
+  <text x="50" y="65" font-size="50" font-weight="bold" text-anchor="middle" fill="#333">24</text>
+</svg>
diff --git a/horadodia/index.html b/horadodia/index.html
@@ -4,6 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Hora do Dia</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    />
     <link rel="stylesheet" href="style.css" />
   </head>
   <body onload="carregar()">
@@ -26,15 +31,15 @@ <h1>Hora do Dia</h1>
     </section>
 
     <section class="controls-section">
-      <h2>⚙️ Controles</h2>
+      <h2><i class="fas fa-sliders-h"></i> Controles</h2>
       <div class="controles">
         <div class="control-group">
           <label for="hora-input">Alterar Hora:</label>
           <input type="time" id="hora-input" />
           <button id="btn-aplicar" class="btn">Aplicar</button>
         </div>
         <button id="btn-redefinir" class="btn btn-redefinir">
-          🔄 Redefinir para Hora Real
+          <i class="fas fa-redo"></i> Redefinir para Hora Real
         </button>
       </div>
     </section>
diff --git a/horadodia/script.js b/horadodia/script.js
@@ -43,9 +43,9 @@ function atualizar() {
 
   // Mensagens de saudação
   const saudacoes = {
-    manhã: "🌅 Bom Dia!",
-    tarde: "☀️ Boa Tarde!",
-    noite: "🌙 Boa Noite!",
+    manhã: "Bom Dia!",
+    tarde: "Boa Tarde!",
+    noite: "Boa Noite!",
   };
   saudacaoSpan.textContent = saudacoes[periodo];
 
diff --git a/verificadoridade/favicon.svg b/verificadoridade/favicon.svg
@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <!-- Background -->
+  <rect width="64" height="64" rx="8" fill="#1a1a1a"/>
+  
+  <!-- Cake body -->
+  <rect x="16" y="28" width="32" height="24" rx="2" fill="#ffffff"/>
+  
+  <!-- Cake layers -->
+  <rect x="16" y="28" width="32" height="6" fill="#e0e0e0"/>
+  <rect x="16" y="40" width="32" height="6" fill="#e0e0e0"/>
+  
+  <!-- Candles -->
+  <rect x="22" y="14" width="2" height="12" rx="1" fill="#ffffff"/>
+  <rect x="32" y="12" width="2" height="14" rx="1" fill="#ffffff"/>
+  <rect x="42" y="14" width="2" height="12" rx="1" fill="#ffffff"/>
+  
+  <!-- Flame - candle 1 -->
+  <circle cx="23" cy="12" r="2" fill="#ffaa00"/>
+  <path d="M23 10 Q22 8 23 6 Q24 8 23 10" fill="#ff6600"/>
+  
+  <!-- Flame - candle 2 -->
+  <circle cx="33" cy="10" r="2" fill="#ffaa00"/>
+  <path d="M33 8 Q32 6 33 4 Q34 6 33 8" fill="#ff6600"/>
+  
+  <!-- Flame - candle 3 -->
+  <circle cx="43" cy="12" r="2" fill="#ffaa00"/>
+  <path d="M43 10 Q42 8 43 6 Q44 8 43 10" fill="#ff6600"/>
+</svg>
diff --git a/verificadoridade/index.html b/verificadoridade/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Verificador de Idade</title>
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
