archive/skippy-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add

Browse source 
add
This commit is contained in:
biglyderv 2025-04-23 12:02:03 -04:00
parent ac96877a5f
commit a43d56b176
1 changed files with 76 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

76
index.html/html.html Normal file
View file

@ -0,0 +1,76 @@
<html>
<head>
<link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap" rel="stylesheet">
<style>
body {
background-image: linear-gradient(to left, #FF8844, #8844FF);
font-family: 'Balsamiq Sans', cursive;
color: #00DD00
}
welcomedoods {
font-size: 100px;
}
wheat {
background-image: linear-gradient(to right, #FF1111, #11FF11, #1111FF, #5511AA);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
animation: textgrowth 1s infinite alternate;
}
@keyframes textgrowth {
0% {
font-size: 20px;
}
50% {
font-size: 40px;
}
100% {
font-size: 30px;
}
}
wheat2 {
background-image: linear-gradient(to right, #FF1111, #11FF11, #1111FF, #5511AA);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
animation: textgrowth 0.1s infinite alternate;
}
wheat3 {
position: fixed;
animation: yeet 1s infinite alternate;
}
@keyframes yeet {
0% {
top: 100%;
}
50% {
top: 80%;
}
100% {
top: 90%;
}
}
</style>
</head>
<body>
<welcomedoods>
Welcome!
</welcomedoods><br/>
<wheat>
eat my skippy peanut butter or i vore you
</wheat>
<img src="https://www.peanutbutter.com/wp-content/uploads/2019/03/SKIPPY_Product_PB_Spread_Creamy_Peanut_Butter_28oz.png" width="300" height="307"><br/>
<wheat2>
css is great
</wheat2><br/>
<audio controls autoplay loop>
<source src="https://incompetech.com/music/royalty-free/mp3-royaltyfree/Flying%20Kerfuffle.mp3" type="audio/mp3">
</audio>
<wheat3><img src="https://cdn2.scratch.mit.edu/get_image/user/18938469_60x60.png" width="150" height="157" style="position: fixed; right: 5%; padding:0; margin:0;">
<img src="https://cdn2.scratch.mit.edu/get_image/user/18938469_60x60.png" width="150" height="157" style="position: fixed; left: 5%; padding:0; margin:0;"></wheat3>
</body>
</html>