Difference between revisions of "User:CAKO/TEST"

From The Wiki Camp 2
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:MJt1-.svg|50px]]
 
||[[File:MJt2-.svg|50px]]
 
||[[File:MJt3-.svg|50px]]
 
||[[File:MJt4-.svg|50px]]
 
||[[File:MJt5-.svg|50px]]
 
||[[File:MJt6-.svg|50px]]
 
||[[File:MJt7-.svg|50px]]
 
||[[File:MJt8-.svg|50px]]
 
||[[File:MJt9-.svg|50px]]
 
|-
 
||[[File:MJs1-.svg|50px]]
 
||[[File:MJs2-.svg|50px]]
 
||[[File:MJs3-.svg|50px]]
 
||[[File:MJs4-.svg|50px]]
 
||[[File:MJs5-.svg|50px]]
 
||[[File:MJs6-.svg|50px]]
 
||[[File:MJs7-.svg|50px]]
 
||[[File:MJs8-.svg|50px]]
 
||[[File:MJs9-.svg|50px]]
 
|-
 
||[[File:MJw1-.svg|50px]]
 
||[[File:MJw2-.svg|50px]]
 
||[[File:MJw3-.svg|50px]]
 
||[[File:MJw4-.svg|50px]]
 
||[[File:MJw5-.svg|50px]]
 
||[[File:MJw6-.svg|50px]]
 
||[[File:MJw7-.svg|50px]]
 
||[[File:MJw8-.svg|50px]]
 
||[[File:MJw9-.svg|50px]]
 
|-
 
||
 
 
||[[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]]
||[[File:MJd1-.svg|50px]]
 
||[[File:MJd2v1-.svg|50px]]
 
||[[File:MJd3e-.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

tiles
50px 50px 50px 50px


Testing
one hour
one hour
one hour

WAHOO!


ok this css part is for..audio