diff --git a/index.html b/index.html index ef2c589..e4980f5 100644 --- a/index.html +++ b/index.html @@ -479,20 +479,20 @@  
-                     
-                     
-                   
-                   
-             
-                  
-                   
-              
-                 
-                   
-                  
-                  
-                  
-               
+                    
+                    
+                  
+                  
+            
+                 
+                  
+             
+                
+                  
+                 
+                 
+                 
+              
 
                       
@@ -646,6 +646,14 @@
 		-->
 
 
+
+ +
+
+
+
+
+
diff --git a/styles/elements/mouses.css b/styles/elements/mouses.css index 7bb8a68..e61aa28 100644 --- a/styles/elements/mouses.css +++ b/styles/elements/mouses.css @@ -10,10 +10,10 @@ border: 1px solid blue; */ } -pre.frame.hide { +.frame.hide { display: none; } -pre.frame { +.frame { position: relative; grid-column: 1; grid-row: 1; @@ -35,9 +35,9 @@ pre.frame { animation-direction: normal; } -pre.frame.f2 {animation-delay: calc(var(--tframes) * 25/100);} -pre.frame.f3 {animation-delay: calc(var(--tframes) * 50/100);} -pre.frame.f4 {animation-delay: calc(var(--tframes) * 75/100);} +.frame.f2 {animation-delay: calc(var(--tframes) * 25/100);} +.frame.f3 {animation-delay: calc(var(--tframes) * 50/100);} +.frame.f4 {animation-delay: calc(var(--tframes) * 75/100);} @keyframes ascii_frame { 0% {opacity: 1;} diff --git a/styles/elements/test.css b/styles/elements/test.css index 275e2d8..6b2b029 100644 --- a/styles/elements/test.css +++ b/styles/elements/test.css @@ -1,24 +1,87 @@ - #test::after { content: "  \a   \a   \a  \a \a  \a  \a  \a  \a    \a    \a  \a     \a    \a  \a "; - white-space: pre-wrap; -/* + white-space: pre; +} -   -    -    -   -  -   -   -   -   -     -     -   -      -     -  -  +.mouse .frame { + white-space: pre; +} + +#mouse_test .frame.f1::before { + content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  "; +/* +  +  +   +    +  +    +    +     +     +    +    +     +    +   */ } + +#mouse_test .frame.f2::before { + content: " \A \A  \A   \A \A   \A   \A    \A    \A  \A   \A    \A   \A  "; +/* +  +  +   +    +  +    +    +     +     +   +    +     +    +   +*/ +} + +#mouse_test .frame.f3::before { + content: " \A \A  \A   \A \A   \A   \A    \A    \A   \A   \A    \A   \A  "; +/* +  +  +   +    +  +    +    +     +     +    +    +     +    +   +*/ +} + +#mouse_test .frame.f4::before { + content: " \A   \A  \A   \A    \A   \A   \A    \A    \A    \A    \A  "; +/* +  +    +   +    +     +    +    +     +     +     +     +   +*/ +} + diff --git a/styles/frames.css b/styles/frames.css deleted file mode 100644 index 139597f..0000000 --- a/styles/frames.css +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/styles/text.css b/styles/text.css index 29fea6c..35bfbea 100644 --- a/styles/text.css +++ b/styles/text.css @@ -36,7 +36,7 @@ h3 { margin: 20px 0px; font-size: 1.75rem; } h4 { margin: 20px 0px; font-size: 1.5rem; } h5 { margin: 10px 0px; font-size: 1.25rem; } h6 { margin: 10px 0px; font-size: 1.0rem; } -pre { +pre, .ascii { line-height: 0.8; font-size: min(2.2vw, 1.0rem); }