#17 - Use minified css in html templates, make sure the font-awesome …

…iconset is included in every page, removing iconsmind icon set wherever possible, enable sourcemap
intellifactory · Jan 22, 2021 · 01b6983 · 01b6983
1 parent 51c32a4
commit 01b6983
Show file tree

Hide file tree

Showing 12 changed files with 107 additions and 95 deletions.
diff --git a/src/Hosted/bloglist.html b/src/Hosted/bloglist.html
@@ -8,14 +8,14 @@
     <meta name="description" content="">
     <script src="/themekit/scripts/jquery.min.js"></script>
     <script src="/themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.css">
-    <link rel="stylesheet" href="/themekit/css/style.css">
-    <link rel="stylesheet" href="/themekit/css/glide.css">
-    <link rel="stylesheet" href="/themekit/css/content-box.css">
-    <link rel="stylesheet" href="/themekit/css/social.css">
-    <link rel="stylesheet" href="/themekit/css/contact-form.css">
-    <link rel="stylesheet" href="/assets/skin.css">
-    <link rel="stylesheet" href="/assets/custom.css">
+    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.min.css">
+    <link rel="stylesheet" href="/themekit/css/style.min.css">
+    <link rel="stylesheet" href="/themekit/css/glide.min.css">
+    <link rel="stylesheet" href="/themekit/css/content-box.min.css">
+    <link rel="stylesheet" href="/themekit/css/social.min.css">
+    <link rel="stylesheet" href="/themekit/css/contact-form.min.css">
+    <link rel="stylesheet" href="/assets/skin.min.css">
+    <link rel="stylesheet" href="/assets/custom.min.css">
     <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
 </head>
 <body>
@@ -244,8 +244,7 @@ <h4>Newsletter</h4>
           </div>
       </div>
       <div class="bottom" ws-replace="Cookie"></div>
-      <link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
-      <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/all.css">
+      <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
       <script src="/themekit/scripts/parallax.min.js"></script>
       <script src="/themekit/scripts/pagination.min.js"></script>
       <script src="/themekit/scripts/imagesloaded.min.js"></script>

diff --git a/src/Hosted/blogpost.html b/src/Hosted/blogpost.html
@@ -6,13 +6,13 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>${Title}IntelliFactory</title>
   <meta name="description" content="">
-  <link rel="stylesheet" href="/themekit/css/bootstrap-grid.css">
-  <link rel="stylesheet" href="/themekit/css/style.css">
-  <link rel="stylesheet" href="/themekit/css/content-box.css">
-  <link rel="stylesheet" href="/themekit/css/media-box.css">
-  <link rel="stylesheet" href="/themekit/css/social.css">
-  <link rel="stylesheet" href="/assets/skin.css">
-  <link rel="stylesheet" href="/assets/custom.css">
+  <link rel="stylesheet" href="/themekit/css/bootstrap-grid.min.css">
+  <link rel="stylesheet" href="/themekit/css/style.min.css">
+  <link rel="stylesheet" href="/themekit/css/content-box.min.css">
+  <link rel="stylesheet" href="/themekit/css/media-box.min.css">
+  <link rel="stylesheet" href="/themekit/css/social.min.css">
+  <link rel="stylesheet" href="/assets/skin.min.css">
+  <link rel="stylesheet" href="/assets/custom.min.css">
   <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
   <script ws-replace="Head"></script>
   <script src="/themekit/scripts/main.js"></script>
@@ -245,7 +245,7 @@ <h4>Follow us</h4>
             </div>
         </div>
         <div class="bottom" ws-replace="Cookie"></div>
-        <link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
+        <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
         <script src="/themekit/scripts/parallax.min.js"></script>
         <script src="/themekit/scripts/imagesloaded.min.js"></script>
         <script src="/themekit/scripts/pagination.min.js"></script>

