adding readme and made some tries about importing js and finally decided to use a server

This commit is contained in:
asus
2023-10-26 17:26:26 +02:00
parent 19fa992620
commit ac764c469a
5 changed files with 354 additions and 156 deletions

3
README.md Normal file
View 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`

View File

@@ -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>
-->
<!--
-

1
main.js Normal file
View File

@@ -0,0 +1 @@
import { content } from './mouse_4.js';

158
mouse_4.html Normal file
View 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
View 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 };