add req-count block

assets/css/styles.css

@@ -6,7 +6,6 @@ body {
     margin: 0;
     align-items: flex-start;
     padding: 10px;
-
     background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCc+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMCcgeT0nMCcgd2lkdGg9JzIwcHgnIGhlaWdodD0nMjBweCcvPjxyZWN0IGZpbGw9JyM4NmE4ZTcnIHg9JzAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzkxZWFlNCcgeD0nMjAnIHk9JzIwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jy8+PHJlY3QgZmlsbD0nIzg2YThlNycgeD0nMjAnIHk9JzAnIHdpZHRoPScyMHB4JyBoZWlnaHQ9JzIwcHgnLz48L3N2Zz4=");
     background-repeat: repeat;
 }
@@ -43,6 +42,15 @@ h1 {
     border-bottom: 1px solid;
 }
 
+.count {
+    display: flex;
+    justify-content: center;
+}
+
+.count img {
+    height: 75px;
+}
+
 @media (max-width: 1200px) {
 	header, footer, main {
 		flex: 1 100%;

mvc/views/blocks/footer.gohtml

@@ -14,10 +14,16 @@
         </p>
         <ul>
             <li>unix timestamp of page rendering: <code>{{ .renderingTimestamp }}</code></li>
-            <li><code>curl -X COUNT https://hikan.ru</code> - 24-hour server request count</li>
             <li><code>curl -X LIMINAL https://hikan.ru</code> - what do you know about liminal spaces?</li>
             <li>this site code repository - <a href="https://git.hikan.ru/serr/hikan.ru" target="_blank">git.hikan.ru/serr/hikan.ru</a></li>
+            <li>24-hour server request count (<code>curl -X COUNT https://hikan.ru</code>):</li>
         </ul>
+        <p class="count">
+            <img src="/assets/pic/0.gif?v={{ .version }}">
+            <img src="/assets/pic/0.gif?v={{ .version }}">
+            <img src="/assets/pic/0.gif?v={{ .version }}">
+            <img src="/assets/pic/0.gif?v={{ .version }}">
+        </p>
     </div>
     <div>
         <p>
@@ -28,4 +34,16 @@
         </p>
     </div>
 </footer>
+<script>
+fetch('/', {method: 'COUNT'})
+  .then(r => r.text())
+  .then(num => num.trim())
+  .then(number => {
+    if (number.length > 0) {
+      document.querySelector('p.count').innerHTML = 
+        [...number].map(d => `<img src="/assets/pic/${d}.gif?v={{ .version }}">`).join('');
+    }
+  })
+  .catch(console.error);
+</script>
 {{ end }}