Switch progressbar.js to fa

1 files changed, 1 insertions, 55 deletions

diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index 9411ee5..d217238 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -1,59 +1,5 @@
 <div id="post-loading">
-    <div class="loadingio-spinner-rolling-cfxk9ra3y9n">
-        <div class="loading-rolling">
-            <div></div>
-        </div>
-    </div>
-    <style type="text/css">
-        @keyframes loading-rolling {
-            0% {
-                transform: translate(-50%, -50%) rotate(0deg);
-            }
-
-            100% {
-                transform: translate(-50%, -50%) rotate(360deg);
-            }
-        }
-
-        .loading-rolling div {
-            position: absolute;
-            width: 60px;
-            height: 60px;
-            border: 10px solid #8aa2d3;
-            border-top-color: transparent;
-            border-radius: 50%;
-        }
-
-        .loading-rolling div {
-            animation: loading-rolling 1s linear infinite;
-            top: 50px;
-            left: 50px
-        }
-
-        .loadingio-spinner-rolling-cfxk9ra3y9n {
-            width: 100px;
-            height: 100px;
-            display: inline-block;
-            overflow: hidden;
-            background: none;
-        }
-
-        .loading-rolling {
-            width: 100%;
-            height: 100%;
-            position: relative;
-            transform: translateZ(0) scale(1);
-            backface-visibility: hidden;
-            transform-origin: 0 0;
-            /* see note above */
-        }
-
-        .loading-rolling div {
-            box-sizing: content-box;
-        }
-
-        /* generated by https://loading.io/ */
-    </style>
+    <i class="fas fa-circle-notch fa-spin"></i>
     <p>{{ i18n "postCommentLoading" }}</p>
 </div>
 <div id="post-comment">