add awesome favicons

YuriiHoliuk · Feb 21, 2017 · 7017d48 · 7017d48
1 parent 5f96f5e
commit 7017d48
Show file tree

Hide file tree

Showing 46 changed files with 214 additions and 204 deletions.
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
diff --git a/android-chrome-256x256.png b/android-chrome-256x256.png
diff --git a/apple-touch-icon-120x120.png b/apple-touch-icon-120x120.png
diff --git a/apple-touch-icon-152x152.png b/apple-touch-icon-152x152.png
diff --git a/apple-touch-icon-180x180.png b/apple-touch-icon-180x180.png
diff --git a/apple-touch-icon-60x60.png b/apple-touch-icon-60x60.png
diff --git a/apple-touch-icon-76x76.png b/apple-touch-icon-76x76.png
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/assets/android-chrome-192x192.png b/assets/android-chrome-192x192.png
diff --git a/assets/android-chrome-256x256.png b/assets/android-chrome-256x256.png
diff --git a/assets/apple-touch-icon-120x120.png b/assets/apple-touch-icon-120x120.png
diff --git a/assets/apple-touch-icon-152x152.png b/assets/apple-touch-icon-152x152.png
diff --git a/assets/apple-touch-icon-180x180.png b/assets/apple-touch-icon-180x180.png
diff --git a/assets/apple-touch-icon-60x60.png b/assets/apple-touch-icon-60x60.png
diff --git a/assets/apple-touch-icon-76x76.png b/assets/apple-touch-icon-76x76.png
diff --git a/assets/apple-touch-icon.png b/assets/apple-touch-icon.png
diff --git a/assets/browserconfig.xml b/assets/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="./assets/mstile-70x70.png"/>
+            <square150x150logo src="./assets/mstile-150x150.png"/>
+            <square310x310logo src="./assets/mstile-310x310.png"/>
+            <wide310x150logo src="./assets/mstile-310x150.png"/>
+            <TileColor>#a2ca28</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/assets/favicon-16x16.png b/assets/favicon-16x16.png
diff --git a/assets/favicon-32x32.png b/assets/favicon-32x32.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
diff --git a/assets/img/favicon.png b/assets/img/favicon.png
diff --git a/assets/index.html b/assets/index.html
@@ -1,171 +1,10 @@
-<!DOCTYPE html>
-<html class="document">
-
-<head>
-    <title>Fitness</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="favicon.ico" type="image/x-icon" />
-    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
-    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,400" rel="stylesheet" />
-    <link rel="stylesheet" type="text/css" href="css/main.min.css" />
-</head>
-
-<body class="page" id="page">
-    <sppan id="top"></sppan>
-    <header class="header">
-        <a href="#page" class="logo__link">
-            <h1 class="logo">Fitness</h1>
-        </a>
-
-        <nav class="nav" role="navigation">
-
-            <ul class="nav-list">
-                <li class="nav-list__item"><a class="nav-list__link" href="#">About</a></li>
-                <li class="nav-list__item"><a class="nav-list__link" href="#">How it works</a></li>
-                <li class="nav-list__item"><a class="nav-list__link" href="#">Services</a></li>
-                <li class="nav-list__item"><a class="nav-list__link" href="#">FAQ</a></li>
-                <li class="nav-list__item"><a class="nav-list__link" href="#">Contacts</a></li>
-            </ul>
-        </nav>
-
-        <button class="mobile-nav__toggle">
-            <span class="mobile-nav__line"></span>
-            <span class="mobile-nav__line"></span>
-            <span class="mobile-nav__line"></span>
-        </button>
-
-    </header>
-    <div class="promo">
-        <div class="tagline" id="tagline">
-            <p class="tagline__text">Fitness in a can<span class="tagline__slash">/</span></p>
-            <p class="tagline__text tagline__text_small">Yes you can<span class="tagline__slash">/</span></p>
-        </div>
-    </div>
-    <main role="main">
-        <div class="content container">
-            <div class="deals">
-                <div class="deal">
-                    <h2 class="deal__headline deal__headline_resources">Resources</h2>
-                    <p class="deal__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups. Easily manage your inspiration and work-in-progress</p>
-                    <a href="" class="deal__link">Explore more →</a>
-                </div>
-                <div class="deal">
-                    <h2 class="deal__headline deal__headline_train">Training & Funding</h2>
-                    <p class="deal__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups.</p>
-                    <a href="" class="deal__link">Browse training →</a>
-                </div>
-                <div class="deal">
-                    <h2 class="deal__headline deal__headline_connect">Connect</h2>
-                    <p class="deal__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups. Easily manage your inspiration.</p>
-                    <a href="" class="deal__link">Connect now <span class="deal__arrow">→</span></a>
-                </div>
-                <div class="deal">
-                    <h2 class="deal__headline deal__headline_communicate">Communicate</h2>
-                    <p class="deal__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups. Easily</p>
-                    <a href="" class="deal__link">Start now →</a>
-                </div>
-            </div>
-            <div class="features">
-                <div class="features__block features__block_small text-block text-block_0 text-block_center">
-                    <p class="text-block__subheadline">It’s all about</p>
-                    <h2 class="text-block__headline">Fitness first</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
-                    </p>
-                    <a href="#" class="text-block__more">Read More</a>
-                </div>
-                <div class="features__block features__block_big photo-block photo-block_1">
-                    <p class="photo-block__label photo-block__label_drop photo-block__label_bottom-right">
-                        <span>Active Users</span> (34)
-                    </p>
-                </div>
-                <div class="features__block features__block_big photo-block photo-block_2">
-                    <p class="photo-block__label photo-block__label_drop photo-block__label_bottom-left">
-                        Products Used (658)
-                    </p>
-                </div>
-                <div class="features__block features__block_small text-block text-block_1 text-block_center">
-                    <p class="text-block__subheadline">Love your</p>
-                    <h2 class="text-block__headline">Your body</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
-                    </p>
-                    <a href="#" class="text-block__more">Read More</a>
-                </div>
-                <div class="features__block features__block_small features__block_short photo-block photo-block_3"></div>
-                <div class="features__block features__block_big features__block_short photo-block photo-block_4">
-                    <p class="photo-block__label photo-block__label_white photo-block__label_top-left">
-                        24th august
-                    </p>
-                    <p class="photo-block__label photo-block__label_white photo-block__label_top-right">
-                        health & fitness
-                    </p>
-                </div>
-                <div class="features__block features__block_small text-block text-block_2 text-block_man">
-                    <p class="text-block__subheadline">Track your</p>
-                    <h2 class="text-block__headline">Lifestyle</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
-                    </p>
-                </div>
-                <div class="features__block features__block_big text-block text-block_3 text-block_shadow text-block_green">
-                    <h2 class="text-block__headline">Summer of fun</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
-                    </p>
-                </div>
-                <div class="features__block features__block_big features__block_short photo-block photo-block_5"></div>
-                <div class="features__block features__block_small features__block_short photo-block photo-block_6"></div>
-                <div class="features__block features__block_big text-block text-block_4 text-block_strawberry">
-                    <p class="text-block__subheadline">Track your</p>
-                    <h2 class="text-block__headline">Get involved in yourself</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-                        cillumdolore eu fugiat nulla pariatur.
-                    </p>
-                </div>
-                <div class="features__block features__block_small text-block text-block_5 text-block_avocado text-block_green">
-                    <p class="text-block__subheadline">Improve your</p>
-                    <h2 class="text-block__headline">Eating habits</h2>
-                    <p class="text-block__description">
-                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
-                    </p>
-                </div>
-            </div>
-        </div>
-        <div class="banner">
-            <h2 class="banner__headline">We launch leaders with big ideas</h2>
-            <p class="banner__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do<br />eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-        </div>
-    </main>
-    <footer class="footer container">
-        <div class="footer__additional">
-            <div class="add-block add-block_resources">
-                <h2 class="add-block__headline">Resources</h2>
-                <p class="add-block__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups. work-in-progress by dragging images into projects and sharable client group</p>
-            </div>
-            <div class="add-block add-block_about">
-                <h2 class="add-block__headline">About us</h2>
-                <p class="add-block__text">Easily manage your inspiration and work-in-progress by dragging images into projects and sharable client groups. work-in-progress by dragging images into projects and sharable client group</p>
-            </div>
-            <div class="add-block add-block_social">
-                <h2 class="add-block__headline">Stay in touch</h2>
-                <div class="social">
-                    <a href="#" class="social__link social__link_fb"></a>
-                    <a href="#" class="social__link social__link_tw"></a>
-                    <a href="#" class="social__link social__link_yt"></a>
-                    <a href="#" class="social__link social__link_in"></a>
-                </div>
-            </div>
-        </div>
-        <form action="#" method="POST" class="footer__form subscribe-form">
-            <input type="text" name="name" id="name" class="subscribe-form__input subscribe-form__input_name" placeholder="Your Name" />
-            <input type="email" name="email" id="email" class="subscribe-form__input subscribe-form__input_email" placeholder="Your Email" />
-            <button type="submit" class="subscribe-form__submit">Join Newsletter</button>
-        </form>
-    </footer>
-    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
-    <script defer src="js/main.min.js"></script>
-</body>
-
-</html>
+<!DOCTYPE html><html class="document"><head>    <title>Fitness</title>    <meta name="viewport" content="width=device-width, initial-scale=1">    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,400" rel="stylesheet">    <link rel="stylesheet" type="text/css" href="css/main.min.css"><link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
+<link rel="icon" type="image/png" href="./assets/favicon-32x32.png" sizes="32x32">
+<link rel="icon" type="image/png" href="./assets/favicon-16x16.png" sizes="16x16">
+<link rel="manifest" href="./assets/manifest.json">
+<link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#fd634e">
+<link rel="shortcut icon" href="./assets/favicon.ico">
+<meta name="msapplication-TileColor" content="#a2ca28">
+<meta name="msapplication-TileImage" content="./assets/mstile-144x144.png">
+<meta name="msapplication-config" content="./assets/browserconfig.xml">
+<meta name="theme-color" content="#ffffff"></head><body class="page" id="page">    //= header.html    <div class="promo">        //= tagline.html    </div>    <main role="main">        <div class="content container">            <div class="deals">                //= deals.html            </div>            //= features.html        </div>        //= banner.html    </main>    //= footer.html    <script defer src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>    <script defer src="js/main.min.js"></script></body></html>

