freya/rit.wtf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

epilepsy

Browse source
This commit is contained in:
tylermurphy534 2022-12-05 22:21:38 -05:00
parent 22cafc20ab
commit c8211e6ad7
2 changed files with 38 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -7,6 +7,7 @@
<title>munson</title> <title>munson</title>
</head> </head>
<body><div><div><div id="mainBod"> <body><div><div><div id="mainBod">
<menu class="flashy"></menu>
<p class="title"> <p class="title">
<span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.42s">r</span> <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.42s">r</span>
<span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.22s">i</span> <span style="display:inline-block;animation:1s title linear infinite;animation-delay:-1.22s">i</span>
@ -118,7 +119,7 @@
<a class="clickable" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank"> <a class="clickable" href="https://validator.w3.org/nu/?doc=https%3A%2F%2Frit.wtf" target="_blank">
<img src="data/html.gif"/> <img src="data/html.gif"/>
</a> </a>
<img src="data/ie.gif"/> <img src="data/ie.gif" class="clickable" onclick="document.documentElement.classList.toggle('flash')"/>
<img src="data/netscape.gif"/> <img src="data/netscape.gif"/>
<a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank"> <a class="clickable" href="https://g.tylerm.dev/tylermurphy534/rit.wtf" target="_blank">
<img src="data/free.gif"/> <img src="data/free.gif"/>
@ -129,5 +130,5 @@
<source src="data/munson.mp4" type="video/mp4"> <source src="data/munson.mp4" type="video/mp4">
</video> </video>
</footer> </footer>
</div></div></div></body> </div></div></div></div></body>
</html> </html>

35
style.css
View file

@ -352,6 +352,7 @@ html.dither>body>div>div{
transform: translateX(calc(80vw - 100%)); transform: translateX(calc(80vw - 100%));
} }
} }
@keyframes scale { @keyframes scale {
from { from {
transform: scale3d(100%, 100%, 100%); transform: scale3d(100%, 100%, 100%);
@ -359,4 +360,38 @@ html.dither>body>div>div{
to { to {
transform: scale3d(120%, 120%, 120%); transform: scale3d(120%, 120%, 120%);
} }
}
html.flash>body>div>div>div>menu {
animation: epilepsy .25s linear infinite;
}
.flashy {
margin: 0;
padding: 0;
list-style:none;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
overflow: scroll;
pointer-events: none;
}
@keyframes epilepsy {
0%, 100% {
background-color: rgba(255,0,0,.4);
}
20% {
background-color: rgba(255,255,0,.4);
}
40% {
background-color: rgba(0,255,0,.4);
}
60% {
background-color: rgba(0,255,255,.4);
}
80% {
background-color: rgba(0,0,255,.4);
}
} }