trying to make it work for all subchilds
This commit is contained in:
9
ascii_elements/banner_1.html
Normal file
9
ascii_elements/banner_1.html
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class="load_html" data-path="ascii_elements/banner_container.html" data-path_target="banner">
|
||||
|
||||
<pre class="banner" data-class_target="banner">
|
||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||
• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • •
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
57
ascii_elements/banner_container.html
Normal file
57
ascii_elements/banner_container.html
Normal file
@@ -0,0 +1,57 @@
|
||||
|
||||
<div class="banner_container">
|
||||
<div class="content_html" data-path_target="banner"></div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
div.banner {
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
width: 99vw;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
div.smallbanner {
|
||||
height: 3.5ex;
|
||||
}
|
||||
div.bigbanner {
|
||||
height: 21.5ex;
|
||||
}
|
||||
div.banner * {
|
||||
margin: 0px;
|
||||
}
|
||||
div.banner p {
|
||||
white-space: pre;
|
||||
}
|
||||
div.banner br {
|
||||
display: block;
|
||||
}
|
||||
pre.banner {
|
||||
position: relative;
|
||||
margin-left: -100px;
|
||||
animation-name: slide;
|
||||
animation-iteration-count: infinite;
|
||||
animation-duration: 2s;
|
||||
animation-timing-function: linear;
|
||||
animation-direction: normal;
|
||||
}
|
||||
pre.banner.pause {
|
||||
animation-play-state: paused;
|
||||
}
|
||||
pre.banner.reverse {
|
||||
animation-direction: reverse;
|
||||
}
|
||||
pre.banner.t0_5 {
|
||||
animation-duration: 0.5s;
|
||||
}
|
||||
pre.banner.t1_0 {
|
||||
animation-duration: 1s;
|
||||
}
|
||||
pre.banner.t1_5 {
|
||||
animation-duration: 1.5s;
|
||||
}
|
||||
@keyframes slide {
|
||||
from {left:0;}
|
||||
to {left:2.4em;}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
|
||||
<div class="load_html" data-path="ascii_elements/mouse_frame.html" data-target="mouse_frame">
|
||||
<div class="load_html" data-path="ascii_elements/mouse_container.html" data-path_target="mouse_frame">
|
||||
|
||||
<pre class="mouse f1">
|
||||
•
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
|
||||
<div class="mouse_container">
|
||||
<div class="content_html" data-name="mouse_frame"></div>
|
||||
<div class="content_html" data-path_target="mouse_frame"></div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
Reference in New Issue
Block a user