Skip to content

Commit

Permalink
add image preloads
Browse files Browse the repository at this point in the history
  • Loading branch information
sandervonk committed Oct 8, 2022
1 parent 9b3f57a commit dc67304
Showing 3 changed files with 5 additions and 2 deletions.
2 changes: 1 addition & 1 deletion css/signon.css
Original file line number Diff line number Diff line change
@@ -53,7 +53,7 @@ body * {
.earth-illustration-img:last-child {
width: 100%;
height: 100%;
position: relative;
/* position: relative; */
z-index: 20;
}
@keyframes earth-corona {
5 changes: 4 additions & 1 deletion embed/task.html
Original file line number Diff line number Diff line change
@@ -28,6 +28,9 @@
<meta name="og:url" content="sander.vonk.one/VITE/" />
<meta name="og:site_name" content="VITE! French Conjugation Practice" />
<meta name="og:type" content="website" />
<!-- preload 2 images for bg -->
<link rel="preload" href="/VITE/img/earth-new-small.png" as="image" />
<link rel="preload" href="/VITE/img/earth-new.svg" as="image" />
<script src="/VITE/js/util.js?version=[-version-number-]"></script>
<script src="//www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="//www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
@@ -69,7 +72,7 @@
<!-- spinning earth graphic loaded as object with img backup -->
<div id="earth-illustration">
<object alt="Earth Illustration" class="earth-illustration-img" data="/VITE/img/earth-new.svg" type="image/svg+xml">
<img alt="Earth Illustration" class="earth-illustration-img" src="/VITE/img/earth-new.png" />
<img alt="Earth Illustration" class="earth-illustration-img" src="/VITE/img/earth-new-small.png" />
</object>
<div id="earth-clouds" class="earth-illustration-img"></div>
</div>
Binary file added img/earth-new-small.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit dc67304

Please sign in to comment.