Improved noscript warning for index.html (devicons#761)

* Made tag red and header

* Added icon to noscript

* Removed class from svg

* Removed extra sentence

* Moved line down

* removed icon

Co-authored-by: Thomas Bui <[email protected]>

docs/index.html

@@ -13,7 +13,6 @@
   <meta name="description" content="devicon aims to gather all logos representing development languages and tools in one font.">
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="icon" type="image/x-icon" href="./logos/favicon.ico" sizes="196x196">
-
   <link rel="apple-touch-icon" sizes="57x57" href="./logos/apple-touch-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="60x60" href="./logos/apple-touch-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="72x72" href="./logos/apple-touch-icon-72x72.png">
@@ -32,7 +31,6 @@
   <meta name="msapplication-TileColor" content="#da532c">
   <meta name="msapplication-TileImage" content="./logos/mstile-144x144.png">
   <meta name="theme-color" content="#ffffff">
-
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon/devicon.min.css">
   <link rel="stylesheet" href="./assets/css/style.css">
 </head>
@@ -43,8 +41,9 @@
   <!--[if lt IE 7]>
   <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
   <![endif]-->
-  <noscript>
-    <p align="center">You have JavaScript turned off in your browser. To use this website, JavaScript needs to be enabled. You can come back when you turn it on though :)</p>
+  <noscript style="color:red; text-align:center;">
+    <h1>To use this website, JavaScript needs to be enabled.</h1>
+    <p>You can come back when you turn it on though :)</p>
   </noscript>
   <div class="borders"></div>