basic simili svelte workflow created
This commit is contained in:
asus
19
ascii_elements/mouse_1.html
Normal file
19
ascii_elements/mouse_1.html
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<pre>
|
||||||
|
•
|
||||||
|
•• ••••• •••••
|
||||||
|
••• • • • • ••
|
||||||
|
•••• • •••• • • • •
|
||||||
|
•• •• • • • • • • • •
|
||||||
|
•• •• • • • ••• •••••
|
||||||
|
•• •• • •• •
|
||||||
|
•• •• • •• •
|
||||||
|
•• ••••••••• • • •
|
||||||
|
•• •• • •••• ••••• •
|
||||||
|
•• •• • • • • • • •
|
||||||
|
•• •• • • • • •• • •
|
||||||
|
•••• • •• •• •• •
|
||||||
|
••• • ••••••• • • •••
|
||||||
|
•• • • •••••
|
||||||
|
•••••••• • • •
|
||||||
|
</pre>
|
||||||
|
|
||||||
19
ascii_elements/mouse_2.html
Normal file
19
ascii_elements/mouse_2.html
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
<pre>
|
||||||
|
•••• •
|
||||||
|
• • •
|
||||||
|
• • •
|
||||||
|
• •••
|
||||||
|
•••••
|
||||||
|
• •
|
||||||
|
• •
|
||||||
|
• •
|
||||||
|
••• •••
|
||||||
|
• • • •
|
||||||
|
• • • •
|
||||||
|
•••• ••••
|
||||||
|
• • • • •
|
||||||
|
••• • • •
|
||||||
|
••••••••
|
||||||
|
•
|
||||||
|
</pre>
|
||||||
|
|
||||||
17
ascii_elements/mouse_3.html
Normal file
17
ascii_elements/mouse_3.html
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<pre>
|
||||||
|
•
|
||||||
|
•
|
||||||
|
•• •
|
||||||
|
• • •••••••
|
||||||
|
• •• • •
|
||||||
|
• ••••• • • • •
|
||||||
|
• • • • • •
|
||||||
|
• • •• •
|
||||||
|
• • • •
|
||||||
|
••• •• ••
|
||||||
|
• •• • •
|
||||||
|
• ••••
|
||||||
|
•• •
|
||||||
|
•
|
||||||
|
</pre>
|
||||||
|
|
||||||
246
ascii_elements/mouse_4.html
Normal file
246
ascii_elements/mouse_4.html
Normal file
@@ -0,0 +1,246 @@
|
|||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
• -
|
||||||
|
•• • -- - ••
|
||||||
|
• • • - - - • • •
|
||||||
|
••••••••• --------- •• •
|
||||||
|
• • •• - - -- • • •
|
||||||
|
• • • - - - • • • •
|
||||||
|
••••• • • • ----- - - - ••••• • ••
|
||||||
|
• • •• • - - -- - • • •••••••••
|
||||||
|
• • - - • • •
|
||||||
|
• • •• - - -- •• • ••• •
|
||||||
|
• • • • - - - - • • • •
|
||||||
|
• •• • - -- - • •• • •
|
||||||
|
••• •••• --- ---- ••• ••••
|
||||||
|
-->
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* *27
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 3.7/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 7.4/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 11.1/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 14.8/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 18.5/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 22.2/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 25.9/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 29.6/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 33.3/100);}
|
||||||
|
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 37/100);}
|
||||||
|
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 40.7/100);}
|
||||||
|
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 44.4/100);}
|
||||||
|
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 48.1/100);}
|
||||||
|
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 51.8/100);}
|
||||||
|
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 55.5/100);}
|
||||||
|
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 59.2/100);}
|
||||||
|
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 62.9/100);}
|
||||||
|
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 66.6/100);}
|
||||||
|
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 70.3/100);}
|
||||||
|
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 74/100);}
|
||||||
|
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 77.7/100);}
|
||||||
|
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 81.4/100);}
|
||||||
|
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 85.1/100);}
|
||||||
|
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 88.8/100);}
|
||||||
|
pre.mouse.f26 {animation-delay: calc(var(--tmouse) * 92.5/100);}
|
||||||
|
pre.mouse.f27 {animation-delay: calc(var(--tmouse) * 96.2/100);}
|
||||||
|
*/
|
||||||
|
/* *25
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 4/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 8/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 12/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 16/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 20/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 24/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 28/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 32/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 36/100);}
|
||||||
|
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 40/100);}
|
||||||
|
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 44/100);}
|
||||||
|
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 48/100);}
|
||||||
|
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 52/100);}
|
||||||
|
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 56/100);}
|
||||||
|
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 60/100);}
|
||||||
|
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 64/100);}
|
||||||
|
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 68/100);}
|
||||||
|
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 72/100);}
|
||||||
|
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 76/100);}
|
||||||
|
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 80/100);}
|
||||||
|
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 84/100);}
|
||||||
|
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 88/100);}
|
||||||
|
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 92/100);}
|
||||||
|
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 96/100);}
|
||||||
|
*/
|
||||||
|
/* *10
|
||||||
|
*/
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 10/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 20/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 30/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 40/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 50/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 60/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 70/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 80/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 90/100);}
|
||||||
|
@keyframes mouse {
|
||||||
|
0% {opacity: 1;}
|
||||||
|
10% {opacity: 1;}
|
||||||
|
10.1% {opacity: 0;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
34
ascii_elements/mouse_frame.html
Normal file
34
ascii_elements/mouse_frame.html
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
|
||||||
|
<div class="mouse_frame">
|
||||||
|
<div class="insert_html" data-path="ascii_elements/mouse_4.html"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.mouse_frame {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0px;
|
||||||
|
/*
|
||||||
|
border: 1px solid red;
|
||||||
|
margin-right: auto;
|
||||||
|
height: 8.5em;
|
||||||
|
width: 11.9em;
|
||||||
|
*/
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
pre.mouse {
|
||||||
|
--tmouse: 2s;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
animation-name: mouse;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-duration: var(--tmouse);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
animation-direction: normal;
|
||||||
|
}
|
||||||
|
pre.mouse:first-child {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
8
ascii_elements/name.html
Normal file
8
ascii_elements/name.html
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<pre>
|
||||||
|
• • • • ••••• ••••• • ••• • • • •
|
||||||
|
• • • • • • • • • • •• •• • •
|
||||||
|
••••• • • • •• • • • ••••• • • • •
|
||||||
|
• • • • • • • • • • • • • •
|
||||||
|
• • ••••• ••••• ••••• ••••• • • • • •
|
||||||
|
</pre>
|
||||||
|
|
||||||
706
index.html
706
index.html
@@ -3,13 +3,21 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!--
|
||||||
|
create "fake" favicon to avoid browser complaining about not getting it
|
||||||
|
https://stackoverflow.com/questions/1321878/how-to-prevent-favicon-ico-requests
|
||||||
|
replace will real favicon if you want one
|
||||||
|
<link rel="icon" href="data:;base64,=">
|
||||||
|
<link rel="icon" href="data:,">
|
||||||
|
-->
|
||||||
|
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
|
||||||
<title>hugulumu.fr</title>
|
<title>hugulumu.fr</title>
|
||||||
<meta name="description" content="site web de hugo lamy, developpeur">
|
<meta name="description" content="site web de hugo lamy, developpeur">
|
||||||
<!--
|
<!--
|
||||||
<meta name="keywords" content="truc, bidule, chouette">
|
<meta name="keywords" content="truc, bidule, chouette">
|
||||||
<link href="./style.css" type="text/css" rel="stylesheet">
|
<link href="./style.css" type="text/css" rel="stylesheet">
|
||||||
<script type="text/javascript" src="script.js" defer></script>
|
|
||||||
-->
|
-->
|
||||||
|
<script type="text/javascript" src="./scripts/insert_html.js" defer></script>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@@ -18,6 +26,9 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
script, style {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
p, pre {
|
p, pre {
|
||||||
line-height: 0.8;
|
line-height: 0.8;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@@ -75,217 +86,15 @@
|
|||||||
from {left:0;}
|
from {left:0;}
|
||||||
to {left:2.4em;}
|
to {left:2.4em;}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.mouse_frame {
|
|
||||||
position: relative;
|
|
||||||
margin-left: 0px;
|
|
||||||
/*
|
|
||||||
border: 1px solid red;
|
|
||||||
margin-right: auto;
|
|
||||||
height: 8.5em;
|
|
||||||
width: 11.9em;
|
|
||||||
*/
|
|
||||||
width: fit-content;
|
|
||||||
}
|
|
||||||
pre.mouse {
|
|
||||||
--tmouse: 2s;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
opacity: 0;
|
|
||||||
animation-name: mouse;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
animation-duration: var(--tmouse);
|
|
||||||
animation-timing-function: linear;
|
|
||||||
animation-direction: normal;
|
|
||||||
}
|
|
||||||
pre.mouse:first-child {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
/* *27
|
|
||||||
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 3.7/100);}
|
|
||||||
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 7.4/100);}
|
|
||||||
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 11.1/100);}
|
|
||||||
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 14.8/100);}
|
|
||||||
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 18.5/100);}
|
|
||||||
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 22.2/100);}
|
|
||||||
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 25.9/100);}
|
|
||||||
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 29.6/100);}
|
|
||||||
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 33.3/100);}
|
|
||||||
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 37/100);}
|
|
||||||
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 40.7/100);}
|
|
||||||
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 44.4/100);}
|
|
||||||
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 48.1/100);}
|
|
||||||
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 51.8/100);}
|
|
||||||
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 55.5/100);}
|
|
||||||
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 59.2/100);}
|
|
||||||
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 62.9/100);}
|
|
||||||
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 66.6/100);}
|
|
||||||
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 70.3/100);}
|
|
||||||
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 74/100);}
|
|
||||||
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 77.7/100);}
|
|
||||||
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 81.4/100);}
|
|
||||||
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 85.1/100);}
|
|
||||||
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 88.8/100);}
|
|
||||||
pre.mouse.f26 {animation-delay: calc(var(--tmouse) * 92.5/100);}
|
|
||||||
pre.mouse.f27 {animation-delay: calc(var(--tmouse) * 96.2/100);}
|
|
||||||
*/
|
|
||||||
/* *25
|
|
||||||
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 4/100);}
|
|
||||||
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 8/100);}
|
|
||||||
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 12/100);}
|
|
||||||
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 16/100);}
|
|
||||||
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 20/100);}
|
|
||||||
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 24/100);}
|
|
||||||
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 28/100);}
|
|
||||||
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 32/100);}
|
|
||||||
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 36/100);}
|
|
||||||
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 40/100);}
|
|
||||||
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 44/100);}
|
|
||||||
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 48/100);}
|
|
||||||
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 52/100);}
|
|
||||||
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 56/100);}
|
|
||||||
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 60/100);}
|
|
||||||
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 64/100);}
|
|
||||||
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 68/100);}
|
|
||||||
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 72/100);}
|
|
||||||
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 76/100);}
|
|
||||||
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 80/100);}
|
|
||||||
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 84/100);}
|
|
||||||
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 88/100);}
|
|
||||||
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 92/100);}
|
|
||||||
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 96/100);}
|
|
||||||
*/
|
|
||||||
/* *10
|
|
||||||
*/
|
|
||||||
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 10/100);}
|
|
||||||
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 20/100);}
|
|
||||||
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 30/100);}
|
|
||||||
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 40/100);}
|
|
||||||
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 50/100);}
|
|
||||||
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 60/100);}
|
|
||||||
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 70/100);}
|
|
||||||
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 80/100);}
|
|
||||||
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 90/100);}
|
|
||||||
@keyframes mouse {
|
|
||||||
0% {opacity: 1;}
|
|
||||||
10% {opacity: 1;}
|
|
||||||
10.1% {opacity: 0;}
|
|
||||||
100% {opacity: 0;}
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<pre>
|
|
||||||
• • • • ••••• ••••• • ••• • • • •
|
|
||||||
• • • • • • • • • • •• •• • •
|
|
||||||
••••• • • • •• • • • ••••• • • • •
|
|
||||||
• • • • • • • • • • • • • •
|
|
||||||
• • ••••• ••••• ••••• ••••• • • • • •
|
|
||||||
</pre>
|
|
||||||
<pre>
|
|
||||||
•
|
|
||||||
•• ••••• •••••
|
|
||||||
••• • • • • ••
|
|
||||||
•••• • •••• • • • •
|
|
||||||
•• •• • • • • • • • •
|
|
||||||
•• •• • • • ••• •••••
|
|
||||||
•• •• • •• •
|
|
||||||
•• •• • •• •
|
|
||||||
•• ••••••••• • • •
|
|
||||||
•• •• • •••• ••••• •
|
|
||||||
•• •• • • • • • • •
|
|
||||||
•• •• • • • • •• • •
|
|
||||||
•••• • •• •• •• •
|
|
||||||
••• • ••••••• • • •••
|
|
||||||
•• • • •••••
|
|
||||||
•••••••• • • •
|
|
||||||
</pre>
|
|
||||||
<pre>
|
|
||||||
•••• •
|
|
||||||
• • •
|
|
||||||
• • •
|
|
||||||
• •••
|
|
||||||
•••••
|
|
||||||
• •
|
|
||||||
• •
|
|
||||||
• •
|
|
||||||
••• •••
|
|
||||||
• • • •
|
|
||||||
• • • •
|
|
||||||
•••• ••••
|
|
||||||
• • • • •
|
|
||||||
••• • • •
|
|
||||||
••••••••
|
|
||||||
•
|
|
||||||
</pre>
|
|
||||||
<pre>
|
|
||||||
•
|
|
||||||
•
|
|
||||||
•• •
|
|
||||||
• • •••••••
|
|
||||||
• •• • •
|
|
||||||
• ••••• • • • •
|
|
||||||
• • • • • •
|
|
||||||
• • •• •
|
|
||||||
• • • •
|
|
||||||
••• •• ••
|
|
||||||
• •• • •
|
|
||||||
• ••••
|
|
||||||
•• •
|
|
||||||
•
|
|
||||||
</pre>
|
|
||||||
|
|
||||||
<!--
|
<div class="insert_html" data-path="ascii_elements/name.html"></div>
|
||||||
<script>this.innerHTML = "test"</script>
|
<div class="insert_html" data-path="ascii_elements/mouse_1.html"></div>
|
||||||
<div id="test">
|
<div class="insert_html" data-path="ascii_elements/mouse_2.html"></div>
|
||||||
</div>
|
<div class="insert_html" data-path="ascii_elements/mouse_3.html"></div>
|
||||||
<script>
|
<div class="insert_html" data-path="ascii_elements/mouse_frame.html"></div>
|
||||||
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>
|
|
||||||
-->
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
• -
|
|
||||||
•• • -- - ••
|
|
||||||
• • • - - - • • •
|
|
||||||
••••••••• --------- •• •
|
|
||||||
• • •• - - -- • • •
|
|
||||||
• • • - - - • • • •
|
|
||||||
••••• • • • ----- - - - ••••• • ••
|
|
||||||
• • •• • - - -- - • • •••••••••
|
|
||||||
• • - - • • •
|
|
||||||
• • •• - - -- •• • ••• •
|
|
||||||
• • • • - - - - • • • •
|
|
||||||
• •• • - -- - • •• • •
|
|
||||||
••• •••• --- ---- ••• ••••
|
|
||||||
-->
|
|
||||||
|
|
||||||
<pre class="banner reverse">
|
<pre class="banner reverse">
|
||||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||||
@@ -339,485 +148,6 @@
|
|||||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||||
</pre>
|
</pre>
|
||||||
<!--
|
|
||||||
<div class="banner smallbanner">
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
<p>• </p><p> • </p><p> •</p><p> • </p>
|
|
||||||
</div>
|
|
||||||
<div class="banner bigbanner">
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
<p>• • • • • •</p><p> • • • • • • </p><p> • • • • • • </p><p> • • • • • • </p>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
|
||||||
<div class="mouse_frame">
|
<div class="mouse_frame">
|
||||||
<pre class="mouse f1">
|
<pre class="mouse f1">
|
||||||
•
|
•
|
||||||
@@ -156,3 +157,104 @@
|
|||||||
</pre>
|
</pre>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.mouse_frame {
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0px;
|
||||||
|
/*
|
||||||
|
border: 1px solid red;
|
||||||
|
margin-right: auto;
|
||||||
|
height: 8.5em;
|
||||||
|
width: 11.9em;
|
||||||
|
*/
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
pre.mouse {
|
||||||
|
--tmouse: 2s;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
bottom: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
opacity: 0;
|
||||||
|
animation-name: mouse;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
animation-duration: var(--tmouse);
|
||||||
|
animation-timing-function: linear;
|
||||||
|
animation-direction: normal;
|
||||||
|
}
|
||||||
|
pre.mouse:first-child {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
/* *27
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 3.7/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 7.4/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 11.1/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 14.8/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 18.5/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 22.2/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 25.9/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 29.6/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 33.3/100);}
|
||||||
|
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 37/100);}
|
||||||
|
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 40.7/100);}
|
||||||
|
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 44.4/100);}
|
||||||
|
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 48.1/100);}
|
||||||
|
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 51.8/100);}
|
||||||
|
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 55.5/100);}
|
||||||
|
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 59.2/100);}
|
||||||
|
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 62.9/100);}
|
||||||
|
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 66.6/100);}
|
||||||
|
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 70.3/100);}
|
||||||
|
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 74/100);}
|
||||||
|
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 77.7/100);}
|
||||||
|
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 81.4/100);}
|
||||||
|
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 85.1/100);}
|
||||||
|
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 88.8/100);}
|
||||||
|
pre.mouse.f26 {animation-delay: calc(var(--tmouse) * 92.5/100);}
|
||||||
|
pre.mouse.f27 {animation-delay: calc(var(--tmouse) * 96.2/100);}
|
||||||
|
*/
|
||||||
|
/* *25
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 4/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 8/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 12/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 16/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 20/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 24/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 28/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 32/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 36/100);}
|
||||||
|
pre.mouse.f11 {animation-delay: calc(var(--tmouse) * 40/100);}
|
||||||
|
pre.mouse.f12 {animation-delay: calc(var(--tmouse) * 44/100);}
|
||||||
|
pre.mouse.f13 {animation-delay: calc(var(--tmouse) * 48/100);}
|
||||||
|
pre.mouse.f14 {animation-delay: calc(var(--tmouse) * 52/100);}
|
||||||
|
pre.mouse.f15 {animation-delay: calc(var(--tmouse) * 56/100);}
|
||||||
|
pre.mouse.f16 {animation-delay: calc(var(--tmouse) * 60/100);}
|
||||||
|
pre.mouse.f17 {animation-delay: calc(var(--tmouse) * 64/100);}
|
||||||
|
pre.mouse.f18 {animation-delay: calc(var(--tmouse) * 68/100);}
|
||||||
|
pre.mouse.f19 {animation-delay: calc(var(--tmouse) * 72/100);}
|
||||||
|
pre.mouse.f20 {animation-delay: calc(var(--tmouse) * 76/100);}
|
||||||
|
pre.mouse.f21 {animation-delay: calc(var(--tmouse) * 80/100);}
|
||||||
|
pre.mouse.f22 {animation-delay: calc(var(--tmouse) * 84/100);}
|
||||||
|
pre.mouse.f23 {animation-delay: calc(var(--tmouse) * 88/100);}
|
||||||
|
pre.mouse.f24 {animation-delay: calc(var(--tmouse) * 92/100);}
|
||||||
|
pre.mouse.f25 {animation-delay: calc(var(--tmouse) * 96/100);}
|
||||||
|
*/
|
||||||
|
/* *10
|
||||||
|
*/
|
||||||
|
pre.mouse.f2 {animation-delay: calc(var(--tmouse) * 10/100);}
|
||||||
|
pre.mouse.f3 {animation-delay: calc(var(--tmouse) * 20/100);}
|
||||||
|
pre.mouse.f4 {animation-delay: calc(var(--tmouse) * 30/100);}
|
||||||
|
pre.mouse.f5 {animation-delay: calc(var(--tmouse) * 40/100);}
|
||||||
|
pre.mouse.f6 {animation-delay: calc(var(--tmouse) * 50/100);}
|
||||||
|
pre.mouse.f7 {animation-delay: calc(var(--tmouse) * 60/100);}
|
||||||
|
pre.mouse.f8 {animation-delay: calc(var(--tmouse) * 70/100);}
|
||||||
|
pre.mouse.f9 {animation-delay: calc(var(--tmouse) * 80/100);}
|
||||||
|
pre.mouse.f10 {animation-delay: calc(var(--tmouse) * 90/100);}
|
||||||
|
@keyframes mouse {
|
||||||
|
0% {opacity: 1;}
|
||||||
|
10% {opacity: 1;}
|
||||||
|
10.1% {opacity: 0;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
162
mouse_4.js
162
mouse_4.js
@@ -1,162 +0,0 @@
|
|||||||
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 };
|
|
||||||
19
scripts/insert_html.js
Normal file
19
scripts/insert_html.js
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
function insert_html() {
|
||||||
|
let elements = document.getElementsByClassName("insert_html");
|
||||||
|
for (let element of elements) {
|
||||||
|
let path = (element.dataset.path);
|
||||||
|
fetch(path)
|
||||||
|
.then(response => response.text())
|
||||||
|
.then(data => element.innerHTML = data)
|
||||||
|
.catch(error => console.log('Error:', error));
|
||||||
|
element.classList.replace("insert_html", "inserted_html");
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// create an observer on everytime some HTML is loaded on the whole page (heavy solution...)
|
||||||
|
const callback = (mutation_list, observer) => insert_html();
|
||||||
|
const observer = new MutationObserver(callback);
|
||||||
|
const targetNode = document.body;
|
||||||
|
const config = { attributes: true, childList: true, subtree: true };
|
||||||
|
// Start observing the target node for configured mutations
|
||||||
|
observer.observe(targetNode, config);
|
||||||
27
test.html
27
test.html
@@ -1,27 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background: linear-gradient(to right, black 1px, transparent 1px) 0 0 / 30px 100% repeat-x;
|
|
||||||
/* Adjust the size of the text and color here */
|
|
||||||
}
|
|
||||||
.repeat-text::before {
|
|
||||||
content: 'Your Text '; /* Add your desired text here */
|
|
||||||
color: black; /* Set the color of the text */
|
|
||||||
font-size: 16px; /* Set the font size of the text */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="repeat-text"></div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user