diff --git a/distribusi/distribusi/page_template.py b/distribusi/distribusi/page_template.py
index 530b761..c52c02b 100644
--- a/distribusi/distribusi/page_template.py
+++ b/distribusi/distribusi/page_template.py
@@ -44,6 +44,9 @@ html_head = """
          <img src='/src/img/sound_on.svg'>
        </a>
     </span>
+
+    <a href="https://nothingmakesitself.art"><img src="https://freight.cargo.site/t/original/i/abcd0824382cdb1e6c2efca6e3d5ae4dd8fc33f6ed88bddbfa25923073865abf/12313123100.png" class="arko"></a>
+
   </div>
 
   <div id="margin">
diff --git a/test_data/about.html b/test_data/about.html
index c986935..e0d8821 100644
--- a/test_data/about.html
+++ b/test_data/about.html
@@ -39,6 +39,9 @@
         <img src='src/img/sound_on.svg'>
       </a>
     </span>
+
+    <a href="https://nothingmakesitself.art"><img src="https://freight.cargo.site/t/original/i/abcd0824382cdb1e6c2efca6e3d5ae4dd8fc33f6ed88bddbfa25923073865abf/12313123100.png" class="arko"></a>
+
   </div>
 
   <div id="margin">
diff --git a/test_data/index.html b/test_data/index.html
index 71fe466..13dd675 100644
--- a/test_data/index.html
+++ b/test_data/index.html
@@ -48,6 +48,9 @@
          <audio id="sound" src="/src/sound/test_sound.mp3" style="display: none;"></audio>
         </a>
         </span>
+
+        <a href="https://nothingmakesitself.art"><img src="https://freight.cargo.site/t/original/i/abcd0824382cdb1e6c2efca6e3d5ae4dd8fc33f6ed88bddbfa25923073865abf/12313123100.png" class="arko"></a>
+
   </div>
 
   <svg id="_frags" xmlns="http://www.w3.org/2000/svg" style="display:none">
@@ -314,5 +317,18 @@
         }
     </script>
 </div>
+
+<div id="hideMe" class="">
+</div>
+
+<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
+<script>
+    	$(function() {
+setTimeout(function() { $("#hideMe").fadeOut(2000); }, 2500)
+
+})
+
+
+</script>
 </body>
 </html>
diff --git a/test_data/participants.html b/test_data/participants.html
index 31c051a..f354efc 100644
--- a/test_data/participants.html
+++ b/test_data/participants.html
@@ -49,6 +49,9 @@
               <img src='src/img/sound_on.svg'>
             </a>
           </span>
+
+          <a href="https://nothingmakesitself.art"><img src="https://freight.cargo.site/t/original/i/abcd0824382cdb1e6c2efca6e3d5ae4dd8fc33f6ed88bddbfa25923073865abf/12313123100.png" class="arko"></a>
+
       </div>
 
     <div id="fragments_wrapper">
diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index b8ff9bf..91ca488 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -466,4 +466,37 @@
         /* 투명도가 1, 즉, 보임*/
         opacity: 1;
         }
+    }
+
+
+    body {
+      margin:0;
+    }
+    
+    #hideMe{
+       background: url(https://freight.cargo.site/t/original/i/5d73492aa3e9257fd9fab2d4677af532db8a388f792c55f99cf9168cb2024bb2/arkowebtest3.png) no-repeat center center fixed; 
+      -webkit-background-size: cover;
+      -moz-background-size: cover;
+      -o-background-size: cover;
+      background-size: cover;
+      margin:0; 
+      text-align:center;
+      position:fixed;
+      width:100%;
+      height:100%;
+    }
+        
+    .arko {
+      position: fixed;
+      right: 20px;
+      bottom: 20px;
+      width:150px;
+
+    }
+    
+    .arko:hover {
+      -moz-box-shadow: 0 0 10px #a6a6a6;
+      -webkit-box-shadow: 0 0 10px #a6a6a6;
+      box-shadow: 0 0 10px #a6a6a6;
+      border-radius:10px;
     }
\ No newline at end of file