diff --git a/counter.js b/counter.js
new file mode 100644
index 0000000..e3a12b2
--- /dev/null
+++ b/counter.js
@@ -0,0 +1,17 @@
+window.onload = function() {
+ const dvd = document.getElementById("access-counter");
+
+ function showCounter(num, length) {
+ const numstr = (num + '').padStart(length, '0');
+ var html = "";
+ numstr.split("").forEach(n => {
+ html += "![](\"img/e")
";
+ });
+ dvd.innerHTML = html;
+ }
+
+ const count = 4200; // TODO API TATAKU
+
+ showCounter(count, 8);
+
+}
diff --git a/img/e0.gif b/img/e0.gif
new file mode 100644
index 0000000..042ccaa
Binary files /dev/null and b/img/e0.gif differ
diff --git a/img/e1.gif b/img/e1.gif
new file mode 100644
index 0000000..90eb7fd
Binary files /dev/null and b/img/e1.gif differ
diff --git a/img/e2.gif b/img/e2.gif
new file mode 100644
index 0000000..f97b3b7
Binary files /dev/null and b/img/e2.gif differ
diff --git a/img/e3.gif b/img/e3.gif
new file mode 100644
index 0000000..9eeb198
Binary files /dev/null and b/img/e3.gif differ
diff --git a/img/e4.gif b/img/e4.gif
new file mode 100644
index 0000000..4c5cb08
Binary files /dev/null and b/img/e4.gif differ
diff --git a/img/e5.gif b/img/e5.gif
new file mode 100644
index 0000000..e9562f7
Binary files /dev/null and b/img/e5.gif differ
diff --git a/img/e6.gif b/img/e6.gif
new file mode 100644
index 0000000..5b5c44a
Binary files /dev/null and b/img/e6.gif differ
diff --git a/img/e7.gif b/img/e7.gif
new file mode 100644
index 0000000..7c5458d
Binary files /dev/null and b/img/e7.gif differ
diff --git a/img/e8.gif b/img/e8.gif
new file mode 100644
index 0000000..529a5b3
Binary files /dev/null and b/img/e8.gif differ
diff --git a/img/e9.gif b/img/e9.gif
new file mode 100644
index 0000000..40654a5
Binary files /dev/null and b/img/e9.gif differ
diff --git a/index.html b/index.html
index bfafbb7..d0dce49 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,15 @@
color: #d8eaf5;
}
+div#access-counter {
+ margin-top: 1em;
+ text-align: center;
+}
+div#access-counter > img {
+ margin: 0;
+ padding: 0;
+}
+
#particles-js {
width: 100%;
height: 100%;
@@ -80,6 +89,9 @@
Serviver Agent
サバイバーエージェントはベンチャースピリットを持ったEitherT集団です
+
+