Add sidebar icons preload

flatlogic · May 20, 2020 · ce35b4a · ce35b4a
1 parent e905a13
commit ce35b4a
Show file tree

Hide file tree

Showing 18 changed files with 52 additions and 86 deletions.
diff --git a/dist/charts.html b/dist/charts.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - Charts</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -290,26 +291,21 @@
         <h5 class="sidebar-nav-title">App</h5>
         <ul class="sidebar-nav">
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="index.html">
                     <i class="sidebar-icon dashboard-icon"></i>
                     <span class="icon">Dashboard</span>
                 </a>
             </li>
         </ul>
-        <!-- every .sidebar-nav may have a title -->
         <h5 class="sidebar-nav-title">Template </h5>
         <ul class="sidebar-nav">
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="typography.html">
                     <i class="sidebar-icon typography-icon"></i>
                     <span class="icon">Typography</span>
-
                 </a>
             </li>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="tables.html">
                     <i class="sidebar-icon tables-icon"></i>
                     <span class="icon">Tables</span>
@@ -332,15 +328,12 @@ <h5 class="sidebar-nav-title">Template </h5>
         <ul class="sidebar-nav">
             <hr>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="#">
                     <i class="sidebar-icon settings-icon"></i>
                     <span class="icon">Settings</span>
-
                 </a>
             </li>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="#">
                     <i class="sidebar-icon account-icon"></i>
                     <span class="icon">Account</span>
@@ -354,7 +347,8 @@ <h5 class="sidebar-nav-title">Template </h5>
             </li>
         </ul>
     </div>
-</nav>    <div class="content-wrap">
+</nav>
+    <div class="content-wrap">
         <!-- main page content. the place to put widgets in. usually consists of .row > .col-lg-* > .widget.  -->
         <main id="content" class="content" role="main">
             <!-- Page content -->
@@ -865,4 +859,4 @@ <h5>
 <script src="js/charts/charts.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/dist/css/application.min.css b/dist/css/application.min.css
diff --git a/dist/css/maps/application.min.css.map b/dist/css/maps/application.min.css.map
diff --git a/dist/css/maps/preload-icons.min.css.map b/dist/css/maps/preload-icons.min.css.map
diff --git a/dist/css/preload-icons.min.css b/dist/css/preload-icons.min.css
diff --git a/dist/icons.html b/dist/icons.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - UI Icons</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -290,26 +291,21 @@
                 <h5 class="sidebar-nav-title">App</h5>
                 <ul class="sidebar-nav">
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="index.html">
                             <i class="sidebar-icon dashboard-icon"></i>
                             <span class="icon">Dashboard</span>
                         </a>
                     </li>
                 </ul>
-                <!-- every .sidebar-nav may have a title -->
                 <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="typography.html">
                             <i class="sidebar-icon typography-icon"></i>
                             <span class="icon">Typography</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="tables.html">
                             <i class="sidebar-icon tables-icon"></i>
                             <span class="icon">Tables</span>
@@ -332,15 +328,12 @@ <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <hr>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon settings-icon"></i>
                             <span class="icon">Settings</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon account-icon"></i>
                             <span class="icon">Account</span>
@@ -354,7 +347,8 @@ <h5 class="sidebar-nav-title">Template </h5>
                     </li>
                 </ul>
             </div>
-        </nav>    <div class="content-wrap">
+        </nav>
+    <div class="content-wrap">
         <!-- main page content. the place to put widgets in. usually consists of .row > .col-lg-* > .widget.  -->
         <main id="content" class="content" role="main">
             <!-- Page content -->
@@ -2597,4 +2591,4 @@ <h4>Flat<span class="fw-semi-bold">icon</span></h4>
     <!-- Page scripts -->
 </body>
 
-</html>
+</html>
diff --git a/dist/index.html b/dist/index.html
@@ -4,6 +4,7 @@
 <head>
     <title>Flatlogic One HTML5 Dashboard - Visits</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -290,26 +291,21 @@
                 <h5 class="sidebar-nav-title">App</h5>
                 <ul class="sidebar-nav">
                     <li class=" active ">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="index.html">
                             <i class="sidebar-icon dashboard-icon"></i>
                             <span class="icon">Dashboard</span>
                         </a>
                     </li>
                 </ul>
-                <!-- every .sidebar-nav may have a title -->
                 <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="typography.html">
                             <i class="sidebar-icon typography-icon"></i>
                             <span class="icon">Typography</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="tables.html">
                             <i class="sidebar-icon tables-icon"></i>
                             <span class="icon">Tables</span>
@@ -332,15 +328,12 @@ <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <hr>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon settings-icon"></i>
                             <span class="icon">Settings</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon account-icon"></i>
                             <span class="icon">Account</span>
