Skip to content

Commit

Permalink
website - refactoring and clean up after merge
Browse files Browse the repository at this point in the history
  • Loading branch information
spilymp committed Apr 7, 2022
1 parent e5186dc commit 90c939f
Showing 1 changed file with 10 additions and 15 deletions.
25 changes: 10 additions & 15 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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/[email protected]/fonts/remixicon.css" rel="stylesheet">
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 90c939f

Please sign in to comment.