From 40f22378705fa726358d909ed65fc6b1fd45f2ca Mon Sep 17 00:00:00 2001
From: KazuyaMiayshita <miy1924@gmail.com>
Date: Sat, 1 Feb 2020 14:44:03 +0900
Subject: [PATCH] =?UTF-8?q?=E3=82=A2=E3=82=AF=E3=82=BB=E3=82=B9=E3=82=AB?=
 =?UTF-8?q?=E3=82=A6=E3=83=B3=E3=82=BF=E3=81=AE=E8=A6=8B=E3=81=9F=E7=9B=AE?=
 =?UTF-8?q?=E3=81=A0=E3=81=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 counter.js |  17 +++++++++++++++++
 img/e0.gif | Bin 0 -> 276 bytes
 img/e1.gif | Bin 0 -> 251 bytes
 img/e2.gif | Bin 0 -> 268 bytes
 img/e3.gif | Bin 0 -> 271 bytes
 img/e4.gif | Bin 0 -> 264 bytes
 img/e5.gif | Bin 0 -> 268 bytes
 img/e6.gif | Bin 0 -> 272 bytes
 img/e7.gif | Bin 0 -> 267 bytes
 img/e8.gif | Bin 0 -> 274 bytes
 img/e9.gif | Bin 0 -> 273 bytes
 index.html |  13 +++++++++++++
 12 files changed, 30 insertions(+)
 create mode 100644 counter.js
 create mode 100644 img/e0.gif
 create mode 100644 img/e1.gif
 create mode 100644 img/e2.gif
 create mode 100644 img/e3.gif
 create mode 100644 img/e4.gif
 create mode 100644 img/e5.gif
 create mode 100644 img/e6.gif
 create mode 100644 img/e7.gif
 create mode 100644 img/e8.gif
 create mode 100644 img/e9.gif

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 src=\"img/e" + n + ".gif\">";
+    });
+    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 0000000000000000000000000000000000000000..042ccaa6bd9d748ce210a3c062b560725d68d50e
GIT binary patch
literal 276
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7~JF%HZJO_wU~?S+c~*$!Wrb31`ln$<56*Ha6b2
zZQK9<|65yI@7}!|A0J;-RJ3NznxjXL&YU^3x3~BE_wU!PUGwnph>D7O{`@&mB?Br@
z{K>+|&LG900}=+=$-p{sfl^<JB~!+#b;~jWgs;V!*jn%;U)|F2*PfI4VgyHnk!#Y<
zH6bj#ZOt<UIM+3GzB{Fmz`CgUhd`pok)0nMLo&n#4ws#a70`XhJ?HVc6%WLfgqnoJ
zcqCh5n}w7Zdl{WX8LRpjl?10xXR)-LF<nV`!2&_iTE>M7lz3OI7GV`xy;@0N^OmjK
Rl=ye<+Pz12pRyu@H2~*EZQB3<

literal 0
HcmV?d00001

diff --git a/img/e1.gif b/img/e1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..90eb7fd37c4cdc6866ea72df30780b2c6ed1ed60
GIT binary patch
literal 251
zcmZ?wbhEHb6l4%$IKsf7tgO6k+qSy8y5Qj8YuB#LoH^6U$?5<9|GBxj6DCYBHa1?n
zcI}B1C!Rllo|cx@+S*!FRJ3HtlD&KPzJ2@l-o1NMrcCkh@Q8|v`u_bpP!|IRQ2fcl
z$j%_ipaYTt*~!3Ku|TOW#gZvw)w*XIB5v7dKRd{<yPSXY^f&jNgC9S43V1wGcCu8N
ztkhVdbwFlCP+-z&Um2;pYc-to-1ntz(m0T3%s06#`pAmg`MkShRbKwi7pbdL;%;p-
oXK8CwV(sl?WM}N_Q{taCea1{BfjM*M&9`-3v`BZUvLb^u0B%`kbN~PV

literal 0
HcmV?d00001

