add feed loading animation

src/application/view/common/module/feed.phtml

@@ -1 +1,3 @@
-<div class="moduleFeed" id="moduleFeed" data-username="<?php echo $userName ?>"></div>
+<div class="moduleFeed" id="moduleFeed" data-username="<?php echo $userName ?>">
+  <div class="loading"></div>
+</div>

src/public/css/template/default/app.css

@@ -123,3 +123,31 @@ textarea {
   font-weight: normal;
   height: 44px;
 }
+
+.loading {
+  display: block;
+  width: 36px;
+  height: 36px;
+  margin: 48px auto;
+}
+
+.loading:after {
+  content: " ";
+  display: block;
+  width: 28px;
+  height: 28px;
+  margin: 8px;
+  border-radius: 50%;
+  border: 1px solid #96a0b4;
+  border-color: #96a0b4 transparent #96a0b4 transparent;
+  animation: loading 1.5s linear infinite;
+}
+
+@keyframes loading {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

src/public/css/template/default/module/feed.css

@@ -81,4 +81,4 @@
 
 .moduleFeed .loadMore:hover {
   background-color: #272E39
-}
+}