diff --git a/src/Hosted/careers.html b/src/Hosted/careers.html
@@ -8,14 +8,12 @@
     <meta name="description" content="" />
     <script src="themekit/scripts/jquery.min.js"></script>
     <script src="themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" />
-    <link rel="stylesheet" href="themekit/css/style.css" />
-    <link rel="stylesheet" href="themekit/css/magnific-popup.css" />
-    <link rel="stylesheet" href="themekit/css/contact-form.css" />
-    <link rel="stylesheet"
-          href="themekit/media/icons/iconsmind/line-icons.min.css" />
-    <link rel="stylesheet" href="assets/skin.css" />
-    <link rel="stylesheet" href="assets/custom.css" />
+    <link rel="stylesheet" href="themekit/css/bootstrap-grid.min.css" />
+    <link rel="stylesheet" href="themekit/css/style.min.css" />
+    <link rel="stylesheet" href="themekit/css/magnific-popup.min.css" />
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css" />
+    <link rel="stylesheet" href="assets/skin.min.css" />
+    <link rel="stylesheet" href="assets/custom.min.css" />
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
     <script ws-replace="Head"></script>
 </head>
@@ -223,6 +221,7 @@ <h3 class="text-sm">Graduation</h3>
         <div ws-replace="Footer"></div>
         <div class="bottom" ws-replace="Cookie"></div>
         <link rel="stylesheet" href="themekit/media/icons/iconsmind/line-icons.min.css">
+        <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
         <script src="themekit/scripts/contact-form/contact-form.js"></script>
         <script src="themekit/scripts/tab-accordion.js"></script>
         <script src="themekit/scripts/maps.min.js"></script>

diff --git a/src/Hosted/consulting.html b/src/Hosted/consulting.html
@@ -8,15 +8,15 @@
     <meta name="description" content="" />
     <script src="themekit/scripts/jquery.min.js"></script>
     <script src="themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" />
-    <link rel="stylesheet" href="themekit/css/style.css" />
-    <link rel="stylesheet" href="themekit/css/glide.css" />
-    <link rel="stylesheet" href="themekit/css/content-box.css" />
-    <link rel="stylesheet" href="themekit/css/social.css" />
-    <link rel="stylesheet" href="themekit/css/contact-form.css" />
-    <link rel='stylesheet' href="themekit/css/magnific-popup.css">
-    <link rel="stylesheet" href="assets/skin.css" />
-    <link rel="stylesheet" href="assets/custom.css" />
+    <link rel="stylesheet" href="themekit/css/bootstrap-grid.min.css" />
+    <link rel="stylesheet" href="themekit/css/style.min.css" />
+    <link rel="stylesheet" href="themekit/css/glide.min.css" />
+    <link rel="stylesheet" href="themekit/css/content-box.min.css" />
+    <link rel="stylesheet" href="themekit/css/social.min.css" />
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css" />
+    <link rel='stylesheet' href="themekit/css/magnific-popup.min.css">
+    <link rel="stylesheet" href="assets/skin.min.css" />
+    <link rel="stylesheet" href="assets/custom.min.css" />
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
     <script ws-replace="Head"></script>
 </head>
@@ -164,7 +164,7 @@ <h3 class="timeline-title">Shorter TTM</h3>
 	<footer class="footer light">
 		<div ws-replace="Footer"></div>
 		<div class="bottom" ws-replace="Cookie"></div>
-		<link rel="stylesheet" href="themekit/media/icons/iconsmind/line-icons.min.css">
+		<link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
 		<script src="themekit/scripts/contact-form/contact-form.js"></script>
 		<script src="themekit/scripts/tab-accordion.js"></script>
 		<script src="themekit/scripts/maps.min.js"></script>

diff --git a/src/Hosted/contact.html b/src/Hosted/contact.html
@@ -8,11 +8,11 @@
     <meta name="description" content="">
     <script src="themekit/scripts/jquery.min.js"></script>
     <script src="themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="themekit/css/bootstrap-grid.css">
