Merge pull request #4 from JollyJolli/Icon-Update

Icon update
JollyJolli · Jun 18, 2024 · 9fc7ab4 · 9fc7ab4
2 parents 4d617f4 + e547f39
commit 9fc7ab4
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -4,19 +4,24 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta name="description"
-    content="¡Hola! Bienvenido a Formen. Aquí encontrarás proyectos interesantes para explorar." />
+  <meta name="description" content="¡Hola! Bienvenido a Formen. Aquí encontrarás proyectos interesantes para explorar." />
   <meta name="keywords" content="formen.cc, sitios web, cards, desarrollo web" />
   <meta name="author" content="Formen" />
+  <!-- Favicon -->
+  <link rel="icon" href="./logo_small_icon_only.ico" type="image/x-icon">
+  <link rel="apple-touch-icon" href="./logo_small_icon_only.ico">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" />
   <link rel="stylesheet" href="styles.css" />
   <title>Formen - Descubre Mis Sitios Web</title>
 </head>
 
 <body>
   <header class="header">
-    <h1>Formen</h1>
-    <p>¡Hola! Bienvenido a mi página web. Aquí encontrarás proyectos interesantes para explorar.</p>
+    <img src="./logo_small_icon_only.ico" alt="Icono de Formen" width="50" height="50">
+    <div>
+      <h1>Formen</h1>
+      <p>¡Hola! Bienvenido a mi página web. Aquí encontrarás proyectos interesantes para explorar.</p>
+    </div>
   </header>
   <main role="main">
     <h2 class="center-text">Mis Proyectos</h2>
@@ -28,8 +33,7 @@ <h2 class="center-text">Mis Proyectos</h2>
     <p>&copy; 2024 Formen. Todos los derechos reservados.</p>
   </footer>
   <script src="script.js"></script>
-  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9522697838585863"
-     crossorigin="anonymous"></script>
+  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9522697838585863" crossorigin="anonymous"></script>
 </body>
 
 </html>
diff --git a/logo_small.ico b/logo_small.ico
diff --git a/logo_small_icon_only.ico b/logo_small_icon_only.ico
diff --git a/styles.css b/styles.css
@@ -61,19 +61,27 @@ input[type="submit"]:focus {
   text-align: center;
   color: #032925;
   border-bottom: 2px solid #e6b4b7;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.header img {
+  margin-right: 10px;
 }
 
 .header h1 {
   font-size: 2.5rem;
   margin-bottom: 1rem;
-  color: #232d2e; /* Heading de color neutral */
+  color: #1C3D5A; /* Gris azulado oscuro */
 }
 
 .header p {
   font-size: 1.2rem;
   color: #333b3d; /* Color de subtítulo neutral */
 }
 
+
 /* Main Styles */
 .container {
   display: flex;
@@ -173,4 +181,4 @@ footer p {
   .card {
     flex: 0 0 calc(100% - 2rem);
   }
-}
+}