diff --git a/img/e2.gif b/img/e2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f97b3b75d2c4edca20785e9215ccec8d4b143e0f
GIT binary patch
literal 268
zcmZ?wbhEHb6l4%$IKsf7qocEB%a*dTvcSN=YuB#LoH_IV|Nm)eX?AvY?d|O^U%otk
z{P^0nYy0~8jE#-=?Ai1E`}Y+qR%B*oR##U~nKI?fnKSq9-Fx@$9Z(koHlX;Eg^`^>
zf<Xr)39^%cwR3@TUy3DD#;SEnkM<Sl@R|7Px&&T-^iW=~`ND@EKV6!ZJV?qA;So;_
znzBNTr|XDuwr>a5111%BgOEcBg2`v=IGEpTec`xVUxCeOuU^!Tzdl^`%}R`IjG_Vj
z?LA6@{X7+-CH+$cm3U`zJ3H~uoUbIjNJMO@7>mfFRZ2o@*R9`RY`uB2+BQ{125SHc
ChiL@>

literal 0
HcmV?d00001

diff --git a/img/e3.gif b/img/e3.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9eeb1981650108a0fe09f31581133dcd0b86e3e3
GIT binary patch
literal 271
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7}t)x~QnA7cX8cS+c~#!(-B<NoUTS$;!$yHa6b2
zZQK9<|65yIi;9Yl9XmF2=FIr`_|>adfBpLP-o1N$eSO!iU3>H94NwgOHlX;Eg^`^>
zf<Xr)39^%cwP%4+Uy3DD#;SG8GD0R?lrov?!(*(vbq$ZhgVv7=1e%!xlXmim2(h!Z
z&J^HWcO$z&@I)8igAYpPjV=6(nyUVuD7?;kG0AU!v_#9U7YFO_=+;@*@+&d6F}jH`
zmJ7EtDhW*#;;<645St{VBrs==v!(dlIZC`sm$C8-EnB9<w{HE0jY@)Bwr<<5yHi<_
G!5RRf8fn@9

literal 0
HcmV?d00001

diff --git a/img/e4.gif b/img/e4.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4c5cb08bccce5f3264a68f22da05fc2c5affa08a
GIT binary patch
literal 264
zcmZ?wbhEHb6l4%$IKsf7tgL+W=+V~J)~KkcB}<lk|Nh;{$*HKQ=>GltGiT1+wr!iS
zvGKHN({gij)6&weUAy-F{rmOn*Von6?cKZg|Ns9lUcB(|@BlIxZ~(=hER5_7;tV<<
zd61n9tgR1}`cf>JGFGj7mZ9RDeRhj$fM;%}^Lz6tO^2@woA!CIsvdBVbDfkC60pEV
zgJ-47kr!pm*SM~o77#r5Jj<oWu3Mylb;qIxkw*oA3GxmB{~Br-m4sV`8ASyI>P6dx
vl>{eFnkXVVSx|{{*6dlV9CJ98m=-Ttx=e|E<*L<dY+Tl_*WIM7$Y2cs44h<`

literal 0
HcmV?d00001

diff --git a/img/e5.gif b/img/e5.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e9562f78c44aa7dd82bbb719822d896d63f4596f
GIT binary patch
literal 268
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7}t)x~QnAXV0E3UcA`D!=taS@95E^xw*N<#>UsK
zUHkw4|F&)0X3m^hR8$lnAK%*Ax_0f_A3uKFyLWHOlqv7ty#p#>zyTD0vM{nUh%@Mb
z<Uw{auy!s`>PxX?%2>5-nUT%gj5D7P-QjVPe)QmX&&ec>pS&)eDU%!nt%Q{tLkbei
znA%r{l)R8r*^zLtT0rz%E5l(S1%r#Mfys4CS)@8l_bNL5_+Mux)}X}L#>nBsD8j?i
z&Zs0bNhm9kak7vS-|X2OVvdY+W-AFUUABCM694KoYu70WY}~YYi{UmdMFwjCQ<7$t

literal 0
HcmV?d00001

diff --git a/img/e6.gif b/img/e6.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5b5c44a3a1303cd89ca83528ca7d192daaaf6c5f
GIT binary patch
literal 272
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7}t)x~QnACr_TtoH^6O!y`90_sp3yeSLlF*RMA=
zHva$r|J}QH<KyFtii%oWTaO((_T$HoB}<lU-MaPKwQKL+zn?N?3Q!FLHlX;Eg^`^>
zf<Xr)39^%cwfBKiUy3DD#;SGCG$h_8o!N50#YC5{#^0bb&c8%MOrNK_P*ccaE=SuV
zPf^u%;hjegDTr*~yqIFcX&@zfa;A-7;Jqna%#Mc94@3e}<bQ^K<1w#MVr*sP<q>5J
z6l-Ht;+n`M!XqRa!!e0ViFNMWz(&z|bCm>^Ef*ISU%p(4fBlAyo0RyrZri@Ya2K~C
GgEauB1!Wxo

literal 0
HcmV?d00001

diff --git a/img/e7.gif b/img/e7.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7c5458da1f76ca06570d05802cbe1b29cb02152a
GIT binary patch
literal 267
zcmZ?wbhEHb6l4%$IKsf7tgO6k+qSy8x~QnAYuB#LoH^6U$?5<9|GBxj#>U1ICQLYb
z^ys^H@7AnYvv~31y?ghzwzj6Fr4<zw-MxGF%$YMUUcB(|@c8lL2T%(GHlX;Eg^`^>
zf<Xr)39^%cwIe~PFU686W7WDeBM~?4C=*-R>xBYaRrwA$vbZa}Xkr#j>eP_Y;5fMO
zkV^+k#KA`w1X%dG*ElTE(AJpV^yr#_woBiRI~Na}m0i?OCvOn;gHegQxrLjDUAUE7
ziNCjx--^4RUx|0x^a<kArz^3}n_nt2f4-8yvgIpQDhaJwyKcR`$EHn2TR9aOtN}`t
BW?%pS

literal 0
HcmV?d00001

diff --git a/img/e8.gif b/img/e8.gif
new file mode 100644
index 0000000000000000000000000000000000000000..529a5b3978631c4081513512c983c5289e36e2f6
GIT binary patch
literal 274
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7~JF%BZNQ_wV1&oH^6U$?43QGr76B#>U30SFi5t
z>-+!z|Fvt^ii(O_TU$?@I1wKozj*QDZQHipy?giDw{KIXO!4sWc=F^4P#FUTQ2fcl
z$j%_ipaYTt*~!4#pP<y2V#$=TYTdFIGRKo<gvZ+ZoMZW>%IEN)QPJT@6SH8_&Lsl!
zyiCH1LJ?~j*%aM(aJh6B>{yU3a)f(g%HF&TZBf=}rCB%BZ+azo?DTgLXcX|1XpCwS
zP-5(6%wu5`i0WZf;+i&1lxHRn`*bcP)`bhXqIuF5u`2PeUbA+c9^b}In>Q;7Zr`zU
Lm+l^AMFwjC!6IiF

literal 0
HcmV?d00001

diff --git a/img/e9.gif b/img/e9.gif
new file mode 100644
index 0000000000000000000000000000000000000000..40654a562fa5b3d2d0a9348ebfa54be6a267158c
GIT binary patch
literal 273
zcmZ?wbhEHb6l4%$IKsf7tgO6u@7}t)x~QnA`}glJUAol6!(+mP3Awqs#>U3~|NlR6
z;>5OX+s>Rh)7skl@#Dv$qN25H*T%=k&zw24x3~A&wQDb4y!ih8J5VJ9HlX;Eg^`^>
zf<Xr)39^%cwJ$-bFU686W7WE47Cw_NN}2d-?r^$VWb}ubrSD=uNCUHAQfG$-)9H@p
zP65t!O$R>T+L6GzsQJf+024meqscV_qW4(Y&J_g;JYW?}-mm_or-ny~yQNiBl;5qD
zTZyr+zt3U<qmtmX>4H&WGX#|k<{L!uE)Z7YTfSmBtH??|C4mhaH*HoD+O~biPTk$g
HiVW5OUFvDX

literal 0
HcmV?d00001

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 @@
   <body>
     <h1>Serviver Agent</h1>
     <div class="description">サバイバーエージェントはベンチャースピリットを持ったEitherT集団です</div>
+    <div id="access-counter">
+      <img src="img/e0.gif"><img src="img/e1.gif"><img src="img/e2.gif"><img src="img/e3.gif"><img src="img/e4.gif"><img src="img/e5.gif"><img src="img/e6.gif"><img src="img/e7.gif"><img src="img/e8.gif"><img src="img/e9.gif">
+    </div>
     <div id="particles-js"></div>
     <div id="dvd-field"></div>
     <svg xmlns="http://www.w3.org/2000/svg" id="dvd">
@@ -92,6 +104,7 @@ <h1>Serviver Agent</h1>
     <script src="particles.js" defer></script>
     <script src="set.js" defer></script>
     <script src="clock.js" defer></script>
+    <script src="counter.js" defer></script>
     </script>
   </body>
 </html>