-    <link rel="stylesheet" href="themekit/css/style.css">
-    <link rel="stylesheet" href="themekit/css/contact-form.css">
-    <link rel="stylesheet" href="assets/skin.css">
-    <link rel="stylesheet" href="assets/custom.css">
+    <link rel="stylesheet" href="themekit/css/bootstrap-grid.min.css">
+    <link rel="stylesheet" href="themekit/css/style.min.css">
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css">
+    <link rel="stylesheet" href="assets/skin.min.css">
+    <link rel="stylesheet" href="assets/custom.min.css">
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
     <script ws-replace="Head"></script>
 </head>
@@ -77,7 +77,7 @@ <h2>Contact us</h2>
     <footer class="footer light">
         <div ws-replace="Footer"></div>
         <div class="bottom" ws-replace="Cookie"></div>
-        <link rel="stylesheet" href="themekit/media/icons/iconsmind/line-icons.min.css">
+        <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
         <script src="themekit/scripts/contact-form/contact-form.js"></script>
         <script src="themekit/scripts/tab-accordion.js"></script>
         <script src="themekit/scripts/maps.min.js"></script>

diff --git a/src/Hosted/index.html b/src/Hosted/index.html
@@ -6,14 +6,14 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>${Title}IntelliFactory</title>
   <meta name="description" content="">
-  <link rel="stylesheet" href="/themekit/css/bootstrap-grid.css">
-  <link rel="stylesheet" href="/themekit/css/style.css">
-  <link rel="stylesheet" href="/themekit/css/content-box.css">
-  <link rel="stylesheet" href="/themekit/css/media-box.css">
-  <link rel="stylesheet" href="/themekit/css/social.css">
-  <link rel="stylesheet" href="/themekit/css/contact-form.css">
-  <link rel="stylesheet" href="/assets/skin.css">
-  <link rel="stylesheet" href="/assets/custom.css">
+  <link rel="stylesheet" href="/themekit/css/bootstrap-grid.min.css">
+  <link rel="stylesheet" href="/themekit/css/style.min.css">
+  <link rel="stylesheet" href="/themekit/css/content-box.min.css">
+  <link rel="stylesheet" href="/themekit/css/media-box.min.css">
+  <link rel="stylesheet" href="/themekit/css/social.min.css">
+  <link rel="stylesheet" href="/themekit/css/contact-form.min.css">
+  <link rel="stylesheet" href="/assets/skin.min.css">
+  <link rel="stylesheet" href="/assets/custom.min.css">
   <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
   <script ws-replace="Head"></script>
   <script src="/themekit/scripts/main.js"></script>
@@ -404,7 +404,6 @@ <h4>Newsletter signup</h4>
           </div>
       </div>
       <div class="bottom" ws-replace="Cookie"></div>
-      <link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
       <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
       <script src="/themekit/scripts/parallax.min.js"></script>
       <script src="/themekit/scripts/imagesloaded.min.js"></script>

diff --git a/src/Hosted/legal.html b/src/Hosted/legal.html
@@ -8,14 +8,14 @@
     <meta name="description" content="">
     <script src="/themekit/scripts/jquery.min.js"></script>
     <script src="/themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.css">
-    <link rel="stylesheet" href="/themekit/css/style.css">
-    <link rel="stylesheet" href="/themekit/css/content-box.css">
-    <link rel="stylesheet" href="/themekit/css/media-box.css">
-    <link rel="stylesheet" href="/themekit/css/social.css">
-    <link rel="stylesheet" href="/themekit/css/contact-form.css">
-    <link rel="stylesheet" href="/assets/skin.css">
-    <link rel="stylesheet" href="/assets/custom.css">
+    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.min.css">
+    <link rel="stylesheet" href="/themekit/css/style.min.css">
+    <link rel="stylesheet" href="/themekit/css/content-box.min.css">
+    <link rel="stylesheet" href="/themekit/css/media-box.min.css">
+    <link rel="stylesheet" href="/themekit/css/social.min.css">
+    <link rel="stylesheet" href="/themekit/css/contact-form.min.css">
+    <link rel="stylesheet" href="/assets/skin.min.css">
+    <link rel="stylesheet" href="/assets/custom.min.css">
     <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
     <script ws-replace="Head"></script>
 </head>