@@ -354,7 +347,8 @@ <h5 class="sidebar-nav-title">Template </h5>
                     </li>
                 </ul>
             </div>
-        </nav>    <div class="content-wrap">
+        </nav>
+    <div class="content-wrap">
         <!-- main page content. the place to put widgets in. usually consists of .row > .col-lg-* > .widget.  -->
         <main id="content" class="content" role="main">
             <!-- Page content -->
@@ -868,4 +862,4 @@ <h5>
         <script src="js/dashboard/index.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/dist/login.html b/dist/login.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - Login</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -133,4 +134,4 @@ <h2>Login</h2>
     <!-- Page scripts -->
 </body>
 
-</html>
+</html>
diff --git a/dist/maps_google.html b/dist/maps_google.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - Maps Google</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -290,26 +291,21 @@
                 <h5 class="sidebar-nav-title">App</h5>
                 <ul class="sidebar-nav">
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="index.html">
                             <i class="sidebar-icon dashboard-icon"></i>
                             <span class="icon">Dashboard</span>
                         </a>
                     </li>
                 </ul>
-                <!-- every .sidebar-nav may have a title -->
                 <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="typography.html">
                             <i class="sidebar-icon typography-icon"></i>
                             <span class="icon">Typography</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="tables.html">
                             <i class="sidebar-icon tables-icon"></i>
                             <span class="icon">Tables</span>
@@ -332,15 +328,12 @@ <h5 class="sidebar-nav-title">Template </h5>
                 <ul class="sidebar-nav">
                     <hr>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon settings-icon"></i>
                             <span class="icon">Settings</span>
-
                         </a>
                     </li>
                     <li class="">
-                        <!-- an example of nested submenu. basic bootstrap collapse component -->
                         <a href="#">
                             <i class="sidebar-icon account-icon"></i>
                             <span class="icon">Account</span>
@@ -354,7 +347,8 @@ <h5 class="sidebar-nav-title">Template </h5>
                     </li>
                 </ul>
             </div>
-        </nav>    <div class="content-wrap">
+        </nav>
+    <div class="content-wrap">
         <!-- main page content. the place to put widgets in. usually consists of .row > .col-lg-* > .widget.  -->
         <main id="content" class="content" role="main">
             <!-- Page content -->
@@ -412,4 +406,4 @@ <h5 class="fw-semi-bold">
         <script src="js/maps/gmap.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/dist/notifications.html b/dist/notifications.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - UI Notifications</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -290,26 +291,21 @@
         <h5 class="sidebar-nav-title">App</h5>
         <ul class="sidebar-nav">
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="index.html">
                     <i class="sidebar-icon dashboard-icon"></i>
                     <span class="icon">Dashboard</span>
                 </a>
             </li>
         </ul>
-        <!-- every .sidebar-nav may have a title -->
         <h5 class="sidebar-nav-title">Template </h5>
         <ul class="sidebar-nav">
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="typography.html">
                     <i class="sidebar-icon typography-icon"></i>
                     <span class="icon">Typography</span>
-
                 </a>
             </li>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="tables.html">
                     <i class="sidebar-icon tables-icon"></i>
                     <span class="icon">Tables</span>
@@ -332,15 +328,12 @@ <h5 class="sidebar-nav-title">Template </h5>
         <ul class="sidebar-nav">
             <hr>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="#">
                     <i class="sidebar-icon settings-icon"></i>
                     <span class="icon">Settings</span>
-
                 </a>
             </li>
             <li class="">
-                <!-- an example of nested submenu. basic bootstrap collapse component -->
                 <a href="#">
                     <i class="sidebar-icon account-icon"></i>
                     <span class="icon">Account</span>
@@ -354,7 +347,8 @@ <h5 class="sidebar-nav-title">Template </h5>
             </li>
         </ul>
     </div>
-</nav>    <div class="content-wrap">
+</nav>
+    <div class="content-wrap">
         <!-- main page content. the place to put widgets in. usually consists of .row > .col-lg-* > .widget.  -->
         <main id="content" class="content" role="main">
             <!-- Page content -->
@@ -459,4 +453,4 @@ <h5 class="mt-3">Dead Simple Usage</h5>
 <script src="js/components/ui-notifications.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/dist/register.html b/dist/register.html
@@ -4,6 +4,7 @@
 <head>
     <title>Light Blue Bootstrap Dashboard - Login</title>
     <link href="css/application.min.css" rel="stylesheet">
+    <link rel="preload" href="css/preload-icons.min.css" as="style">
     <!-- as of IE9 cannot parse css files with more that 4K classes separating in two files -->
     <!--[if IE 9]>
         <link href="css/application-ie9-part2.css" rel="stylesheet">
@@ -132,4 +133,4 @@ <h2>Sing Up</h2>
     <!-- Page scripts -->
 </body>
 
-</html>
+</html>