[{"data":1,"prerenderedAt":1117},["ShallowReactive",2],{"i-feather:search":3,"i-feather:x":8,"i-feather:moon":10,"i-feather:sun":12,"i-fa-brands:youtube":14,"i-fa-brands:twitch":18,"i-fa-brands:github":20,"i-fa-brands:linkedin":23,"i-fa-brands:stack-overflow":26,"i-simple-icons:bluesky":29,"i-fa-brands:mastodon":31,"i-fa-regular:envelope":33,"i-fa-solid:rss":35,"post-\u002Finternet-favicon-madness\u002F":37,"post-navigation":728,"i-fa-solid:share-alt":1097,"i-fa-brands:facebook":1099,"i-fa-brands:twitter":1101,"i-fa-brands:reddit":1103,"i-fa-brands:patreon":1105,"i-simple-icons:buymeacoffee":1107,"i-fa-brands:paypal":1109,"i-fa-regular:question-circle":1111,"i-feather:arrow-left":1113,"i-feather:arrow-right":1115},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003Cpath d=\"m21 21l-4.35-4.35\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 6L6 18M6 6l12 12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12.79A9 9 0 1 1 11.21 3A7 7 0 0 0 21 12.79\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"5\"\u002F>\u003Cpath d=\"M12 1v2m0 18v2M4.22 4.22l1.42 1.42m12.72 12.72l1.42 1.42M1 12h2m18 0h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":15,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":17},576,512,"\u003Cpath fill=\"currentColor\" d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597c-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821c11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305m-317.51 213.508V175.185l142.739 81.205z\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M391.17 103.47h-38.63v109.7h38.63ZM285 103h-38.63v109.75H285ZM120.83 0L24.31 91.42v329.16h115.83V512l96.53-91.42h77.25L487.69 256V0Zm328.24 237.75l-77.22 73.12h-77.24l-67.6 64v-64h-86.87V36.58h308.93Z\"\u002F>",{"left":4,"top":4,"width":21,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":22},496,"\u003Cpath fill=\"currentColor\" d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2\"\u002F>",{"left":4,"top":4,"width":24,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":25},448,"\u003Cpath fill=\"currentColor\" d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5c0 21.3-17.2 38.5-38.5 38.5m282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7c-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5c67.2 0 79.7 44.3 79.7 101.9z\"\u002F>",{"left":4,"top":4,"width":27,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":28},384,"\u003Cpath fill=\"currentColor\" d=\"M290.7 311L95 269.7L86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8l153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24l119.3 160.3l32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":30},"\u003Cpath fill=\"currentColor\" d=\"M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037c-.856 3.061-3.978 3.842-6.755 3.37c4.854.826 6.089 3.562 3.422 6.299c-5.065 5.196-7.28-1.304-7.847-2.97c-.104-.305-.152-.448-.153-.327c0-.121-.05.022-.153.327c-.568 1.666-2.782 8.166-7.847 2.97c-2.667-2.737-1.432-5.473 3.422-6.3c-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026\"\u002F>",{"left":4,"top":4,"width":24,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":32},"\u003Cpath fill=\"currentColor\" d=\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7c-62.52-28.7-228.56-28.4-290.48 0c0 0-63.72 28.5-63.72 125.7c0 115.7-6.6 259.4 105.63 289.1c40.51 10.7 75.32 13 103.33 11.4c50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.5 102.5 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7c56.12-6.7 105-41.3 111.23-72.9c9.8-49.8 9-121.5 9-121.5m-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175c25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5l11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1c23.71 27.3 18.4 53 18.4 175z\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":34},"\u003Cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48m0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49c-16.841 13.247-50.201 45.072-73.413 44.701c-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646c21.857 17.205 60.134 55.186 103.062 54.955c42.717.231 80.509-37.199 103.053-54.947c49.528-38.783 82.032-64.401 104.947-82.653V400z\"\u002F>",{"left":4,"top":4,"width":24,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":36},"\u003Cpath fill=\"currentColor\" d=\"M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041s64.04 28.673 64.04 64.041m175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018c111.832 7.284 201.473 96.702 208.772 208.772c.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79m144.249.288C439.596 229.677 251.465 40.445 16.503 32.01C7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999c191.179 7.839 344.627 161.316 352.465 352.465c.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.504\"\u002F>",{"id":38,"title":39,"author":40,"body":41,"comments":631,"date":697,"dateModified":698,"description":699,"extension":700,"headings":701,"heroImage":714,"meta":715,"path":104,"permalink":104,"published":716,"stem":717,"tags":718,"timeToRead":727},"posts\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Findex.md","Internet Favicon Madness (Updated)","Muhammad Rehan Saeed",{"type":42,"value":43,"toc":628},"minimark",[44,111,114,126,129,139,142,150,157,160,163,193,196,199,211,222,225,239,251,283,297,312,321,329,343,350,353,361,364,375,389,398,406,420,423,431,437,440,454,463,466,475,478,486,492,495,509,512,526,529,535,553,577,591,594,603,618,621,624],[45,46,47,55,81,100,105],"ul",{},[48,49,50],"li",{},[51,52,54],"a",{"href":53},"\u002Fasp-net-mvc-boilerplate\u002F","ASP.NET Core Boilerplate",[48,56,57,61],{},[58,59,60],"p",{},"Security",[45,62,63,69,75],{},[48,64,65],{},[51,66,68],{"href":67},"\u002Fsecuring-the-aspnet-mvc-web-config\u002F","Securing the ASP.NET MVC Web.config (Updated)",[48,70,71],{},[51,72,74],{"href":73},"\u002Fnwebsec-asp-net-mvc-security-through-http-headers\u002F","NWebSec ASP.NET MVC Security Through HTTP Headers",[48,76,77],{},[51,78,80],{"href":79},"\u002Fcontent-security-policy-for-asp-net-mvc\u002F","Content Security Policy (CSP) for ASP.NET MVC",[48,82,83,86],{},[58,84,85],{},"Search Engine Optimization (SEO)",[45,87,88,94],{},[48,89,90],{},[51,91,93],{"href":92},"\u002Fcanonical-urls-for-asp-net-mvc\u002F","Canonical URL's for ASP.NET MVC",[48,95,96],{},[51,97,99],{"href":98},"\u002Fdynamically-generating-robots-txt-using-asp-net-mvc","Dynamically Generating Robots.txt Using ASP.NET MVC",[48,101,102],{},[51,103,39],{"href":104},"\u002Finternet-favicon-madness\u002F",[48,106,107],{},[51,108,110],{"href":109},"\u002Fbuilding-rssatom-feeds-for-asp-net-mvc\u002F","Building RSS\u002FAtom Feeds for ASP.NET MVC",[58,112,113],{},"These days there is a ridiculous range of devices that can access your website from phone and desktop browsers to phone apps, operating systems and search engine bots. Most of them will require some kind of icon or image to display for your website. Some of them go even further and even allow you to specify splash screens for when your page is loading or an RSS feed URL for the latest updates from your site.",[58,115,116,117,125],{},"A brain dump of all my knowledge regarding favicon's and many other ASP.NET MVC features can be found in the ",[51,118,54],{"href":119,"rel":120,"target":124},"https:\u002F\u002Fgithub.com\u002FDotnet-Boxed\u002FTemplates",[121,122,123],"nofollow","noopener","noreferrer","_blank"," project on GitHub. Its a professional ASP.NET MVC template for building secure, fast, robust and adaptable web applications or sites. It provides the minimum amount of code required on top of the default MVC template provided by Microsoft.",[58,127,128],{},"This blog post tries to be as comprehensive as possible in explaining the absolute madness that is the internet favicon and its related 'bits' for want of a better word. So without further ado, here is a list of files that you need to add to support all the different devices that can access your site:",[58,130,131],{},[132,133],"img",{"alt":134,"src":135,"width":136,"height":137,"loading":138},"Favicon Files","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FFavicon-Files.png",637,818,"lazy",[58,140,141],{},"The list of all files required to support favicon's and splash screen images on all devices.",[58,143,144,145,149],{},"Now you can add all these files to the root directory of your site and have a really messy project or you can add the files to a ",[146,147,148],"code",{},"\u002Fcontent\u002Ficons"," folder in your project and add the following link and meta tags to the head section of your HTML pages:",[151,152],"pre",{"className":153,"language":154,"meta":155,"style":155,"html":156},"language-xml shiki shiki-themes light-plus monokai","xml","","\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Icons & Platform Specific Settings - Favicon generator used to generate the icons below http:\u002F\u002Frealfavicongenerator.net -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- shortcut icon - This file contains the following sizes 16x16, 32x32 and 48x48. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"shortcut icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon.ico\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- favicon-96x96.png - For Google TV https:\u002F\u002Fdeveloper.android.com\u002Ftraining\u002Ftv\u002Findex.html#favicons. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fpng\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon-96x96.png\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"96x96\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- favicon-32x32.png - For Safari on Mac OS. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fpng\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon-32x32.png\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"32x32\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- favicon-16x16.png - The classic favicon, displayed in the tabs. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fpng\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon-16x16.png\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"16x16\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Android\u002FChrome -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- manifest-json - The location of the browser configuration file. It contains locations of icon files, name of the application and default device screen orientation. Note that the name field is mandatory.\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    https:\u002F\u002Fdeveloper.chrome.com\u002Fmultidevice\u002Fandroid\u002Finstalltohomescreen. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"manifest\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fmanifest.json\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- theme-color - The colour of the toolbar in Chrome M39+\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    http:\u002F\u002Fupdates.html5rocks.com\u002F2014\u002F11\u002FSupport-for-theme-color-in-Chrome-39-for-Android -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"theme-color\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"#1E1E1E\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- favicon-192x192.png - For Android Chrome M36 to M38 this HTML is used. M39+ uses the manifest.json file. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fpng\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon-192x192.png\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"192x192\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- mobile-web-app-capable - Run Android\u002FChrome version M31 to M38 in standalone mode, hiding the browser chrome. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"mobile-web-app-capable\" content=\"yes\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Apple Icons - You can move all these icons to the root of the site and remove these link elements, if you don't mind the clutter.\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    https:\u002F\u002Fdeveloper.apple.com\u002Flibrary\u002Fsafari\u002Fdocumentation\u002FAppleApplications\u002FReference\u002FSafariHTMLRef\u002FIntroduction.html#\u002F\u002Fapple_ref\u002Fdoc\u002Fuid\u002F30001261-SW1 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-57x57.png - Android Stock Browser and non-Retina iPhone and iPod Touch -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"57x57\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-57x57.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-114x114.png - iPhone (with 2× display) iOS = 6 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"114x114\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-114x114.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-72x72.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 6 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"72x72\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-72x72.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-144x144.png - iPad (with 2× display) iOS = 6 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"144x144\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-144x144.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-60x60.png - Same as apple-touch-icon-57x57.png, for non-retina iPhone with iOS7. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"60x60\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-60x60.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-120x120.png - iPhone (with 2× and 3 display) iOS = 7 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"120x120\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-120x120.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-76x76.png - iPad mini and the first- and second-generation iPad (1× display) on iOS = 7 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"76x76\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-76x76.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-152x152.png - iPad 3+ (with 2× display) iOS = 7 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"152x152\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-152x152.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-icon-180x180.png - iPad and iPad mini (with 2× display) iOS = 8 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-touch-icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"180x180\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fapple-touch-icon-180x180.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-title - The name of the application if pinned to the IOS start screen. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"apple-mobile-web-app-title\" content=\"\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-capable - Hide the browsers user interface on IOS, when the app is run in 'standalone' mode. Any links to other pages that are clicked whilst your app is in standalone mode will launch the full Safari browser. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"apple-mobile-web-app-capable\" content=\"yes\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-status-bar-style - default\u002Fblack\u002Fblack-translucent Styles the IOS status bar. Using black-translucent makes it transparent and overlays it on top of your site, so make sure you have enough margin. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Apple Startup Images - These splash screen images are only shown if apple-mobile-web-app-capable is set to true. https:\u002F\u002Fgist.github.com\u002Ftfausak\u002F2222823 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-1536x2008.png - iOS 6 & 7 iPad (retina, portrait) -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-1536x2008.png\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-1496x2048.png - iOS 6 & 7 iPad (retina, landscape) -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-1496x2048.png\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-768x1004.png - iOS 6 iPad (portrait) -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-768x1004.png\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-748x1024.png - iOS 6 iPad (landscape) -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-748x1024.png\" media=\"(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-640x1096.png - iOS 6 & 7 iPhone 5 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-640x1096.png\" media=\"(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-640x920.png - iOS 6 & 7 iPhone (retina) -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-640x920.png\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-touch-startup-image-320x460.png - iOS 6 iPhone -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <link rel=\"apple-touch-startup-image\" href=\"\u002Fcontent\u002Ficons\u002Fapple-touch-startup-image-320x460.png\" media=\"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Windows 7 Taskbar - This depends on your site, so no code here. See http:\u002F\u002Fwww.buildmypinnedsite.com\u002Fwindows7 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Windows 8 IE10 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- application-name - The name of the application if pinned to the start screen. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"application-name\" content=\"\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- msapplication-TileColor - The tile colour which shows around your tile image (msapplication-TileImage). -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"msapplication-TileColor\" content=\"#5cb95c\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- msapplication-TileImage - The tile image. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"msapplication-TileImage\" content=\"\u002Fcontent\u002Ficons\u002Fmstile-144x144.png\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- Windows 8.1 IE11 -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- msapplication-config - The location of the browser configuration file. If you have an RSS feed, go to\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    http:\u002F\u002Fwww.buildmypinnedsite.com and regenerate the browserconfig.xml file. You will then have a cool live tile! -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"msapplication-config\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fbrowserconfig.xml\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>",[58,158,159],{},"Now don't be too scared, there are only 24 lines that you need, the rest is all comments describing what each line is for, which I'll go through it in the rest of this post.",[58,161,162],{},"Now, go ahead take another look above. That is 30 files and almost as many lines of code if you decide to have your files in a nice separate folder. Take a moment to let the insanity of this situation settle in. All we are really trying to do is set an icon for our site!",[164,165,167,173],"h1",{"id":166,"data-section-heading":155},"performance-and-size-trade-off",[168,169,172],"span",{"className":170},[171],"heading__text","Performance and Size Trade-Off",[174,175,178],"anchor-link",{"href":176,"label":177},"#performance-and-size-trade-off","Link to this section",[179,180,187],"svg",{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","http:\u002F\u002Fwww.w3.org\u002F1999\u002Fxlink","0 0 16 16","1.1",22,"true",[188,189],"path",{"fill":190,"fill-rule":191,"d":192},"currentColor","evenodd","M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z",[58,194,195],{},"This approach does use more bandwidth. Those 24 lines take up around 2.8KB, if you decide to support everything or around 1.4KB if you skip support for Apple splash screens which takes about half the space due to its extremely verbose meta tags.",[58,197,198],{},"However, you should be using GZip compression for transferring your HTML pages over the internet (I'll be covering GZip compression in a subsequent post) so when compressed we are talking around 650 Bytes if you include everything or around 465 Bytes if you remove support for Apple splash screens.",[58,200,201,202,206,207,210],{},"At the end of the day it's a trade off and I'll leave making that decision up to you. You can support all of it, none of it or anything in between. 650 Bytes for ",[203,204,205],"strong",{},"every"," page can add up to a fair amount of bandwidth, especially if you have a large number of requests coming into your site. If you had say a million requests, which is not unheard of if you consider that this overhead is added to every page, then you are looking at around 0.6GB of bandwidth and that's ",[203,208,209],{},"before"," you add up extra bandwidth usage from the images and Android\u002FChrome\u002FWindows XML\u002FJSON configuration files.",[58,212,213,214,217,218,221],{},"The ",[146,215,216],{},"manifest.json"," and ",[146,219,220],{},"browserconfig.xml"," file are small files around 1KB but they can also be GZIP compressed and more importantly they can be cached by the browser. A bigger problem is the image files. These files are up to 37KB in size, they cannot be compressed as PNG's are already compressed but they can be downloaded once and then cached. It's difficult to calculate how often these files will be downloaded and how much bandwidth this will use.",[58,223,224],{},"Then again, how do we measure the value of users who feel more engaged with your site because they get a more customized and integrated experience when using your site. It's a difficult question and the answer will be different for every site.",[164,226,228,232],{"id":227,"data-section-heading":155},"the-faviconico-file",[168,229,231],{"className":230},[171],"The Favicon.ico File",[174,233,235],{"href":234,"label":177},"#the-faviconico-file",[179,236,237],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,238],{"fill":190,"fill-rule":191,"d":192},[58,240,241,246,247,250],{},[51,242,245],{"href":243,"rel":244,"target":124},"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FFavicon",[121,122,123],"Favicon's"," were introduced in 1995 by Microsoft with Internet Explorer 5.0. You could add a ",[146,248,249],{},"favicon.ico"," file to the root of your site and it would get displayed next to the address bar.",[58,252,253,254,259,260,262,263,266,267,266,270,266,273,266,276,217,279,282],{},"Favicons use the ancient ",[51,255,258],{"href":256,"rel":257,"target":124},"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FICO_%28file_format%29",[121,122,123],".ico"," image format which began life as a part of Windows 1.0! A lot of people don't realize that the ",[146,261,258],{}," file can actually contain several images of varying sizes and colour depths. Typically the image sizes can include ",[146,264,265],{},"16x16",", ",[146,268,269],{},"32x32",[146,271,272],{},"48x48",[146,274,275],{},"64x64",[146,277,278],{},"128x128",[146,280,281],{},"256x256",". Windows or your web browser can then choose the appropriate size they need for display. Most favicon's are uncompressed images and although the images are small the file size is not as small as it could be.",[164,284,286,290],{"id":285,"data-section-heading":155},"where-are-favicons-used",[168,287,289],{"className":288},[171],"Where Are Favicon's Used",[174,291,293],{"href":292,"label":177},"#where-are-favicons-used",[179,294,295],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,296],{"fill":190,"fill-rule":191,"d":192},[298,299,301,305],"h2",{"id":300,"data-section-heading":155},"desktop-browsers",[168,302,304],{"className":303},[171],"Desktop Browsers",[174,306,308],{"href":307,"label":177},"#desktop-browsers",[179,309,310],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,311],{"fill":190,"fill-rule":191,"d":192},[58,313,314,315,320],{},"These days favicon's are no longer displayed in the address bar of your browser (IE being an exception). Miscreants were abusing this feature and using padlock favicon's to trick unsavvy users into thinking the page was secure and had SSL enabled. Most browsers now only show icons on tabs or when a site is favourited. You can see a table of how desktop browsers use Favicon's ",[51,316,319],{"href":317,"rel":318,"target":124},"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FFavicon#Use_of_favicon",[121,122,123],"here",".",[58,322,323],{},[132,324],{"alt":325,"src":326,"width":327,"height":328,"loading":138},"Desktop Browser Favicon's","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FDesktop-Browser-Favicons.png",446,314,[298,330,332,336],{"id":331,"data-section-heading":155},"ios",[168,333,335],{"className":334},[171],"iOS",[174,337,339],{"href":338,"label":177},"#ios",[179,340,341],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,342],{"fill":190,"fill-rule":191,"d":192},[58,344,345,346,349],{},"iOS devices can pin your site to the home screen and you can provide icons in a variety of sizes to support phone and tablets with differing screen resolutions. All the files shown above start with ",[146,347,348],{},"apple-touch-icon",". Increasingly websites are being built to look and feel like everyday phone apps. Apple lets you specify three additional meta tags which allows you to customize what happens after your site is pinned to the home screen:",[151,351],{"className":153,"language":154,"meta":155,"style":155,"html":352},"\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-title - The name of the application if pinned to the IOS start screen. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-mobile-web-app-title\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"Your Site Title\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-capable - Hide the browsers user interface on IOS, when the app is run in 'standalone' mode. \n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">     Any links to other pages that are clicked whilst your app is in standalone mode will launch the full Safari browser. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-mobile-web-app-capable\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"yes\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- apple-mobile-web-app-status-bar-style - default\u002Fblack\u002Fblack-translucent Styles the IOS status bar. Using \n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">     black-translucent makes it transparent and overlays it on top of your site, so make sure you have enough margin. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"apple-mobile-web-app-status-bar-style\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"black\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>",[58,354,355],{},[132,356],{"alt":357,"src":358,"width":359,"height":360,"loading":138},"iOS Web App Capable","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FiOS-Web-App-Capable.png",640,568,[58,362,363],{},"The left screen shows a normal web browsing experience on iOS and the right shows a web app capable experience.",[58,365,366,367,370,371,320],{},"If you decide to make your site web app capable by using the meta tag above, you can also set a splash screen which gets shown when your site is first launched. Once again, there are several sizes depending on the screen resolution and all the images start with ",[146,368,369],{},"apple-touch-startup-image",". Find more information about iOS favicon's, startup images and meta tags ",[51,372,319],{"href":373,"rel":374,"target":124},"http:\u002F\u002Fblog.teamtreehouse.com\u002Foptimizing-mobile-web-apps-ios",[121,122,123],[298,376,378,382],{"id":377,"data-section-heading":155},"microsoft-windows-7-taskbar",[168,379,381],{"className":380},[171],"Microsoft Windows 7 Taskbar",[174,383,385],{"href":384,"label":177},"#microsoft-windows-7-taskbar",[179,386,387],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,388],{"fill":190,"fill-rule":191,"d":192},[58,390,391,392,397],{},"If your site is pinned to the Windows 7 taskbar then you can customize the jump list items with additional links to pages on your site. There are lots of other additional features (See image below) but these require JavaScript and some additional work. Also, I'm not really sure how often people pin websites to the taskbar (I personally have never done it), so I'm not sure if its worth it. Check out the ",[51,393,396],{"href":394,"rel":395,"target":124},"http:\u002F\u002Fwww.buildmypinnedsite.com\u002Fwindows7",[121,122,123],"Windows 7 Build My Pinned Site"," page for examples and more information.",[58,399,400],{},[132,401],{"alt":402,"src":403,"width":404,"height":405,"loading":138},"Windows 7 Taskbar Settings","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FWindows-7-Taskbar.png",694,510,[298,407,409,413],{"id":408,"data-section-heading":155},"microsoft-windows-phone-8-and-windows-8",[168,410,412],{"className":411},[171],"Microsoft Windows Phone 8 and Windows 8",[174,414,416],{"href":415,"label":177},"#microsoft-windows-phone-8-and-windows-8",[179,417,418],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,419],{"fill":190,"fill-rule":191,"d":192},[58,421,422],{},"Windows Phone 8 and Windows 8 takes a very interesting approach. Pinning a site to the start screen of one of these devices gives you a very large tile. You can specify an icon for your tile and also an RSS feed URL. The RSS feed is polled and new updates are shown on your tile regularly (I've implemented this feature on this site, so pin this site to your Windows 8 home screen and give it a try). You can also specify a background colour which is used when showing the RSS feed items. Pretty cool eh!",[58,424,425],{},[132,426],{"alt":427,"src":428,"width":429,"height":430,"loading":138},"Windows 8 Tiles","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FWindows-8-Favicons.png",406,598,[58,432,433,434,436],{},"Now if Microsoft had taken Apple's approach it would be cluttering up the head section of your site with a lot of meta data. Microsoft splits off its tile configuration into a separate ",[146,435,220],{}," file (See example below). This is a much cleaner approach and very much welcomed. You can add this file to the root of your site or if you want to move it elsewhere, add a meta tag pointing to it (Note that this file was introduced in Windows 8.1 and Windows 8 still uses meta tags in the head of the page. Windows 8 is on its way out, so I probably would not support it).",[151,438],{"className":153,"language":154,"meta":155,"style":155,"html":439},"\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><?\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">xml\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> version\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"1.0\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> encoding\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"utf-8\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">?>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">browserconfig\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">  <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">msapplication\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">    <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">tile\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">square70x70logo\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"tiny.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">square150x150logo\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"square.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">wide310x150logo\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"wide.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">square310x310logo\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"large.png\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">TileColor\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">#fff200\u003C\u002Fspan>\u003Cspan class=\"sNflI\"><\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">TileColor\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">    <\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">tile\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">    <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">notification\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">polling-uri\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"http:\u002F\u002Fnotifications.buildmypinnedsite.com\u002F?feed=https:\u002F\u002Frehansaeed.com\u002Ffeed\u002F\u003C\u002Fspan>\u003Cspan class=\"sMc8R\">&\u003C\u002Fspan>\u003Cspan class=\"squEy\">id=1\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">polling-uri2\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"http:\u002F\u002Fnotifications.buildmypinnedsite.com\u002F?feed=https:\u002F\u002Frehansaeed.com\u002Ffeed\u002F\u003C\u002Fspan>\u003Cspan class=\"sMc8R\">&\u003C\u002Fspan>\u003Cspan class=\"squEy\">id=2\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">polling-uri3\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"http:\u002F\u002Fnotifications.buildmypinnedsite.com\u002F?feed=https:\u002F\u002Frehansaeed.com\u002Ffeed\u002F\u003C\u002Fspan>\u003Cspan class=\"sMc8R\">&\u003C\u002Fspan>\u003Cspan class=\"squEy\">id=3\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">polling-uri4\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"http:\u002F\u002Fnotifications.buildmypinnedsite.com\u002F?feed=https:\u002F\u002Frehansaeed.com\u002Ffeed\u002F\u003C\u002Fspan>\u003Cspan class=\"sMc8R\">&\u003C\u002Fspan>\u003Cspan class=\"squEy\">id=4\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">polling-uri5\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> src\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"http:\u002F\u002Fnotifications.buildmypinnedsite.com\u002F?feed=https:\u002F\u002Frehansaeed.com\u002Ffeed\u002F\u003C\u002Fspan>\u003Cspan class=\"sMc8R\">&\u003C\u002Fspan>\u003Cspan class=\"squEy\">id=5\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">frequency\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">30\u003C\u002Fspan>\u003Cspan class=\"sNflI\"><\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">frequency\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">      <\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">cycle\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">1\u003C\u002Fspan>\u003Cspan class=\"sNflI\"><\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">cycle\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">    <\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">notification\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\">  <\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">msapplication\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u002F\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">browserconfig\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>",[298,441,443,447],{"id":442,"data-section-heading":155},"androidchrome",[168,444,446],{"className":445},[171],"Android\u002FChrome",[174,448,450],{"href":449,"label":177},"#androidchrome",[179,451,452],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,453],{"fill":190,"fill-rule":191,"d":192},[58,455,456,457,459,460,462],{},"Android\u002FChrome recently introduced new favicon's and browser settings. interestingly, their solution looks very similar to Microsoft's approach. Microsoft includes all their settings in a ",[146,458,220],{}," file which can be included in the root of your site or using a meta tag to refer to it. Android\u002FChrome has taken a very similar step and introduced a ",[146,461,216],{}," file which you can also optionally point to in your HTML as shown below.",[151,464],{"className":153,"language":154,"meta":155,"style":155,"html":465},"\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- manifest-json - The location of the browser configuration file. It contains locations of icon files, name of the application and default device screen orientation. Note that the name field is mandatory.\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    https:\u002F\u002Fdeveloper.chrome.com\u002Fmultidevice\u002Fandroid\u002Finstalltohomescreen. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"manifest\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Fmanifest.json\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>",[58,467,213,468,470,471,474],{},[146,469,216],{}," file contains the name of the site, optional page orientation settings and the location of favicon images. Unfortunately, the name of the site is not an optional field but required according to the specification. The rest of the file is dedicated to specifying the location of the various favicon images of varying pixel densities. You can also optionally control the orientation of the site and how it appears on an Android device. One new feature is the ability to set the browser chrome theme colour. This can be done with the ",[146,472,473],{},"theme-color"," meta tag and examples of the results can be seen below:",[151,476],{"className":153,"language":154,"meta":155,"style":155,"html":477},"\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- theme-color - The colour of the toolbar in Chrome M39+\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\">    http:\u002F\u002Fupdates.html5rocks.com\u002F2014\u002F11\u002FSupport-for-theme-color-in-Chrome-39-for-Android -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">meta\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> name\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"theme-color\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> content\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"#1E1E1E\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>",[58,479,480],{},[132,481],{"alt":482,"src":483,"width":484,"height":485,"loading":138},"Android Theme Colour","\u002Fcontent-images\u002Fposts\u002F2014\u002Finternet-favicon-madness\u002Fimages\u002FAndroid-Theme-Colour.png",338,600,[58,487,488,489,491],{},"Older versions of Android (M31 to M38) don't use the ",[146,490,216],{}," file but are very similar to iOS and even uses some of the iOS icons if they are provided, as iOS icons tend to be a little higher resolution and more widely supported. Android also has the ability to hide the browser chrome to make your site behave like an app. It's meta tag has a different name:",[151,493],{"className":153,"language":154,"meta":155,"style":155,"html":494},"\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- favicon-192x192.png - For Android Chrome M36 to M38 this HTML is used. M39+ uses the manifest.json file. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fpng\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"\u002Fcontent\u002Ficons\u002Ffavicon-192x192.png\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> sizes\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"192x192\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">>\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- mobile-web-app-capable - Run Android\u002FChrome version M31 to M38 in standalone mode, hiding the browser chrome. -->\n\u003C\u002Fspan>\u003C\u002Fspan>\u003Cspan class=\"line\">\u003Cspan class=\"s1q82\"><!-- <meta name=\"mobile-web-app-capable\" content=\"yes\"> -->\n\u003C\u002Fspan>\u003C\u002Fspan>",[298,496,498,502],{"id":497,"data-section-heading":155},"other",[168,499,501],{"className":500},[171],"Other",[174,503,505],{"href":504,"label":177},"#other",[179,506,507],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,508],{"fill":190,"fill-rule":191,"d":192},[58,510,511],{},"Favicons are used in a few other places, such as pinning your site to the taskbar in Windows for instance or even on your television.",[164,513,515,519],{"id":514,"data-section-heading":155},"how-can-i-make-this-easier",[168,516,518],{"className":517},[171],"How Can I Make This Easier",[174,520,522],{"href":521,"label":177},"#how-can-i-make-this-easier",[179,523,524],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,525],{"fill":190,"fill-rule":191,"d":192},[58,527,528],{},"Even if you decide not to make your site web app capable and support just the basic iOS, Android and Windows icons and settings, your still in for a fair amount of work to create all the right images and get all the meta tags just right.",[58,530,213,531,534],{},[51,532,54],{"href":119,"rel":533,"target":124},[121,122,123]," project template can help you get started quickly as all of the above files and meta tags are built in from the start, all you need to do is delete the ones you don't want (A lot quicker than starting from scratch).",[58,536,537,538,543,544,217,549,552],{},"I also highly recommend using ",[51,539,542],{"href":540,"rel":541,"target":124},"http:\u002F\u002Frealfavicongenerator.net",[121,122,123],"Real Favicon Generator"," in conjunction with Microsoft's ",[51,545,548],{"href":546,"rel":547,"target":124},"http:\u002F\u002Fwww.buildmypinnedsite.com",[121,122,123],"Windows 8 Build My Pinned Site",[51,550,396],{"href":394,"rel":551,"target":124},[121,122,123]," pages. These three sites combined can help you get most of the way there and fairly quickly.",[58,554,213,555,558,559,561,562,567,568,573,574,576],{},[51,556,542],{"href":540,"rel":557,"target":124},[121,122,123]," site above will generate a ",[146,560,258],{}," file for you but to get a real pixel perfect icon I personally use ",[51,563,566],{"href":564,"rel":565,"target":124},"http:\u002F\u002Fwww.getpaint.net\u002F",[121,122,123],"Paint.NET"," in conjunction with the ",[51,569,572],{"href":570,"rel":571,"target":124},"http:\u002F\u002Fforums.getpaint.net\u002Findex.php?\u002Ftopic\u002F927-icon-cursor-and-animated-cursor-format-v37-may-2010\u002F",[121,122,123],"Icon plugin"," to edit ",[146,575,258],{}," image files.",[164,578,580,584],{"id":579,"data-section-heading":155},"what-a-mess",[168,581,583],{"className":582},[171],"What a Mess",[174,585,587],{"href":586,"label":177},"#what-a-mess",[179,588,589],{"xmlns":181,"xmlns:xlink":182,"viewBox":183,"version":184,"width":185,"height":185,"aria-hidden":186},[188,590],{"fill":190,"fill-rule":191,"d":192},[58,592,593],{},"So what is the future? Higher screen resolutions and a wider variety of devices of different sizes is now the norm and each one seems to need it's own images. Each manufacturer has added their own meta tags too.",[58,595,596,597,602],{},"One approach would be to standardize a set of three or four images sizes and then also provide a colour meta tag. The image can then be shown in the center and the colour shown around the image to fill in any gaps. This means that the image does not have to be resized and this approach would also support splash screens and non-rectangular or odd shaped icons. Indeed, this is the approach Microsoft has already taken with their ",[51,598,601],{"href":599,"rel":600,"target":124},"http:\u002F\u002Fmsdn.microsoft.com\u002Fen-gb\u002Flibrary\u002Fwindows\u002Fapps\u002Fhh465338.aspx",[121,122,123],"Windows 8.1 Store App splash screens"," and it works well in my experience.",[58,604,605,606,611,612,617],{},"An even better and web standards based approach is to use ",[51,607,610],{"href":608,"rel":609,"target":124},"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FScalable_Vector_Graphics",[121,122,123],"SVG"," favicon's. These are vector images which do not lose image fidelity even when scaled. Unfortunately, this feature is only ",[51,613,616],{"href":614,"rel":615,"target":124},"http:\u002F\u002Fcaniuse.com\u002F#feat=link-icon-svg",[121,122,123],"currently supported by the Firefox desktop browser",". If all browsers implemented this feature we could go back to the days of Internet Explorer 5.0 when we only needed to create a single favicon.ico file. An SVG favicon can be set by adding the following tag:",[151,619],{"className":153,"language":154,"meta":155,"style":155,"html":620},"\u003Cspan class=\"line\">\u003Cspan class=\"sNflI\"><\u003C\u002Fspan>\u003Cspan class=\"sjbfc\">link\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> rel\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"icon\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> type\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"image\u002Fsvg+xml\"\u003C\u002Fspan>\u003Cspan class=\"snDo4\"> href\u003C\u002Fspan>\u003Cspan class=\"sjLUg\">=\u003C\u002Fspan>\u003Cspan class=\"squEy\">\"favicon.svg\"\u003C\u002Fspan>\u003Cspan class=\"sNflI\">\u002F>\n\u003C\u002Fspan>\u003C\u002Fspan>",[58,622,623],{},"Lets all hope more browsers support this simple approach but don't hold your breath.",[625,626,627],"style",{},"html pre.shiki code .s1q82, html code.shiki .s1q82{--shiki-default:#008000;--shiki-dark:#88846F}html pre.shiki code .sNflI, html code.shiki .sNflI{--shiki-default:#800000;--shiki-dark:#F8F8F2}html pre.shiki code .sjbfc, html code.shiki .sjbfc{--shiki-default:#800000;--shiki-dark:#F92672}html pre.shiki code .snDo4, html code.shiki .snDo4{--shiki-default:#E50000;--shiki-dark:#A6E22E}html pre.shiki code .sjLUg, html code.shiki .sjLUg{--shiki-default:#000000;--shiki-dark:#F8F8F2}html pre.shiki code .squEy, html code.shiki .squEy{--shiki-default:#0000FF;--shiki-dark:#E6DB74}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sMc8R, html code.shiki .sMc8R{--shiki-default:#0000FF;--shiki-dark:#AE81FF}",{"title":155,"searchDepth":629,"depth":629,"links":630},2,[],{"issue":632,"comments":636},{"number":633,"title":634,"html_url":635},81,"[Comment] Internet Favicon Madness (Updated)","https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81",[637,649,657,665,673,681,689],{"id":638,"html_url":639,"body_html":640,"created_at":641,"updated_at":641,"author_association":642,"user":643,"reactions":647},627260065,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260065","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Kevin P. Rice\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Fwww.tek4.com\u002F\">Kevin P. Rice\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-16 23:37:13\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Sadly, Firefox Desktop (v38) is loading the 192x192 icon and scaling it down to 16x16 EVEN THOUGH I have provided a proper 16x16 favicon! This is unfortunate, as my artwork is simplified for the 16x16 format; thus, the icon in the browser tab is just a blurry mess! I can't identify any work-around other than omitting the 192x192 icon.\u003C\u002Fp>","2020-05-12T10:36:56Z","OWNER",{"login":644,"avatar_url":645,"html_url":646},"RehanSaeed","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F2270364?v=4","https:\u002F\u002Fgithub.com\u002FRehanSaeed",{"url":648,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260065\u002Freactions",{"id":650,"html_url":651,"body_html":652,"created_at":653,"updated_at":653,"author_association":642,"user":654,"reactions":655},627260116,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260116","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Kevin P. Rice\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Fwww.tek4.com\u002F\">Kevin P. Rice\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-16 23:58:04\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>UPDATE: Success?? I moved the favicon-192x192.png declaration in ASP.NET Core Boilerplate to appear BEFORE the favicon-96x96.png link tag---FF Desktop is now properly using the 16x16 favicon on the browser tab. I don't know what side-effects this might have elsewhere, but my link tag order is now: favicon.ico, 192x192, 96x96, 32x32, 16x16.\u003C\u002Fp>","2020-05-12T10:37:02Z",{"login":644,"avatar_url":645,"html_url":646},{"url":656,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260116\u002Freactions",{"id":658,"html_url":659,"body_html":660,"created_at":661,"updated_at":661,"author_association":642,"user":662,"reactions":663},627260178,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260178","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-17 07:44:06\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>UPDATE: Success?? I moved the favicon-192x192.png declaration in ASP.NET Core Boilerplate to appear BEFORE the favicon-96x96.png link tag---FF Desktop is now properly using the 16x16 favicon on the browser tab. I don't know what side-effects this might have elsewhere, but my link tag order is now: favicon.ico, 192x192, 96x96, 32x32, 16x16.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Thanks Kevin! I'll put out an update with your change.\u003C\u002Fp>","2020-05-12T10:37:09Z",{"login":644,"avatar_url":645,"html_url":646},{"url":664,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260178\u002Freactions",{"id":666,"html_url":667,"body_html":668,"created_at":669,"updated_at":669,"author_association":642,"user":670,"reactions":671},627260253,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260253","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Kevin P. Rice\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002Fc5928116920cee9f7935c32b8c94e9e56b442b4a719db5b56262b9b15b4f6aa6\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f33643530323062306436343461373864363433613635396261313737313632303f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Fwww.tek4.com\u002F\">Kevin P. Rice\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-17 08:06:01\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Thanks Kevin! I'll put out an update with your change.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>At your peril. :) Works on my machine... (until next FF update?). Of course IE11 is doing the same thing. Thx 4 your efforts.\u003C\u002Fp>","2020-05-12T10:37:17Z",{"login":644,"avatar_url":645,"html_url":646},{"url":672,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260253\u002Freactions",{"id":674,"html_url":675,"body_html":676,"created_at":677,"updated_at":677,"author_association":642,"user":678,"reactions":679},627260314,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260314","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2015-06-17 10:01:15\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>At your peril. :) Works on my machine... (until next FF update?). Of course IE11 is doing the same thing. Thx 4 your efforts.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>No, you are correct Kevin. I noticed a comment in the RealFaviconGenerator change log about this FireFox bug. See \u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Frealfavicongenerator.net\u002Fchange_log\">http:\u002F\u002Frealfavicongenerator.net\u002Fchange_log\u003C\u002Fa> (Search for FireFox on the page).\u003C\u002Fp>\n\u003Cp>Once again, thanks for the fix!\u003C\u002Fp>","2020-05-12T10:37:24Z",{"login":644,"avatar_url":645,"html_url":646},{"url":680,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260314\u002Freactions",{"id":682,"html_url":683,"body_html":684,"created_at":685,"updated_at":685,"author_association":642,"user":686,"reactions":687},627260373,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260373","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F7f8f6e1f95a22b75a2a255eb393af416130a8342a74abc186923dfb7721b0761\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f61343437326530623264633439643165333462393764363762366465323337373f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Leah\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F7f8f6e1f95a22b75a2a255eb393af416130a8342a74abc186923dfb7721b0761\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f61343437326530623264633439643165333462393764363762366465323337373f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"http:\u002F\u002Fwww.makemegoogle.org\u002F\">Leah\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-11-14 14:35:41\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cp>Hello! Quick question that's completely off topic. Do you know how to make\u003Cbr \u002F>\nyour site mobile friendly? My blog looks weird when viewing from my iphone 4.\u003Cbr \u002F>\nI'm trying to find a template or plugin that might be able to fix this issue.\u003Cbr \u002F>\nIf you have any recommendations, please share. Thank you!\u003C\u002Fp>","2020-05-12T10:37:31Z",{"login":644,"avatar_url":645,"html_url":646},{"url":688,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260373\u002Freactions",{"id":690,"html_url":691,"body_html":692,"created_at":693,"updated_at":693,"author_association":642,"user":694,"reactions":695},627260421,"https:\u002F\u002Fgithub.com\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002F81#issuecomment-627260421","\n\u003Cp>\u003Ca target=\"_blank\" rel=\"nofollow noopener noreferrer\" href=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\">\u003Cimg alt=\"Muhammad Rehan Saeed\" height=\"40\" width=\"40\" src=\"https:\u002F\u002Fcamo.githubusercontent.com\u002F8a07049df41b8a3839a3f4342f09ea8e6e7fa0065667687f04beca2d088a1dca\u002F68747470733a2f2f7777772e67726176617461722e636f6d2f6176617461722f32623266393030653361633066353535316462646537323864336262343935343f733d393626643d6d6d26723d67\" \u002F>\u003C\u002Fa> \u003Cstrong>\u003Ca rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\u002F\u002Frehansaeed.com\u002F\">Muhammad Rehan Saeed\u003C\u002Fa>\u003C\u002Fstrong> commented on \u003Cstrong>2016-11-27 07:43:51\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>Hello! Quick question that's completely off topic. Do you know how to make\u003Cbr \u002F>\nyour site mobile friendly? My blog looks weird when viewing from my iphone 4.\u003Cbr \u002F>\nI'm trying to find a template or plugin that might be able to fix this issue.\u003Cbr \u002F>\nIf you have any recommendations, please share. Thank you!\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Cp>Use something like Bootstrap which is mobile friendly by default or use media queries if you want to do it yourself.\u003C\u002Fp>","2020-05-12T10:37:37Z",{"login":644,"avatar_url":645,"html_url":646},{"url":696,"total_count":4,"+1":4,"-1":4,"laugh":4,"hooray":4,"confused":4,"heart":4,"rocket":4,"eyes":4},"https:\u002F\u002Fapi.github.com\u002Frepos\u002FRehanSaeed\u002Frehansaeed.github.io\u002Fissues\u002Fcomments\u002F627260421\u002Freactions","2014-11-24T00:00:00+00:00",null,"Add favicon's to your website to support iOS, Android, Windows 7, Windows 8, Windows Phone and more. Find out where icons are used on each platform and how.","md",[702,704,705,706,707,708,709,710,711,712,713],{"depth":703,"value":172},1,{"depth":703,"value":231},{"depth":703,"value":289},{"depth":629,"value":304},{"depth":629,"value":335},{"depth":629,"value":381},{"depth":629,"value":412},{"depth":629,"value":446},{"depth":629,"value":501},{"depth":703,"value":518},{"depth":703,"value":583},"\u002Fimages\u002Fhero\u002FFavicons-1366x768.png",{},true,"posts\u002F2014\u002Finternet-favicon-madness\u002Findex",[719,720,721,54,722,723,724,335,725,726],".NET","Android","ASP.NET MVC","C#","Favicon","HTML 5","Meta Tags","Windows 8.1",17,[729,733,737,742,747,750,753,757,761,765,768,772,777,780,783,787,791,795,798,802,806,810,813,816,817,821,824,826,829,832,834,837,840,842,845,849,852,856,860,864,868,872,876,880,883,887,891,895,899,902,906,910,913,916,920,924,929,933,937,941,945,949,953,956,959,962,966,970,973,977,980,983,986,989,993,997,1000,1003,1007,1011,1014,1017,1020,1024,1028,1032,1036,1039,1042,1047,1050,1053,1057,1060,1064,1068,1071,1075,1078,1081,1085,1089,1093],{"title":730,"permalink":731,"heroImage":732,"timeToRead":703},"Just Start - The First Blog Post","\u002Fjust-start-the-first-blog-post\u002F","\u002Fimages\u002Fhero\u002FJust-Start-1366x768.png",{"title":734,"permalink":735,"heroImage":736,"timeToRead":629},"ConfigureAwait in Task Parallel Library (TPL)","\u002Fconfigureawait-task-parallel-library\u002F","\u002Fimages\u002Fhero\u002FMicrosoft-.NET-1366x768.png",{"title":738,"permalink":739,"heroImage":740,"timeToRead":741},"Stop The Brace Wars, Use StyleCop","\u002Fstop-brace-wars-use-stylecop\u002F","\u002Fimages\u002Fhero\u002FStyleCop-1366x768.png",3,{"title":743,"permalink":744,"heroImage":745,"timeToRead":746},"Reactive Extensions (Rx) - Part 1 - Replacing C# Events","\u002Freactive-extensions-part1-replacing-events\u002F","\u002Fimages\u002Fhero\u002FReactive-Extensions-1366x768.png",4,{"title":748,"permalink":749,"heroImage":745,"timeToRead":741},"Reactive Extensions (Rx) - Part 2 - Wrapping C# Events","\u002Freactive-extensions-part2-wrapping-events\u002F",{"title":751,"permalink":752,"heroImage":745,"timeToRead":629},"Reactive Extensions (Rx) - Part 3 - Naming Conventions","\u002Freactive-extensions-part3-naming-conventions\u002F",{"title":754,"permalink":755,"heroImage":756,"timeToRead":741},"WPF Metro Part 1 - Modern UI for WPF","\u002Fwpf-metro-part1-modern-ui-for-wpf\u002F","\u002Fimages\u002Fhero\u002FModern-UI-for-WPF-1366x768.png",{"title":758,"permalink":759,"heroImage":760,"timeToRead":741},"WPF Metro Part 2 - MahApps Metro","\u002Fwpf-metro-part2-mahapps-metro\u002F","\u002Fimages\u002Fhero\u002FMahApps-Metro-1366x768.png",{"title":762,"permalink":763,"heroImage":764,"timeToRead":741},"Windows 8.1 TouchScreen Gaming Laptops","\u002Fwindows-8-touchscreen-gaming-laptops\u002F","\u002Fimages\u002Fhero\u002FFry-Shutup-And-Take-My-Money-1366x768.png",{"title":766,"permalink":767,"heroImage":745,"timeToRead":741},"Reactive Extensions (Rx) - Part 4 - Replacing Timers","\u002Freactive-extensions-part4-replacing-timers\u002F",{"title":769,"permalink":770,"heroImage":771,"timeToRead":629},"WPF Metro Part 3 - Elysium","\u002Fwpf-metro-part3-elysium\u002F","\u002Fimages\u002Fhero\u002FElysium-1366x768.png",{"title":773,"permalink":774,"heroImage":775,"timeToRead":776},"WPF Metro Part 4 - Elysium Extra","\u002Fwpf-metro-part4-elysium-extra\u002F","\u002Fimages\u002Fhero\u002FElysium-Extra-1366x768.png",8,{"title":778,"permalink":779,"heroImage":745,"timeToRead":746},"Reactive Extensions (Rx) - Part 5 - Awaiting Observables","\u002Freactive-extensions-part5-awaiting-observables\u002F",{"title":781,"permalink":782,"heroImage":736,"timeToRead":776},"GetHashCode Made Easy","\u002Fgethashcode-made-easy\u002F",{"title":784,"permalink":785,"heroImage":745,"timeToRead":786},"Reactive Extensions (Rx) - Part 6 - Task ToObservable","\u002Freactive-extensions-part6-task-toobservable\u002F",5,{"title":788,"permalink":789,"heroImage":790,"timeToRead":703},"Portable Class Library (PCL) version of NotificationsExtensions NuGet package","\u002Fportable-class-library-version-of-notificationsextensions-nuget-package\u002F","\u002Fimages\u002Fhero\u002FNuGet-1366x768.png",{"title":792,"permalink":793,"heroImage":794,"timeToRead":786},"Model-View-ViewModel (MVVM) - Part 1 - Overview","\u002Fmodel-view-viewmodel-mvvm-part1-overview\u002F","\u002Fimages\u002Fhero\u002FMVVM-1366x768.png",{"title":796,"permalink":797,"heroImage":794,"timeToRead":746},"Model-View-ViewModel (MVVM) - Part 2 - IDisposable","\u002Fmodel-view-viewmodel-mvvm-part2-idisposable\u002F",{"title":799,"permalink":800,"heroImage":794,"timeToRead":801},"Model-View-ViewModel (MVVM) - Part 3 - INotifyPropertyChanged","\u002Fmodel-view-viewmodel-mvvm-part3-inotifypropertychanged\u002F",11,{"title":803,"permalink":804,"heroImage":805,"timeToRead":741},"Naming Conventions","\u002Fnaming-conventions\u002F","\u002Fimages\u002Fhero\u002FNaming-Conventions-1366x768.png",{"title":807,"permalink":808,"heroImage":794,"timeToRead":809},"Model-View-ViewModel (MVVM) - Part 4 - INotifyDataErrorInfo","\u002Fmodel-view-viewmodel-mvvm-part4-inotifydataerrorinfo\u002F",12,{"title":811,"permalink":812,"heroImage":775,"timeToRead":746},"Elysium Extra 1.1 Released","\u002Felysium-extra-1-1-released\u002F",{"title":54,"permalink":53,"heroImage":814,"timeToRead":815},"\u002Fimages\u002Fhero\u002FASP.NET-Core-Boilerplate-1366x768.png",7,{"title":39,"permalink":104,"heroImage":714,"timeToRead":727},{"title":818,"permalink":819,"heroImage":820,"timeToRead":815},"Custom Visual Studio Project Templates","\u002Fcustom-visual-studio-project-templates\u002F","\u002Fimages\u002Fhero\u002FVisual-Studio-1366x768.png",{"title":822,"permalink":823,"heroImage":820,"timeToRead":741},"Configuration File Transforms In Visual Studio Should Be Built In","\u002Fconfiguration-file-transforms-in-visual-studio-should-be-built-in\u002F",{"title":825,"permalink":67,"heroImage":814,"timeToRead":801},"Securing the ASP.NET MVC Web.config",{"title":827,"permalink":828,"heroImage":745,"timeToRead":629},"Reactive Extensions (Rx) - Part 7 - Sample Events","\u002Freactive-extensions-part7-sample-events\u002F",{"title":74,"permalink":73,"heroImage":830,"timeToRead":831},"\u002Fimages\u002Fhero\u002FNWebSec-1366x768.png",6,{"title":80,"permalink":79,"heroImage":833,"timeToRead":185},"\u002Fimages\u002Fhero\u002FContent-Security-Policy-CSP-for-ASP.NET-MVC-1366x768.png",{"title":835,"permalink":836,"heroImage":736,"timeToRead":786},"C# 6.0 - Saving Developers From Themselves","\u002Fc-6-0-saving-developers-from-themselves\u002F",{"title":110,"permalink":109,"heroImage":838,"timeToRead":839},"\u002Fimages\u002Fhero\u002FRSS-And-Atom-1366x768.png",19,{"title":93,"permalink":92,"heroImage":841,"timeToRead":801},"\u002Fimages\u002Fhero\u002FLink-Juice-1366x768.png",{"title":99,"permalink":843,"heroImage":844,"timeToRead":746},"\u002Fdynamically-generating-robots-txt-using-asp-net-mvc\u002F","\u002Fimages\u002Fhero\u002FRobots.txt-1366x768.jpg",{"title":846,"permalink":847,"heroImage":848,"timeToRead":746},"Minifying HTML for ASP.NET MVC","\u002Fminifying-html-for-asp-net-mvc\u002F","\u002Fimages\u002Fhero\u002FThe-Internet-Is-A-Series-Of-Tubes-1366x768.jpg",{"title":850,"permalink":851,"heroImage":814,"timeToRead":629},"Whats New in ASP.NET Core Boilerplate","\u002Fwhats-new-in-asp-net-5-mvc-6-boilerplate\u002F",{"title":853,"permalink":854,"heroImage":855,"timeToRead":815},"Dynamically Generating Sitemap.xml for ASP.NET MVC","\u002Fdynamically-generating-sitemap-xml-for-asp-net-mvc\u002F","\u002Fimages\u002Fhero\u002FSitemaps-1366x768.png",{"title":857,"permalink":858,"heroImage":859,"timeToRead":629},"So I've Been Awarded Microsoft MVP Status!","\u002Fso-ive-been-awarded-microsoft-mvp-status\u002F","\u002Fimages\u002Fhero\u002FMicrosoft-MVP-1366x768.png",{"title":861,"permalink":862,"heroImage":863,"timeToRead":703},".NET Big-O Algorithm Complexity Cheat Sheet","\u002Fnet-big-o-algorithm-complexity-cheat-sheet\u002F","\u002Fimages\u002Fhero\u002FNET-Big-O-Algorithm-Complexity-Cheat-Sheet-1366x768.jpg",{"title":865,"permalink":866,"heroImage":867,"timeToRead":741},"Logging with Serilog.Exceptions","\u002Flogging-with-serilog-exceptions\u002F","\u002Fimages\u002Fhero\u002FSerilog.Exceptions-1366x768.png",{"title":869,"permalink":870,"heroImage":871,"timeToRead":703},"Make Certificate","\u002Fmake-certificate\u002F","\u002Fimages\u002Fhero\u002FMake-Certificate-1366x768.png",{"title":873,"permalink":874,"heroImage":875,"timeToRead":629},"Colorful.Console","\u002Fcolorful-console\u002F","\u002Fimages\u002Fhero\u002FColorful.Console-1366x768.png",{"title":877,"permalink":878,"heroImage":879,"timeToRead":741},"Subresource Integrity TagHelper Using ASP.NET Core - Part 1","\u002Fsubresource-integrity-taghelper-using-asp-net-core\u002F","\u002Fimages\u002Fhero\u002FMake-Security-Easy-1366x768.png",{"title":881,"permalink":882,"heroImage":879,"timeToRead":746},"Subresource Integrity TagHelper Using ASP.NET Core - Part 2","\u002Fsubresource-integrity-taghelper-using-asp-net-core-part-2\u002F",{"title":884,"permalink":885,"heroImage":886,"timeToRead":786},"Social TagHelpers for ASP.NET Core","\u002Fsocial-taghelpers-for-asp-net-core\u002F","\u002Fimages\u002Fhero\u002FSocial-Media-1366x768.png",{"title":888,"permalink":889,"heroImage":890,"timeToRead":831},"Azure Active Directory Versus Identity Server","\u002Fazure-active-directory-versus-identity-server\u002F","\u002Fimages\u002Fhero\u002FAzure-Active-Directory-Versus-Identity-Server-1366x768.png",{"title":892,"permalink":893,"heroImage":894,"timeToRead":629},"ASP.NET Core Fluent Interface Extensions","\u002Fasp-net-core-fluent-interface-extensions\u002F","\u002Fimages\u002Fhero\u002FFluent-Interface-All-The-Things-1366x768.png",{"title":896,"permalink":897,"heroImage":898,"timeToRead":801},"NGINX for ASP.NET Core In-Depth","\u002Fnginx-asp-net-core-depth\u002F","\u002Fimages\u002Fhero\u002FNGINX-1366x768.png",{"title":900,"permalink":901,"heroImage":736,"timeToRead":629},"The Dotnet Watch Tool","\u002Fthe-dotnet-watch-tool\u002F",{"title":903,"permalink":904,"heroImage":905,"timeToRead":746},"Making Application Insights Fast & Secure","\u002Fmaking-application-insights-fast-and-secure\u002F","\u002Fimages\u002Fhero\u002FApplication-Insights-1366x768.png",{"title":907,"permalink":908,"heroImage":909,"timeToRead":815},"SEO Friendly URL's for ASP.NET Core","\u002Fseo-friendly-urls-asp-net-core\u002F","\u002Fimages\u002Fhero\u002FSearch-Engine-Optimization-SEO-1366x768.png",{"title":911,"permalink":912,"heroImage":745,"timeToRead":703},"Reactive Extensions (Rx) - Part 8 - Timeouts","\u002Freactive-extensions-rx-part-8-timeouts\u002F",{"title":914,"permalink":915,"heroImage":736,"timeToRead":746},"Custom Project Templates Using dotnet new","\u002Fcustom-project-templates-using-dotnet-new\u002F",{"title":917,"permalink":918,"heroImage":919,"timeToRead":776},"Cross-Platform DevOps for .NET Core","\u002Fcross-platform-devops-net-core\u002F","\u002Fimages\u002Fhero\u002FDotnet-Cake-AppVeyor-Travis-1366x768.png",{"title":921,"permalink":922,"heroImage":923,"timeToRead":815},"Cleaning Up CSPROJ","\u002Fcleaning-up-csproj\u002F","\u002Fimages\u002Fhero\u002FCleaning-Up-CSPROJ-1366x768.png",{"title":925,"permalink":926,"heroImage":927,"timeToRead":928},"dotnet new Feature Selection","\u002Fdotnet-new-feature-selection\u002F","\u002Fimages\u002Fhero\u002FWho-Wants-To-Be-A-Millionaire-1366x768.png",9,{"title":930,"permalink":931,"heroImage":932,"timeToRead":746},"ASP.NET Core Lazy Command Pattern","\u002Fasp-net-core-lazy-command-pattern\u002F","\u002Fimages\u002Fhero\u002FASP.NET-Core-Lazy-Command-Pattern-1366x768.png",{"title":934,"permalink":935,"heroImage":936,"timeToRead":629},"Structured Data using Schema.NET","\u002Fstructured-data-using-schema-net\u002F","\u002Fimages\u002Fhero\u002FSchema.NET-1366x768.png",{"title":938,"permalink":939,"heroImage":940,"timeToRead":831},"Keeping Up With Software Development","\u002Fkeeping-software-development\u002F","\u002Fimages\u002Fhero\u002FKeeping-up-with-Software-Development-1366x768.png",{"title":942,"permalink":943,"heroImage":944,"timeToRead":629},"A Very Generic .editorconfig File (Updated)","\u002Fgeneric-editorconfig-file\u002F","\u002Fimages\u002Fhero\u002FA-Very-Generic-Editorconfig-File-1366x768.png",{"title":946,"permalink":947,"heroImage":948,"timeToRead":786},"ASP.NET Core Caching in Practice","\u002Fasp-net-core-caching-in-practice\u002F","\u002Fimages\u002Fhero\u002FASP.NET-Core-Caching-in-Practice-1366x768.png",{"title":950,"permalink":951,"heroImage":952,"timeToRead":703},"Docker Read-Only File Systems","\u002Fdocker-read-file-systems\u002F","\u002Fimages\u002Fhero\u002FDocker-1366x768.png",{"title":954,"permalink":955,"heroImage":952,"timeToRead":741},"Docker Labels in Depth","\u002Fdocker-labels-depth\u002F",{"title":957,"permalink":958,"heroImage":952,"timeToRead":746},"Useful Docker Images - Part 1","\u002Fuseful-docker-images-part1\u002F",{"title":960,"permalink":961,"heroImage":952,"timeToRead":786},"Useful Docker Images - Part 2","\u002Fuseful-docker-images-part2\u002F",{"title":963,"permalink":964,"heroImage":965,"timeToRead":746},"Writing your Webpack configuration in TypeScript","\u002Fwriting-your-webpack-configuration-in-typescript\u002F","\u002Fimages\u002Fhero\u002FTypeScript-1366x768.png",{"title":967,"permalink":968,"heroImage":969,"timeToRead":786},"Writing Code while Asleep","\u002Fwriting-code-asleep\u002F","\u002Fimages\u002Fhero\u002FWhile-Alive-Eat-Sleep-Code-Repeat-1366x768.png",{"title":971,"permalink":972,"heroImage":736,"timeToRead":629},"The Dotnet Watch Tool Revisited","\u002Fthe-dotnet-watch-tool-revisited\u002F",{"title":974,"permalink":975,"heroImage":976,"timeToRead":629},".NET Boxed","\u002Fnet-boxed\u002F","\u002Fimages\u002Fhero\u002FDotnet-Boxed-1366x768.png",{"title":978,"permalink":979,"heroImage":736,"timeToRead":629},"Migrating to Entity Framework Core Seed Data","\u002Fmigrating-to-entity-framework-core-seed-data\u002F",{"title":981,"permalink":982,"heroImage":736,"timeToRead":741},"Optimally Configuring Entity Framework Core","\u002Foptimally-configuring-entity-framework-core\u002F",{"title":984,"permalink":985,"heroImage":736,"timeToRead":703},"ASP.NET Core Hidden Gem - QueryHelpers","\u002Fasp-net-core-hidden-gem-queryhelpers\u002F",{"title":987,"permalink":988,"heroImage":736,"timeToRead":928},"Optimally Configuring ASP.NET Core HttpClientFactory","\u002Foptimally-configuring-asp-net-core-httpclientfactory\u002F",{"title":990,"permalink":991,"heroImage":992,"timeToRead":815},"PluralSight vs LinkedIn Learning vs FrontendMasters vs Egghead.io vs YouTube","\u002Fpluralsight-vs-linkedin-learning-vs-frontendmasters-vs-egghead-io-vs-youtube\u002F","\u002Fimages\u002Fhero\u002FOnline-Learning-1366x768.png",{"title":994,"permalink":995,"heroImage":996,"timeToRead":928},"Is ASP.NET Core now a Mature Platform?","\u002Fis-asp-net-core-now-a-mature-platform\u002F","\u002Fimages\u002Fhero\u002FRocket-1366x768.jpg",{"title":998,"permalink":999,"heroImage":976,"timeToRead":928},"A Simple and Fast Object Mapper","\u002Fa-simple-and-fast-object-mapper\u002F",{"title":1001,"permalink":1002,"heroImage":952,"timeToRead":703},"Securing ASP.NET Core in Docker","\u002Fsecuring-asp-net-core-in-docker\u002F",{"title":1004,"permalink":1005,"heroImage":1006,"timeToRead":746},"Git Cloning the Windows OS Repo","\u002Fgit-cloning-the-windows-os-repo\u002F","\u002Fimages\u002Fhero\u002FWindows-1366x768.png",{"title":1008,"permalink":1009,"heroImage":1010,"timeToRead":815},".gitattributes Best Practices","\u002Fgitattributes-best-practices\u002F","\u002Fimages\u002Fhero\u002FGit-1366x768.png",{"title":1012,"permalink":1013,"heroImage":736,"timeToRead":741},"Unit Testing dotnet new Templates","\u002Funit-testing-dotnet-new-templates\u002F",{"title":1015,"permalink":1016,"heroImage":976,"timeToRead":786},"What dotnet new Could Be","\u002Fwhat-dotnet-new-could-be\u002F",{"title":1018,"permalink":1019,"heroImage":736,"timeToRead":746},"ASP.NET Core Integration Testing & Mocking using Moq","\u002Fasp-net-core-integration-testing-mocking-using-moq\u002F",{"title":1021,"permalink":1022,"heroImage":1023,"timeToRead":815},"Choosing a Static Site Generator","\u002Fchoosing-a-static-site-generator\u002F","\u002Fimages\u002Fhero\u002FStatic-Site-Generators-1600x900.png",{"title":1025,"permalink":1026,"heroImage":1027,"timeToRead":629},"Spicing up your Browser Console","\u002Fspicing-up-your-browser-console\u002F","\u002Fimages\u002Fhero\u002FFiglet-Fonts-1600x900.png",{"title":1029,"permalink":1030,"heroImage":1031,"timeToRead":786},"Racism in Software Development & Beyond","\u002Fracism-in-software-development-and-beyond\u002F","\u002Fimages\u002Fhero\u002FBlack-Glowing-Fist-1600x900.png",{"title":1033,"permalink":1034,"heroImage":1035,"timeToRead":786},"The Easiest Way to Version NuGet Packages","\u002Fthe-easiest-way-to-version-nuget-packages\u002F","\u002Fimages\u002Fhero\u002FSemantic-Versioning-1600x900.png",{"title":1037,"permalink":1038,"heroImage":790,"timeToRead":831},"The Fastest NuGet Package Ever Published (Probably)","\u002Fthe-fastest-nuget-package-ever-published-probably\u002F",{"title":1040,"permalink":1041,"heroImage":736,"timeToRead":741},"Automating .NET Security Updates","\u002Fautomating-dotnet-security-updates\u002F",{"title":1043,"permalink":1044,"heroImage":1045,"timeToRead":1046},"Deep Dive into Open Telemetry for .NET","\u002Fdeep-dive-into-open-telemetry-for-net\u002F","\u002Fimages\u002Fhero\u002FOpen-Telemetry-1600x900.png",10,{"title":1048,"permalink":1049,"heroImage":1045,"timeToRead":741},"Open Telemetry for ASP.NET Core","\u002Fopen-telemetry-for-asp-net-core\u002F",{"title":1051,"permalink":1052,"heroImage":1045,"timeToRead":741},"Exporting Open Telemetry Data to Jaeger","\u002Fexporting-open-telemetry-data-to-jaeger\u002F",{"title":1054,"permalink":1055,"heroImage":1056,"timeToRead":741},"A System for Grouping & Sorting CSS Properties","\u002Fsystem-for-grouping-and-sorting-css-properties\u002F","\u002Fimages\u002Fhero\u002FCSS-1600x900.png",{"title":1058,"permalink":1059,"heroImage":1056,"timeToRead":831},"CSS General Rules of Thumb","\u002Fcss-general-rules-of-thumb\u002F",{"title":1061,"permalink":1062,"heroImage":1063,"timeToRead":746},"Web Component Custom Element Gotchas","\u002Fweb-component-custom-element-gotchas\u002F","\u002Fimages\u002Fhero\u002FWeb-Components-1600x900.png",{"title":1065,"permalink":1066,"heroImage":1067,"timeToRead":629},"Code Coverage & Frontend Testing","\u002Fcode-coverage-and-frontend-testing\u002F","\u002Fimages\u002Fhero\u002FJest-Cypress-1600x900.png",{"title":1069,"permalink":1070,"heroImage":820,"timeToRead":703},".NET Boxed Visual Studio Integration","\u002Fdotnet-boxed-visual-studio-integration\u002F",{"title":1072,"permalink":1073,"heroImage":1074,"timeToRead":741},"The Windows Package Manager","\u002Fwindows-package-manager\u002F","\u002Fimages\u002Fhero\u002FWinget-1600x900.png",{"title":1076,"permalink":1077,"heroImage":736,"timeToRead":741},"The Problem with C# 10 Implicit Usings","\u002Fthe-problem-with-csharp-10-implicit-usings\u002F",{"title":1079,"permalink":1080,"heroImage":1045,"timeToRead":746},"Optimally Configuring Open Telemetry Tracing for ASP.NET Core","\u002Foptimally-configuring-open-telemetry-tracing-for-asp-net-core\u002F",{"title":1082,"permalink":1083,"heroImage":1084,"timeToRead":629},"Live Streaming .NET","\u002Flive-streaming-dotnet\u002F","\u002Fimages\u002Fhero\u002FMy-YouTube-1920x1080.jpg",{"title":1086,"permalink":1087,"heroImage":1088,"timeToRead":629},"I Was Awarded as an Open UK Honouree","\u002Fopen-uk-honouree\u002F","\u002Fimages\u002Fhero\u002FOpen-UK-Honours-1366x768.jpg",{"title":1090,"permalink":1091,"heroImage":1092,"timeToRead":746},"On the Etiquette of Pull Request Comments","\u002Fon-the-etiquette-of-pull-request-comments\u002F","\u002Fimages\u002Fhero\u002FPrecious-PR-1600x900.jpg",{"title":1094,"permalink":1095,"heroImage":1096,"timeToRead":703},"AI Gone Rogue","\u002Fai-gone-rogue\u002F","\u002Fimages\u002Fhero\u002FHAL-9000-Prop-1600x900.png",{"left":4,"top":4,"width":24,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1098},"\u003Cpath fill=\"currentColor\" d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.55 96.55 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.3 96.3 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96s-42.981-96-96-96\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1100},"\u003Cpath fill=\"currentColor\" d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48c27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1102},"\u003Cpath fill=\"currentColor\" d=\"M459.37 151.716c.325 4.548.325 9.097.325 13.645c0 138.72-105.583 298.558-298.558 298.558c-59.452 0-114.68-17.219-161.137-47.106c8.447.974 16.568 1.299 25.34 1.299c49.055 0 94.213-16.568 130.274-44.832c-46.132-.975-84.792-31.188-98.112-72.772c6.498.974 12.995 1.624 19.818 1.624c9.421 0 18.843-1.3 27.614-3.573c-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319c-28.264-18.843-46.781-51.005-46.781-87.391c0-19.492 5.197-37.36 14.294-52.954c51.655 63.675 129.3 105.258 216.365 109.807c-1.624-7.797-2.599-15.918-2.599-24.04c0-57.828 46.782-104.934 104.934-104.934c30.213 0 57.502 12.67 76.67 33.137c23.715-4.548 46.456-13.32 66.599-25.34c-7.798 24.366-24.366 44.833-46.132 57.827c21.117-2.273 41.584-8.122 60.426-16.243c-14.292 20.791-32.161 39.308-52.628 54.253\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1104},"\u003Cpath fill=\"currentColor\" d=\"M201.5 305.5c-13.8 0-24.9-11.1-24.9-24.6c0-13.8 11.1-24.9 24.9-24.9c13.6 0 24.6 11.1 24.6 24.9c0 13.6-11.1 24.6-24.6 24.6M504 256c0 137-111 248-248 248S8 393 8 256S119 8 256 8s248 111 248 248m-132.3-41.2c-9.4 0-17.7 3.9-23.8 10c-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3l55.4 12.5c0 13.6 11.1 24.6 24.6 24.6c13.8 0 24.9-11.3 24.9-24.9s-11.1-24.9-24.9-24.9c-9.7 0-18 5.8-22.1 13.8l-61.2-13.6c-3-.8-6.1 1.4-6.9 4.4l-19.1 86.4c-33.2 1.4-63.1 11.3-85.5 26.8c-6.1-6.4-14.7-10.2-24.1-10.2c-34.9 0-46.3 46.9-14.4 62.8c-1.1 5-1.7 10.2-1.7 15.5c0 52.6 59.2 95.2 132 95.2c73.1 0 132.3-42.6 132.3-95.2c0-5.3-.6-10.8-1.9-15.8c31.3-16 19.8-62.5-14.9-62.5M302.8 331c-18.2 18.2-76.1 17.9-93.6 0c-2.2-2.2-6.1-2.2-8.3 0c-2.5 2.5-2.5 6.4 0 8.6c22.8 22.8 87.3 22.8 110.2 0c2.5-2.2 2.5-6.1 0-8.6c-2.2-2.2-6.1-2.2-8.3 0m7.7-75c-13.6 0-24.6 11.1-24.6 24.9c0 13.6 11.1 24.6 24.6 24.6c13.8 0 24.9-11.1 24.9-24.6c0-13.8-11-24.9-24.9-24.9\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1106},"\u003Cpath fill=\"currentColor\" d=\"M512 194.8c0 101.3-82.4 183.8-183.8 183.8c-101.7 0-184.4-82.4-184.4-183.8c0-101.6 82.7-184.3 184.4-184.3C429.6 10.5 512 93.2 512 194.8M0 501.5h90v-491H0z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1108},"\u003Cpath fill=\"currentColor\" d=\"m20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379c-.197-.069-.42-.098-.57-.241c-.152-.143-.196-.366-.231-.572c-.065-.378-.125-.756-.192-1.133c-.057-.325-.102-.69-.25-.987c-.195-.4-.597-.634-.996-.788a6 6 0 0 0-.626-.194c-1-.263-2.05-.36-3.077-.416a26 26 0 0 0-3.7.062c-.915.083-1.88.184-2.75.5c-.318.116-.646.256-.888.501c-.297.302-.393.77-.177 1.146c.154.267.415.456.692.58c.36.162.737.284 1.123.366c1.075.238 2.189.331 3.287.37q1.829.074 3.65-.118q.449-.05.896-.119c.352-.054.578-.513.474-.834c-.124-.383-.457-.531-.834-.473c-.466.074-.96.108-1.382.146q-1.767.12-3.536.006a22 22 0 0 1-1.157-.107c-.086-.01-.18-.025-.258-.036q-.364-.055-.724-.13c-.111-.027-.111-.185 0-.212h.005q.416-.09.838-.147h.002c.131-.009.263-.032.394-.048a25 25 0 0 1 3.426-.12q1.011.029 2.017.144l.228.031q.4.06.798.145c.392.085.895.113 1.07.542c.055.137.08.288.111.431l.319 1.484a.237.237 0 0 1-.199.284h-.003l-.112.015a37 37 0 0 1-4.743.295a37 37 0 0 1-4.699-.304c-.14-.017-.293-.042-.417-.06c-.326-.048-.649-.108-.973-.161c-.393-.065-.768-.032-1.123.161c-.29.16-.527.404-.675.701c-.154.316-.199.66-.267 1c-.069.34-.176.707-.135 1.056c.087.753.613 1.365 1.37 1.502a39.7 39.7 0 0 0 11.343.376a.483.483 0 0 1 .535.53l-.071.697l-1.018 9.907c-.041.41-.047.832-.125 1.237c-.122.637-.553 1.028-1.182 1.171q-.868.197-1.756.205c-.656.004-1.31-.025-1.966-.022c-.699.004-1.556-.06-2.095-.58c-.475-.458-.54-1.174-.605-1.793l-.731-7.013l-.322-3.094c-.037-.351-.286-.695-.678-.678c-.336.015-.718.3-.678.679l.228 2.185l.949 9.112c.147 1.344 1.174 2.068 2.446 2.272c.742.12 1.503.144 2.257.156c.966.016 1.942.053 2.892-.122c1.408-.258 2.465-1.198 2.616-2.657l1.024-9.995l.215-2.087a.48.48 0 0 1 .39-.426c.402-.078.787-.212 1.074-.518c.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233c-2.416.359-4.866.54-7.308.46c-1.748-.06-3.477-.254-5.207-.498c-.17-.024-.353-.055-.47-.18c-.22-.236-.111-.71-.054-.995c.052-.26.152-.609.463-.646c.484-.057 1.046.148 1.526.22q.865.132 1.737.212c2.48.226 5.002.19 7.472-.14q.675-.09 1.345-.21c.399-.072.84-.206 1.08.206c.166.281.188.657.162.974a.54.54 0 0 1-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a6 6 0 0 1-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38c0 0 1.243.065 1.658.065c.447 0 1.786-.065 1.786-.065c.783 0 1.434-.6 1.499-1.38l.94-9.95a4 4 0 0 0-1.322-.238c-.826 0-1.491.284-2.26.613\"\u002F>",{"left":4,"top":4,"width":27,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1110},"\u003Cpath fill=\"currentColor\" d=\"M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134c-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9c152.3 0 165.1-3.7 204 11.4c60.1 23.3 65.6 79.5 44 140.3c-21.5 62.6-72.5 89.5-140.1 90.3c-43.4.7-69.5-7-75.3 24.2M357.1 152c-1.8-1.3-2.5-1.8-3 1.3c-2 11.4-5.1 22.5-8.8 33.6c-39.9 113.8-150.5 103.9-204.5 103.9c-6.1 0-10.1 3.3-10.9 9.4c-22.6 140.4-27.1 169.7-27.1 169.7c-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9c.7-5.4-1.1 6.1 14.4-91.3c4.6-22 14.3-19.7 29.3-19.7c71 0 126.4-28.8 142.9-112.3c6.5-34.8 4.6-71.4-23.8-92.6\"\u002F>",{"left":4,"top":4,"width":16,"height":16,"rotate":4,"vFlip":6,"hFlip":6,"body":1112},"\u003Cpath fill=\"currentColor\" d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8m0 448c-110.532 0-200-89.431-200-200c0-110.495 89.472-200 200-200c110.491 0 200 89.471 200 200c0 110.53-89.431 200-200 200m107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516c17.561-9.845 28.324-16.541 28.324-29.579c0-17.246-21.999-28.693-39.784-28.693c-23.189 0-33.894 10.977-48.942 29.969c-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8M298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42s18.841-42 42-42s42 18.841 42 42\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1114},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 12H5m7 7l-7-7l7-7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1116},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",1793821480763]