@@ -285,7 +285,7 @@ <h4>Follow us</h4>
             </div>
         </div>
         <div class="bottom" ws-replace="Cookie"></div>
-        <link rel="stylesheet" href="/themekit/media/icons/iconsmind/line-icons.min.css">
+        <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
         <script src="/themekit/scripts/parallax.min.js"></script>
         <script src="/themekit/scripts/imagesloaded.min.js"></script>
         <script src="/themekit/scripts/pagination.min.js"></script>

diff --git a/src/Hosted/openPosition.html b/src/Hosted/openPosition.html
@@ -8,17 +8,17 @@
     <meta name="description" content="" />
     <script src="themekit/scripts/jquery.min.js"></script>
     <script src="themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" />
-    <link rel="stylesheet" href="themekit/css/style.css" />
-    <link rel="stylesheet" href="themekit/css/magnific-popup.css" />
-    <link rel="stylesheet" href="themekit/css/contact-form.css" />
-    <link rel="stylesheet" href="themekit/css/content-box.css" />
+    <link rel="stylesheet" href="themekit/css/bootstrap-grid.min.css" />
+    <link rel="stylesheet" href="themekit/css/style.min.css" />
+    <link rel="stylesheet" href="themekit/css/magnific-popup.min.css" />
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css" />
+    <link rel="stylesheet" href="themekit/css/content-box.min.css" />
     <link
       rel="stylesheet"
       href="themekit/media/icons/iconsmind/line-icons.min.css"
     />
-    <link rel="stylesheet" href="assets/skin.css" />
-    <link rel="stylesheet" href="assets/custom.css" />
+    <link rel="stylesheet" href="assets/skin.min.css" />
+    <link rel="stylesheet" href="assets/custom.min.css" />
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
   </head>
   <body>
@@ -147,7 +147,7 @@ <h3 class="text-sm">Graduation</h3>
       <footer class="footer light">
           <div ws-replace="Footer"></div>
           <div class="bottom" ws-replace="Cookie"></div>
-          <link rel="stylesheet" href="themekit/media/icons/iconsmind/line-icons.min.css">
+          <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
           <script src="themekit/scripts/contact-form/contact-form.js"></script>
           <script src="themekit/scripts/tab-accordion.js"></script>
           <script src="themekit/scripts/maps.min.js"></script>

diff --git a/src/Hosted/research.html b/src/Hosted/research.html
@@ -8,18 +8,16 @@
     <meta name="description" content="" />
     <script src="themekit/scripts/jquery.min.js"></script>
     <script src="themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="themekit/css/bootstrap-grid.css" />
-    <link rel="stylesheet" href="themekit/css/style.css" />
-    <link rel="stylesheet" href="themekit/css/glide.css" />
-    <link rel="stylesheet" href="themekit/css/content-box.css" />
-    <link rel="stylesheet" href="themekit/css/social.css" />
-    <link rel="stylesheet" href="themekit/css/contact-form.css" />
-    <link rel='stylesheet' href="themekit/css/magnific-popup.css">
-    <link rel="stylesheet" href="themekit/css/media-box.css">
-    <link rel="stylesheet"
-          href="themekit/media/icons/iconsmind/line-icons.min.css" />
-    <link rel="stylesheet" href="assets/skin.css" />
-    <link rel="stylesheet" href="assets/custom.css" />
+    <link rel="stylesheet" href="themekit/css/bootstrap-grid.min.css" />
+    <link rel="stylesheet" href="themekit/css/style.min.css" />
+    <link rel="stylesheet" href="themekit/css/glide.min.css" />
+    <link rel="stylesheet" href="themekit/css/content-box.min.css" />
+    <link rel="stylesheet" href="themekit/css/social.min.css" />
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css" />
+    <link rel='stylesheet' href="themekit/css/magnific-popup.min.css">
+    <link rel="stylesheet" href="themekit/css/media-box.min.css">
+    <link rel="stylesheet" href="assets/skin.min.css" />
+    <link rel="stylesheet" href="assets/custom.min.css" />
     <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
     <script ws-replace="Head"></script>
 </head>
