Difference between revisions of "User:CAKO/TEST"
Jump to navigation
Jump to search
m (CAKO moved page CAKOTEST to User:CAKO/TEST) |
|||
(45 intermediate revisions by 6 users not shown) | |||
Line 1: | Line 1: | ||
+ | <templatestyles src="ZEITGEIST.css"/> | ||
+ | {{IRC box}} | ||
+ | <div class=box><table class=table> | ||
+ | {{IRC message|color=#CC2726|15:37:43|pendugolum|testing}} | ||
+ | {{IRC message|15:37:50|pendugolum|this is what i imagine it would look like in a cool world|color=#CC2726}} | ||
+ | {{IRC message|16:00:01|dudefromdaftpunk|around the world a round the world around the world a round the world|color=#FEF06B}} | ||
+ | {{IRC message|16:46:46|[THE ZEITGEIST]|foo tball|zeitgeist=true}} | ||
+ | {{IRC message}} | ||
+ | {{IRC message|17:52:45}} | ||
+ | {{IRC message|18:16:37|Marky Pier|Hey guys it's me Markiplier|color=#ee2222}} | ||
+ | {{IRC message|when|Мало Ли Кто Такой|OMG [[Mark Genuine|MARK GENUINE]]|color=#ffffff}} | ||
+ | {{IRC message|now|mahjongTile|Markiplier? Why did you decieve me?|color=#CC2345}} | ||
+ | {{IRC message|25:00:00|CAKO|[[File:IDSMILE.mp3]]|color=#eb733c}} | ||
+ | </table></div> | ||
+ | <pre> test </pre> | ||
[[File:MJt5r-.svg|50px]] | [[File:MJt5r-.svg|50px]] | ||
{| class="wikitable" | {| class="wikitable" | ||
|+tiles | |+tiles | ||
|- | |- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
||[[File:MJf1-.svg|50px]] | ||[[File:MJf1-.svg|50px]] | ||
||[[File:MJf2-.svg|50px]] | ||[[File:MJf2-.svg|50px]] | ||
||[[File:MJf3-.svg|50px]] | ||[[File:MJf3-.svg|50px]] | ||
||[[File:MJf4-.svg|50px]] | ||[[File:MJf4-.svg|50px]] | ||
− | |||
− | |||
− | |||
|- } | |- } | ||
|} | |} | ||
+ | |||
+ | {{Cube}} | ||
+ | <div id="whatthefuckisgoingon">Testing</div> | ||
+ | <div id="container" style="font-size: 60px"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override id="slow"></span></div> | ||
+ | </div> | ||
+ | <div id="container" style="font-size: 30px"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override></span></div> | ||
+ | </div><div id="container"> | ||
+ | <div class="glitch-norm"><span class=override id="norm"></span>one hour</div> | ||
+ | <div class="glitch-fast" data-text="one hour"></div> | ||
+ | <div class="glitch-slow" data-text="one hour"><span class=override id="slow"></span></div> | ||
+ | </div> | ||
+ | <span class="supermario">WAHOO! | ||
+ | |||
+ | |||
+ | {{#css: | ||
+ | #container{ | ||
+ | display: grid; | ||
+ | } | ||
+ | #whatthefuckisgoingon{ | ||
+ | animation:glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | } | ||
+ | #norm::before{ | ||
+ | content:"."; | ||
+ | } | ||
+ | |||
+ | #slow::before{ | ||
+ | content:".."; | ||
+ | } | ||
+ | |||
+ | .glitch-fast, .glitch-norm, .glitch-slow{ | ||
+ | grid-column: 1; | ||
+ | grid-row: 1; | ||
+ | } | ||
+ | .glitch-fast::after{ | ||
+ | content: attr(data-text); | ||
+ | left: -1px; | ||
+ | background: #fff; | ||
+ | text-shadow: -0.05em 0 #7ff; | ||
+ | //color: #033; | ||
+ | -webkit-animation: glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | } | ||
+ | .glitch-slow::after{ | ||
+ | content: attr(data-text); | ||
+ | left: 1px; | ||
+ | background: #fff; | ||
+ | text-shadow: 0.05em 0 #9f9; | ||
+ | //color: #040; | ||
+ | -webkit-animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | } | ||
+ | /*.glitch::before { | ||
+ | left: -1px; | ||
+ | //text-shadow: -1px 0 #7ff; | ||
+ | color: #033; | ||
+ | animation: glitch-anim-1 2s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .glitch::after { | ||
+ | left: 1px; | ||
+ | //text-shadow: 1px 0 #9f9; | ||
+ | color: #040; | ||
+ | animation: glitch-anim-1 2.1s infinite linear alternate-reverse; | ||
+ | text-overflow: clip; | ||
+ | } | ||
+ | .glitch::before, .glitch::after { | ||
+ | grid-column: 1; | ||
+ | grid-row: 1; | ||
+ | content: attr(data-text); | ||
+ | display:grid; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | }*/ | ||
+ | @keyframes glitch-anim-1 { | ||
+ | 0% { | ||
+ | clip-path: inset(40% 0 61% 0); | ||
+ | } | ||
+ | 20% { | ||
+ | clip-path: inset(92% 0 1% 0); | ||
+ | } | ||
+ | 40% { | ||
+ | clip-path: inset(43% 0 22% 0); | ||
+ | } | ||
+ | 60% { | ||
+ | clip-path: inset(25% 0 72% 0); | ||
+ | } | ||
+ | 80% { | ||
+ | clip-path: inset(54% 0 31% 0); | ||
+ | } | ||
+ | 100% { | ||
+ | clip-path: inset(58% 0 43% 0); | ||
+ | } | ||
+ | } | ||
+ | .override{ | ||
+ | color:#fff; | ||
+ | font-size: 0.2em; | ||
+ | } | ||
+ | }} | ||
+ | ok this css part is for..audio | ||
+ | {{#css: | ||
+ | audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-panel{background-color:#DDDDDD;} | ||
+ | audio{height:10px;} | ||
+ | }} | ||
+ | [[Category:Functional pages]] |
Latest revision as of 21:46, 13 January 2023
[15:37:43] | pendugolum | | | testing |
[15:37:50] | pendugolum | | | this is what i imagine it would look like in a cool world |
[16:00:01] | dudefromdaftpunk | | | around the world a round the world around the world a round the world |
[16:46:46] | [THE ZEITGEIST] | | | foo tball |
[XX:XX:XX] | SYSTEM | | | User has joined the chat. |
[17:52:45] | SYSTEM | | | User has joined the chat. |
[18:16:37] | Marky Pier | | | Hey guys it's me Markiplier |
[when] | Мало Ли Кто Такой | | | OMG MARK GENUINE |
[now] | mahjongTile | | | Markiplier? Why did you decieve me? |
[25:00:00] | CAKO | | |
test
50px | 50px | 50px | 50px |
Testing
one hour
one hour
one hour
WAHOO!
ok this css part is for..audio