diff --git a/assets/css/styles.css b/assets/css/styles.css
index 8ead34c..07eba6b 100644
--- a/assets/css/styles.css
+++ b/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%;
diff --git a/assets/pic/0.gif b/assets/pic/0.gif
new file mode 100644
index 0000000..3512b00
Binary files /dev/null and b/assets/pic/0.gif differ
diff --git a/assets/pic/1.gif b/assets/pic/1.gif
new file mode 100644
index 0000000..b292edd
Binary files /dev/null and b/assets/pic/1.gif differ
diff --git a/assets/pic/2.gif b/assets/pic/2.gif
new file mode 100644
index 0000000..6d3a68a
Binary files /dev/null and b/assets/pic/2.gif differ
diff --git a/assets/pic/3.gif b/assets/pic/3.gif
new file mode 100644
index 0000000..1b91cb3
Binary files /dev/null and b/assets/pic/3.gif differ
diff --git a/assets/pic/4.gif b/assets/pic/4.gif
new file mode 100644
index 0000000..7dec2c2
Binary files /dev/null and b/assets/pic/4.gif differ
diff --git a/assets/pic/5.gif b/assets/pic/5.gif
new file mode 100644
index 0000000..e89449d
Binary files /dev/null and b/assets/pic/5.gif differ
diff --git a/assets/pic/6.gif b/assets/pic/6.gif
new file mode 100644
index 0000000..3869b82
Binary files /dev/null and b/assets/pic/6.gif differ
diff --git a/assets/pic/7.gif b/assets/pic/7.gif
new file mode 100644
index 0000000..5b29513
Binary files /dev/null and b/assets/pic/7.gif differ
diff --git a/assets/pic/8.gif b/assets/pic/8.gif
new file mode 100644
index 0000000..e75867a
Binary files /dev/null and b/assets/pic/8.gif differ
diff --git a/assets/pic/9.gif b/assets/pic/9.gif
new file mode 100644
index 0000000..1c59260
Binary files /dev/null and b/assets/pic/9.gif differ
diff --git a/mvc/views/blocks/footer.gohtml b/mvc/views/blocks/footer.gohtml
index 523686e..39f8fef 100644
--- a/mvc/views/blocks/footer.gohtml
+++ b/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 }}