From 90c939fd61e200eaae8fb0b7d5e4207caa3eb19f Mon Sep 17 00:00:00 2001
From: spilymp <visessa+github@gmail.com>
Date: Thu, 7 Apr 2022 23:05:24 +0200
Subject: [PATCH] website - refactoring and clean up after merge

---
 index.html | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 5ea0a8d..9a16256 100644
--- a/index.html
+++ b/index.html
@@ -16,8 +16,8 @@
     <!-- Font Awesome -->
     <link rel="stylesheet" type="text/css"
         href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
-    <link id="fa4" rel="stylesheet" type="text/css"
-        href="">
+    <link rel="stylesheet" type="text/css" 
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
     <!-- Simple Line Icons -->
     <link rel="stylesheet" type="text/css"
@@ -26,9 +26,9 @@
         crossorigin="anonymous" />
 
     <!-- Bootstrap Icons-->
-    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"
+    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css"
         as="stylesheet" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
 
     <!-- Remix Icons-->
     <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
@@ -65,21 +65,14 @@
             document.getElementById("download").setAttribute("href", image);
         }
 
-        function onIconSetUpdate() {
-            populateIconSetWebsite();
-            switch (document.getElementById('iconSet').value) {
-                case "FontAwesome":
-                    document.getElementById("fa4").href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
-                    break;
-                default:
-                    document.getElementById("fa4").href = "";
-            }
-        }
         function populateIconSetWebsite() {
             switch (document.getElementById('iconSet').value) {
                 case "Font Awesome 5 Brands":
                     document.getElementById('iconSetWebsite').href = "https://fontawesome.com/icons?d=gallery&p=2&s=brands&m=free"
                     break;
+                case "FontAwesome":
+                    document.getElementById('iconSetWebsite').href = "https://fontawesome.com/v4/icons/"
+                    break;
                 case "bootstrap-icons":
                     document.getElementById('iconSetWebsite').href = "https://icons.getbootstrap.com/"
                     break;
@@ -108,6 +101,7 @@
     <div class="font_preload" style="opacity: 0">
         <span style="font-family: 'Font Awesome 5 Free', Arial, sans-serif;"></span>
         <span style="font-family: 'Font Awesome 5 Brands', Arial, sans-serif;"></span>
+        <span style="font-family: 'FontAwesome', Arial, sans-serif;"></span>
         <span style="font-family: 'bootstrap-icons', Arial, sans-serif;"></span>
         <span style="font-family: 'simple-line-icons', Arial, sans-serif;"></span>
         <span style="font-family: 'remixicon', Arial, sans-serif;"></span>
@@ -146,7 +140,7 @@ <h1>IBO - Icon Builder for Odoo</h1>
                     </div>
 
                     <div class="column column-40">
-                        <select id="iconSet" onchange="onIconSetUpdate()">
+                        <select id="iconSet" onchange="populateIconSetWebsite()">
                             <option value="Font Awesome 5 Free">Font Awesome 5 Solid</option>
                             <option value="Font Awesome 5 Brands">Font Awesome 5 Brands</option>
                             <option value="FontAwesome">Font Awesome 4.7</option>
@@ -230,6 +224,7 @@ <h2>Documentation</h2>
                 <ul>
                     <li><a href="https://fontawesome.com/icons?d=gallery&p=2&s=solid&m=free">Font Awesome 5 Solid</a></li>
                     <li><a href="https://fontawesome.com/icons?d=gallery&p=2&s=brands&m=free">Font Awesome 5 Brands</a></li>
+                    <li><a href="https://fontawesome.com/v4/icons/">Font Awesome 4.7</a></li>
                     <li><a href="https://icons.getbootstrap.com/">Bootstrap Icons</a></li>
                     <li><a href="https://simplelineicons.github.io/">Simple Line Icons</a></li>
                     <li><a href="https://remixicon.com/">Remix Icon</a></li>