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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>