diff --git a/assets/manifest.json b/assets/manifest.json
@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "icons": [
+        {
+            "src": "./assets/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "./assets/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/assets/mstile-144x144.png b/assets/mstile-144x144.png
diff --git a/assets/mstile-150x150.png b/assets/mstile-150x150.png
diff --git a/assets/mstile-310x150.png b/assets/mstile-310x150.png
diff --git a/assets/mstile-310x310.png b/assets/mstile-310x310.png
diff --git a/assets/mstile-70x70.png b/assets/mstile-70x70.png
diff --git a/assets/parts/index.html b/assets/parts/index.html
@@ -1,32 +1,10 @@
-<!DOCTYPE html>
-<html class="document">
-
-<head>
-    <title>Fitness</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="favicon.ico" type="image/x-icon" />
-    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
-    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,400" rel="stylesheet" />
-    <link rel="stylesheet" type="text/css" href="css/main.min.css" />
-</head>
-
-<body class="page" id="page">
-    //= header.html
-    <div class="promo">
-        //= tagline.html
-    </div>
-    <main role="main">
-        <div class="content container">
-            <div class="deals">
-                //= deals.html
-            </div>
-            //= features.html
-        </div>
-        //= banner.html
-    </main>
-    //= footer.html
-    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
-    <script defer src="js/main.min.js"></script>
-</body>
-
-</html>
+<!DOCTYPE html><html class="document"><head>    <title>Fitness</title>    <meta name="viewport" content="width=device-width, initial-scale=1">    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,400" rel="stylesheet">    <link rel="stylesheet" type="text/css" href="css/main.min.css"><link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
+<link rel="icon" type="image/png" href="./assets/favicon-32x32.png" sizes="32x32">
+<link rel="icon" type="image/png" href="./assets/favicon-16x16.png" sizes="16x16">
+<link rel="manifest" href="./assets/manifest.json">
+<link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#fd634e">
+<link rel="shortcut icon" href="./assets/favicon.ico">
+<meta name="msapplication-TileColor" content="#a2ca28">
+<meta name="msapplication-TileImage" content="./assets/mstile-144x144.png">
+<meta name="msapplication-config" content="./assets/browserconfig.xml">
+<meta name="theme-color" content="#ffffff"></head><body class="page" id="page">    //= header.html    <div class="promo">        //= tagline.html    </div>    <main role="main">        <div class="content container">            <div class="deals">                //= deals.html            </div>            //= features.html        </div>        //= banner.html    </main>    //= footer.html    <script defer src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>    <script defer src="js/main.min.js"></script></body></html>

diff --git a/assets/safari-pinned-tab.svg b/assets/safari-pinned-tab.svg
diff --git a/browserconfig.xml b/browserconfig.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="./assets/mstile-70x70.png"/>
+            <square150x150logo src="./assets/mstile-150x150.png"/>
+            <square310x310logo src="./assets/mstile-310x310.png"/>
+            <wide310x150logo src="./assets/mstile-310x150.png"/>
+            <TileColor>#a2ca28</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/favicon-16x16.png b/favicon-16x16.png
diff --git a/favicon-32x32.png b/favicon-32x32.png
diff --git a/favicon.ico b/favicon.ico