Add a debugger favicon

Summary:
I frequently spend multiple seconds scanning my open Chrome tabs for the React Native debugger tab. It would be a lot quicker to find the correct tab if the debugger UI tab had a favicon.

This commit adds favicon (blue react logo in a white circle). It's a super minor change, but would help a lot with day-to-day DX.

I chose this icon to differentiate sufficiently from other tabs developer might have open: React docs (blue logo in black square) and React Native docs (white logo in black square). If the idea of having a favicon is agreeable but you want a different asset, I'm more than happy to change it to something else.

Original asset before base-64 encoding:
![favicon-32x32](https://cloud.githubusercontent.com/assets/1203949/19117546/44b36fd2-8b11-11e6-8a94-c8956fe7533c.png)

In the wild:
<img width="335" alt="screen shot 2016-10-05 at 15 40 58" src="https://cloud.githubusercontent.com/assets/1203949/19117811/43cad316-8b12-11e6-8406-4c9b74efdaf2.png">
Closes https://github.com/facebook/react-native/pull/10252

Differential Revision: D3974983

Pulled By: hramos

fbshipit-source-id: 6b07d446dd972c4c171062134b45bc3850886349
This commit is contained in:
Jani Eväkallio 2016-10-05 10:31:03 -07:00 committed by Facebook Github Bot
parent 645540809f
commit 467b637656

View File

@ -11,8 +11,8 @@
<html>
<head>
<meta charset=utf-8>
<!-- Fake favicon, to avoid extra request to server -->
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<!-- Base 64 encoded favicon, to avoid extra request to server -->
<link rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAppQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9/3/uu/9n+n9s+396fr/6vr/tO79ue/99P3/te79j+X8u+/9oOn9h+P8xPH+/P7//f//xfL+juX8su399v3/jeX81fX+0fT+ieT8sO39iOP8z/T+2/f+iuT88Pz/7Pv/4fj+fOD8dt/83ff+8/z/jOT84vj+7fv/heP8w/H+8vz/g+L8zvT+0PT+2Pb+6Pr++f7/k+b8oun9rOz9bt37cN77fuH8q+v9qOv9xvL+mef9c978e+D8jeT8hOL8cN78l+f94/j+leb8vvD93/j+1/b+luf8wfD97vv/gOH8/v//wPD+dN/8qev9huP87/v/9Pz/6fr+m+j9+v7/ruz94Pj+feH8Xtn75/n+dd/8mOf8vfD9nej9b937X9n76/v/muj9se399f3/quv98fz/wfH+3Pf+2fb+5Pn+3vf+wvH+kOX8kub83/f+ct78geL82vf+keX8euD8cd78oen9d9/8eeD8nOj9p+r9i+T8yvP+zfT+gOL8cd771vb+ieP80vX+8Pv/v/D9r+z9vO/9o+r9t+795IXGEwAAAFZ0Uk5TAAARTpOtw9bVwpFLECF6wfLxv3ceDGzT/tBnCyOl+KIgLr0qJQ6po3L7+ijXJ4N2GMnIXvZYnoK3r+gZhHFqD6qhJrwiKZ9mc8X19BZUf87fzaR+URR5ts+RAAAAAWJLR0QB/wIt3gAAAAlwSFlzAAAASAAAAEgARslrPgAAAqpJREFUOMtjYIACRkYmZhZWNnYOTlYubh5GRgZUwMjIy8cvEAYFgkLCIqhKGEXFxCXCkICEpJQ0kgpGGVm5MDQgJ68AV8GoyBmGBSgpQ1UwqrCB+OERkVHRIEZMbGRcPFiFDFgFo6oaWENCYlJySmpaekZKZFJmFlhIXZUR5H4NTRAnOyc3LC0vvyCqsCgtrLikFCSmJQX0C6O2Dlh1TEkZkCyvqKwCUtU1tWBBDl2gAj2Ik6JL6oBkamF9A5KCMH1GBgNDCLOxpjwsrLipuaWpNSysDWwcEBgZMBibQJjtHZ1dyRXdOZk9vcl9/TnZEFETUwYzMCN8wsRJkwuaprTk5rZMmVowedr0VIgScwYLEDVjZuasiI7ZJXPCysqAXqiaGzUvsaMcJGPJAPLD/Cl9jWHxiQv6Fy6qXDxr4ZKlNcvClhdMWQGU0mGwApKzVq4Ckqu711SvXbeusmz9htVAbtrGWUDSCqxg0+Y0kIIt5Y0V67Yu3ta2oQDITd++CawAZEXdlB3ZYTsTe3ctnLWlO25hV/2U3WHhsTVtYCvAjlzTkbhoT8fekn1h+/cvPJBfPDfp4KHDRyCOhHizOnX60clLjh3aN3v28RMLlpw8NXNPI1hCDx5Q4SdOZ20+01OYf/TsuazzF5bDA8oaGtTVNWvCwuYsuHjpci4oqOsgoobWDIw2yJF1sHDqJuTIEkZEN0RBbeWVA0gK2EHRzWgLTjA7p1wNW5hb2Lf62vWFYQdKboDENO1AiZ/R3gGsekdNQuTSm6vSGlI2J9TcAgs5qkISpRM4US+/fSdhBoix/+6duN0ghrMLIzRXKfJjS/bOrrDcxcioIquFLq3lxouU+xjtpdhR5cXdVVEzJ6OKh6cXTNabTUMGS/728fWT9Q8ICAwKDglFSAMA+r1N1UgXhV8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTYtMTAtMDVUMTQ6Mjk6MTMrMDA6MDATO+D3AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE2LTEwLTA1VDE0OjI5OjEzKzAwOjAwYmZYSwAAAEZ0RVh0c29mdHdhcmUASW1hZ2VNYWdpY2sgNi43LjgtOSAyMDE0LTA1LTEyIFExNiBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZ9yG7QAAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAYdEVYdFRodW1iOjpJbWFnZTo6aGVpZ2h0ADE5Mg8AcoUAAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMTky06whCAAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNDc1Njc3NzUzbJvFlQAAAA90RVh0VGh1bWI6OlNpemUAMEJClKI+7AAAAFZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL21udGxvZy9mYXZpY29ucy8yMDE2LTEwLTA1LzViOTFlZDY3MjZlOTY2ODRjZjdlNmFmOWFhZmIyZGIzLmljby5wbmd2ygvUAAAAAElFTkSuQmCC">
<title>React Native Debugger</title>
<script>
(function() {