ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 22:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Created partial for bottle-preloader

Browse source
This commit is contained in:
Thomas Smith 2023-01-20 14:10:39 -05:00
parent 2b4bd00c66
commit 93bafae510
2 changed files with 42 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/index.html
View file

@ -1,5 +1,7 @@
{{ define "main" }}
{{- partial "bottle-preloader.html" -}}
<!-- Hero Section -->
{{- partial "mobile-art-home" -}}

40
src/layouts/partials/bottle-preloader.html Normal file
View file

@ -0,0 +1,40 @@
<div id="bottle-preloader" class="flex">
<div id="bottle-status" class="justify-content-center mx-auto">
<i class="icon-tea-logo-iconasset-1 grid-gray tea-icon lead mb-0"></i>
<div id="bottle-loading-text"><p class="grid-gray">steeping...</p></div>
</div>
</div>
<style>
.tea-icon{
display:block;
text-align:center;
animation: pulse 1s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
#bottle-preloader {
width: 100%;
height: 200px;
background: #1a1a1a;
}
#bottle-status {
width: 200px;
height: 200px;
}
#bottle-loading-text {
font-size: 20px;
text-align: center;
animation: pulse 1s infinite;
}
</style>
<script>
$(window).on('load', function() {
$('#status').fadeOut();
$('#preloader').delay(350).fadeOut('slow');
});
</script>