MetzNet
/
vex_svelte
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rotating placeholder

master
Liam Conway 2024-02-03 15:55:11 -07:00
parent 54122c0c32
commit 4d4fdadb5a
No known key found for this signature in database
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/+page.svelte
Unescape Escape View File

@ -371,13 +371,13 @@ onMount(() => {
<div class="pre-bot" id="pre-r1"> <div class="pre-bot" id="pre-r1">
<p>{teams_red[0]}</p> <p>{teams_red[0]}</p>
<object type="image/png" data="/robots/{teams_red[0]}.gif"> <object type="image/png" data="/robots/{teams_red[0]}.gif">
<img src="/robots/fallback.jpg"> <img class="rotating" src="/robots/fallback.jpg">
</object> </object>
</div> </div>
<div class="pre-bot" id="pre-r2"> <div class="pre-bot" id="pre-r2">
<p>{teams_red[1]}</p> <p>{teams_red[1]}</p>
<object type="image/png" data="/robots/{teams_red[1]}.gif"> <object type="image/png" data="/robots/{teams_red[1]}.gif">
<img src="/robots/fallback.jpg"> <img class="rotating" src="/robots/fallback.jpg">
</object> </object>
</div> </div>
<div id="pre-mid"> <div id="pre-mid">
@ -388,13 +388,13 @@ onMount(() => {
<div class="pre-bot" id="pre-b1"> <div class="pre-bot" id="pre-b1">
<p>{teams_blue[0]}</p> <p>{teams_blue[0]}</p>
<object type="image/png" data="/robots/{teams_blue[0]}.gif"> <object type="image/png" data="/robots/{teams_blue[0]}.gif">
<img src="/robots/fallback.jpg"> <img class="rotating" src="/robots/fallback.jpg">
</object> </object>
</div> </div>
<div class="pre-bot" id="pre-b2"> <div class="pre-bot" id="pre-b2">
<p>{teams_blue[1]}</p> <p>{teams_blue[1]}</p>
<object type="image/png" data="/robots/{teams_blue[1]}.gif"> <object type="image/png" data="/robots/{teams_blue[1]}.gif">
<img src="/robots/fallback.jgp"> <img class="rotating" src="/robots/fallback.jgp">
</object> </object>
</div> </div>
</div> </div>
@ -730,4 +730,17 @@ div.score-grid {
width: 1176px; width: 1176px;
height: 168px; height: 168px;
} }
@-webkit-keyframes rotating {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
}
</style> </style>