Merge pull request #8 from IliyaPolyakov:module3-task1

Добавляю favicon
htmlacademy-adaptive · Oct 29, 2024 · f198319 · f198319
2 parents 86f18e2 + 9057888
commit f198319
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 25 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/source/catalog.html b/source/catalog.html
@@ -3,29 +3,29 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="favicons/icon.svg" type="image/svg+xml">
+    <link rel="icon" href="favicon.ico">
+    <link rel="manifest" href="manifest.webmanifest">
     <title>Каталог продукции</title>
   </head>
   <body class="">
     <header class="main-header">
       <nav class="navigation">
-        <a class="header-logo">
-          <img
-            class="main-header__logo-image"
-            src="/source/images/logo-mobile.svg"
-            width="33"
-            height="38"
-            alt="логотип кота"
-          />
+        <a class="main-header__logo">
+          <picture>
+            <source media="(min-width:786px)" width="60" height="50" type="image/svg+xml" srcset="/source/images/logo-tablet.svg" alt="логотип кота" />
+            <source  media="(min-width:1200px)" width="70" height="69" type="image/svg+xml" srcset="/source/images/logo-desktop.svg" alt="логотип кота"  />
+            <img class="main-header__logo-image" src="/source/images/logo-mobile.svg" width="33"  height="38" alt="логотип кота" />
+          </picture>
         </a>
         <a class="main-header__logo-text">
-          <img
-            class="main-header__logo-text"
-            src="/source/images/cat_energy_text.svg"
-            width="101"
-            height="18"
-            alt="текст кот энергия"
-          />
-        </a>
+          <picture>
+            <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+          <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+          height="18" alt="текст кот энергия"/>
+        </picture>
+       </a>
         <button class="open-menu" type="button">
           <span class="visually-hidden">Открыть меню</span>
         </button>
@@ -40,6 +40,9 @@
             <a href="#">Подбор программы</a>
           </li>
         </ul>
+        <h1>Функциональное питание для котов</h1>
+        <p>Занялся собой? Займись котом!</p>
+        <a href="#" class="select-program">Подобрать программу</a>
       </nav>
     </header>
     <main class="main-container-catalog">
@@ -283,14 +286,13 @@ <h2 class="invitation__title">Приглашаем к сотруднечиств
     <footer class="main-footer">
       <div class="main-footer__wrapper">
         <div class="main-footer__contact">
-          <a
-            ><img
-              class="contacts-icon"
-              src="/source/images/cat_energy_text.svg"
-              width="128"
-              height="24"
-              alt="кот енергия"
-          /></a>
+          <a>
+            <picture>
+              <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+            <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+            height="18" alt="текст кот энергия"/>
+          </picture>
+          </a>
         </div>
         <div class="main-footer__social">
           <ul class="social-list">

diff --git a/source/favicons/180.png b/source/favicons/180.png
diff --git a/source/favicons/192.png b/source/favicons/192.png
diff --git a/source/favicons/icon.svg b/source/favicons/icon.svg
diff --git a/source/index.html b/source/index.html
@@ -5,6 +5,10 @@
     <title>Cat energy</title>
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <link rel="stylesheet" href="styles/styles.css" />
+    <link rel="icon" href="favicon.ico">
+    <link rel="icon" href="favicons/icon.svg" type="image/svg+xml">
+    <link rel="icon" href="favicon.ico">
+    <link rel="manifest" href="manifest.webmanifest">
     <script src="scripts/index.js" defer></script>
   </head>
   <body class="page">
@@ -160,7 +164,11 @@ <h2 class="invitation__title">Приглашаем к сотруднечиств
       <div class="main-footer__wrapper">
         <div class="main-footer__contact">
           <a>
-            <img class="contacts-icon" src="/source/images/cat_energy_text.svg"  width="128" height="24" alt="кот енергия"/>
+            <picture>
+              <source media="(min-width:1200px)"  width="118" height="21" type="image/svg+xml"  srcset="/source/images/cat_energy_text.svg" alt="текст кот энергия" >
+            <img class="main-header__logo-text" src="/source/images/cat_energy_text.svg" width="101"
+            height="18" alt="текст кот энергия"/>
+          </picture>
           </a>
         </div>
         <div class="main-footer__social">

diff --git a/source/manifest.webmanifest b/source/manifest.webmanifest
@@ -0,0 +1,9 @@
+{
+"icons":[
+  { "src": "/favicons/192.png", "type": "image/png", "sizes": "" },
+  { "src": "/favicons/180.png", "type": "image/png", "sizes": "" },
+  { "src": "", "type": "", "sizes": "" }
+]
+
+
+}