adding readme and made some tries about importing js and finally decided to use a server
This commit is contained in:
3
README.md
Normal file
3
README.md
Normal file
@@ -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`
|
||||
186
index.html
186
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>
|
||||
-->
|
||||
|
||||
|
||||
<!--
|
||||
• -
|
||||
|
||||
158
mouse_4.html
Normal file
158
mouse_4.html
Normal file
@@ -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>
|
||||
|
||||
162
mouse_4.js
Normal file
162
mouse_4.js
Normal file
@@ -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 };
|
||||
Reference in New Issue
Block a user