@@ -169,7 +167,7 @@ <h3 class="timeline-title">Mussum ipsum cacilds</h3>
     <footer class="footer light">
         <div ws-replace="Footer"></div>
         <div class="bottom" ws-replace="Cookie"></div>
-        <link rel="stylesheet" href="themekit/media/icons/iconsmind/line-icons.min.css">
+        <link async rel="stylesheet" href="/themekit/media/icons/fontawesome/icons.css">
         <script src="themekit/scripts/contact-form/contact-form.js"></script>
         <script src="themekit/scripts/tab-accordion.js"></script>
         <script src="themekit/scripts/maps.min.js"></script>

diff --git a/src/Hosted/themekit/media/icons/fontawesome/icons.css b/src/Hosted/themekit/media/icons/fontawesome/icons.css
@@ -74,4 +74,22 @@
 
 .fa-spinner:before {
     content: "\f110";
-}
+}
+
+/* Other icons */
+
+.fa-user-graduate:before {
+    content: "\f501";
+}
+
+.fa-calendar-alt:before {
+    content: "\f073";
+}
+
+.fa-user-alt:before {
+    content: "\f406";
+}
+
+.fa-chart-bar:before {
+    content: "\f080";
+}
diff --git a/src/Hosted/trainings.html b/src/Hosted/trainings.html
@@ -8,18 +8,16 @@
     <meta name="description" content="">
     <script src="/themekit/scripts/jquery.min.js"></script>
     <script src="/themekit/scripts/main.js"></script>
-    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.css">
-    <link rel="stylesheet" href="/themekit/css/style.css">
-    <link rel="stylesheet" href="/themekit/css/content-box.css">
-    <link rel="stylesheet" href="/themekit/css/media-box.css">
-    <link rel="stylesheet" href="/themekit/css/contact-form.css">
-    <link rel="stylesheet" href="/themekit/css/social.css">
-    <link rel="stylesheet" href="themekit/css/magnific-popup.css" />
-    <link rel="stylesheet" href="themekit/css/contact-form.css" />
-    <link rel="stylesheet"
-          href="themekit/media/icons/iconsmind/line-icons.min.css" />
-    <link rel="stylesheet" href="/assets/skin.css">
-    <link rel="stylesheet" href="/assets/custom.css">
+    <link rel="stylesheet" href="/themekit/css/bootstrap-grid.min.css">
+    <link rel="stylesheet" href="/themekit/css/style.min.css">
+    <link rel="stylesheet" href="/themekit/css/content-box.min.css">
+    <link rel="stylesheet" href="/themekit/css/media-box.min.css">
+    <link rel="stylesheet" href="/themekit/css/contact-form.min.css">
+    <link rel="stylesheet" href="/themekit/css/social.min.css">
+    <link rel="stylesheet" href="themekit/css/magnific-popup.min.css" />
+    <link rel="stylesheet" href="themekit/css/contact-form.min.css" />
+    <link rel="stylesheet" href="/assets/skin.min.css">
+    <link rel="stylesheet" href="/assets/custom.min.css">
     <link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon">
     <script ws-replace="Head"></script>
 </head>

diff --git a/src/Hosted/wsconfig.json b/src/Hosted/wsconfig.json
@@ -1,5 +1,6 @@
 {
   "$schema": "https://websharper.com/wsconfig.schema.json",
   "project": "site",
-  "outputDir": "."
+  "outputDir": ".",
+  "sourceMap": true
 }