You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
SI12/resources_06.html

143 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="muisje.js"></script>
<style>
@font-face{
font-family:"Roboto Mono";
src: url("font/RobotoMono-Regular.ttf") format("truetype"),
url("https://fonts.googleapis.com/css?family=Roboto Mono")
}
@font-face {
font-family: "MisterPixel";
src: url("font/Mister Pixel Tools.otf") format("opentype");
}
p.text{
/*text-align: center; */
/* color: #5858FA;
font-family: Roboto Mono;
font-size: 20px;*/
margin-left: 50px;
margin-right: 50px;
text-align: justify;
}
p.frame{
font-family:MisterPixel;
color: fuchsia;
font-size: 15px;
}
p{
color: #5858FA;
font-family: Roboto Mono;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
text-align: justify;
margin-top: 0px;
margin-bottom: 0px;
white-space: nowrap;
overflow: hidden;
width: 35em;
animation: type 8s steps(3000, end);
}
p:nth-child(2){
animation: type2 6s steps(60, end);
}
p:nth-child(3){
animation: type3 8s steps(240, end);
}
p:nth-child(4){
animation: type3 16s steps(3000, end);
}
p:nth-child(5){
animation: type2 8s steps(60, end);
}
p:nth-child(6){
animation: type3 16s steps(240, end);
}
p:nth-child(7){
animation: type2 6s steps(60, end);
}
p:nth-child(9){
animation: type3 26s steps(300, end);
}
p a{
color: lime;
text-decoration: none;
}
span{
animation: blink 1s infinite;
}
@keyframes type{
from { width: 0; }
}
@keyframes type2{
0%{width: 0;}
50%{width: 0;}
100%{ width: 100; }
}
@keyframes type3{
from { width: 0; }
}
@keyframes blink{
to{opacity: .0;}
}
/*::selection{
background: black;
}*/
body {
background: linear-gradient(to right, darkblue, black, black, black ,#6dc82a, black, black , darkblue);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resources_06</title>
</head>
<body>
<p class="text">
<br>
<br>
<br>
In these six weeks we explored concepts of decolonization,</p><p> caretaking, queering damage, authorship and ownership.</p><p> Radio Implicancies started in the middle. We made it up as</p><p> we went and learned new things along the way. And now we</p><p> present our final broadcast, in which we continue our dive</p><p> into how our works depend on others works, cultures, even</p><p> bodies. This weeks broadcast also features live segments!</p><p> Join us for the sixth and final episode of Radio</p><p> Implicancies, on Thursday June 18th, 4PM.<span>|</span>
</p>
</body>
</html>