diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e362137
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+start it with a server, like : `alive-server`
+- https://www.npmjs.com/package/alive-server
+- install : `npm install -g alive-server`
diff --git a/index.html b/index.html
index 04157aa..d48210e 100644
--- a/index.html
+++ b/index.html
@@ -239,163 +239,37 @@
          •
 </pre>
 
-<div class="mouse_frame">
-	<pre class="mouse f1">
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-  •   •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f2">
-                 •      
-                  •     
-           ••     •     
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••     • 
-   •  •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f3">
-                  •     
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-      •       •         
-   •• •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f4">
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-    • •       •         
-   •  •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f5">
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-   •  •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f6">
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
- •    •       •         
-  •   •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f7">
-                   •    
-                  •     
-           ••      •    
-           • •     •    
-            •••••••••   
-              • •  ••   
-              •   • •   
-        ••••• •  •   •  
-       •     • ••    •  
-•     •       •         
- •    •       ••        
-  •    •      • •       
-   •   ••    •          
-    •••  ••••           
-	</pre>
-	<pre class="mouse f8">
-                ••        
-                • •      •
-                 ••     •
-                 •  •   • 
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
-       •       •       •  
-••    •       •••    •   
-  •    •      •       •   
-   •   ••    •        •   
-    •••  ••••             
-	</pre>
-	<pre class="mouse f9">
-                ••        
-                • •      •
-                 ••     •
-                 •  •    •
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
- •     •       •       •  
- •     •       •••    •   
-  •    •      •       •   
-   •   ••    •         •  
-    •••  ••••             
-	</pre>
-	<pre class="mouse f10">
-                      
-                ••        
-                • •      •
-                 ••      •
-                 •  •   • 
-                • •  •  • 
-         ••••• •      ••  
-        •     • ••••••••• 
-  •    •       •       •  
-  •    •       •••    •   
-  •    •      •       •   
-   •   ••    •         •  
-    •••  ••••             
-	</pre>
+<!--
+<script>this.innerHTML = "test"</script>
+<div id="test">
 </div>
+<script>
+	function() {
+		//document.write("<p>This is a dynamically created paragraph.</p>");
+		document.getElementById("test").innerHTML = "test";
+	}
+</script>
+-->
+
+
+<!--
+<script type="module" src="main.js"></script>
+<script type="text/javascript" src="main.js"></script>
+<script type="text/javascript" src="mouse_4.js"></script>
+-->
+<script type="module" src="mouse_4.js"></script>
+
+<!--
+<div class="targetElement"></div>
+<script>
+	fetch('mouse_4.html')
+		.then(response => {console.log(response); response.text()})
+		.then(data => {
+			document.getElementById('targetElement').innerHTML = data;
+		});
+</script>
+-->
+
 
 <!--
                 •                      -                          
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..b381686
--- /dev/null
+++ b/main.js
@@ -0,0 +1 @@
+import { content } from './mouse_4.js';
diff --git a/mouse_4.html b/mouse_4.html
new file mode 100644
index 0000000..b08ffe0
--- /dev/null
+++ b/mouse_4.html
@@ -0,0 +1,158 @@
+<div class="mouse_frame">
+	<pre class="mouse f1">
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+  •   •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f2">
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+   •  •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f3">
+                  •     
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+      •       •         
+   •• •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f4">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+    • •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f5">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+   •  •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f6">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+ •    •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f7">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+•     •       •         
+ •    •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f8">
+                ••        
+                • •      •
+                 ••     •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+       •       •       •  
+••    •       •••    •   
+  •    •      •       •   
+   •   ••    •        •   
+    •••  ••••             
+	</pre>
+	<pre class="mouse f9">
+                ••        
+                • •      •
+                 ••     •
+                 •  •    •
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+ •     •       •       •  
+ •     •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+	</pre>
+	<pre class="mouse f10">
+                      
+                ••        
+                • •      •
+                 ••      •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+  •    •       •       •  
+  •    •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+	</pre>
+</div>
+
diff --git a/mouse_4.js b/mouse_4.js
new file mode 100644
index 0000000..93bf291
--- /dev/null
+++ b/mouse_4.js
@@ -0,0 +1,162 @@
+var content = `
+<div class="mouse_frame">
+	<pre class="mouse f1">
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+  •   •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f2">
+                 •      
+                  •     
+           ••     •     
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••     • 
+   •  •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f3">
+                  •     
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+      •       •         
+   •• •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f4">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+    • •       •         
+   •  •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f5">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+   •  •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f6">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+ •    •       •         
+  •   •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f7">
+                   •    
+                  •     
+           ••      •    
+           • •     •    
+            •••••••••   
+              • •  ••   
+              •   • •   
+        ••••• •  •   •  
+       •     • ••    •  
+•     •       •         
+ •    •       ••        
+  •    •      • •       
+   •   ••    •          
+    •••  ••••           
+	</pre>
+	<pre class="mouse f8">
+                ••        
+                • •      •
+                 ••     •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+       •       •       •  
+••    •       •••    •   
+  •    •      •       •   
+   •   ••    •        •   
+    •••  ••••             
+	</pre>
+	<pre class="mouse f9">
+                ••        
+                • •      •
+                 ••     •
+                 •  •    •
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+ •     •       •       •  
+ •     •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+	</pre>
+	<pre class="mouse f10">
+                      
+                ••        
+                • •      •
+                 ••      •
+                 •  •   • 
+                • •  •  • 
+         ••••• •      ••  
+        •     • ••••••••• 
+  •    •       •       •  
+  •    •       •••    •   
+  •    •      •       •   
+   •   ••    •         •  
+    •••  ••••             
+	</pre>
+</div>
+`
+console.log(content);
+
+export { content };