use webp in event
|
@ -34,7 +34,7 @@
|
||||||
body {
|
body {
|
||||||
font-family: 'Burbank Small Medium', sans-serif;
|
font-family: 'Burbank Small Medium', sans-serif;
|
||||||
background-color: rgb(var(--background)) !important;
|
background-color: rgb(var(--background)) !important;
|
||||||
background-image: url('/assets/event/images/pattern.png') !important;
|
background-image: url('/assets/event/images/pattern.webp') !important;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -136,15 +136,15 @@ color: #7a7a7a !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
cursor: url(/assets/event/images/cursor.png?v=1), auto !important;
|
cursor: url(/assets/event/images/cursor.webp?v=1), auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea, input[type=textbox], input[type=search] {
|
textarea, input[type=textbox], input[type=search] {
|
||||||
cursor: url(/assets/event/images/text.png?v=1) 9 14, auto !important;
|
cursor: url(/assets/event/images/text.webp?v=1) 9 14, auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn, input[type=button], button, a {
|
.btn, input[type=button], button, a {
|
||||||
cursor: url(/assets/event/images/pointer.png?v=1), auto !important;
|
cursor: url(/assets/event/images/pointer.webp?v=1), auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fa-moon-over-sun:before{content:"\f74a"}
|
.fa-moon-over-sun:before{content:"\f74a"}
|
||||||
|
@ -171,7 +171,7 @@ textarea, input[type=textbox], input[type=search] {
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 57px;
|
height: 57px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: url('/assets/event/images/lights.png?v=1');
|
background: url('/assets/event/images/lights.webp?v=1');
|
||||||
animation: lights 1s infinite steps(2);
|
animation: lights 1s infinite steps(2);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
@ -196,7 +196,7 @@ textarea, input[type=textbox], input[type=search] {
|
||||||
.btn::after, .snow-cap::after {
|
.btn::after, .snow-cap::after {
|
||||||
content: '';
|
content: '';
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background: url("/assets/event/images/snowcap.png?v=1") repeat-x;
|
background: url("/assets/event/images/snowcap.webp?v=1") repeat-x;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -18px;
|
bottom: -18px;
|
||||||
|
|
Before Width: | Height: | Size: 15 KiB |
After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 758 B |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 3.3 KiB |
Before Width: | Height: | Size: 3.2 KiB |
Before Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 632 B |
Before Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 818 B |
Before Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 49 KiB |
After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 464 B |
|
@ -2,7 +2,7 @@
|
||||||
{% set gingerbread_count = p.award_count("gingerbread", v) * 2 if p.award_count("gingerbread", v) <= 10 else 20 %}
|
{% set gingerbread_count = p.award_count("gingerbread", v) * 2 if p.award_count("gingerbread", v) <= 10 else 20 %}
|
||||||
{% for i in range(gingerbread_count) %}
|
{% for i in range(gingerbread_count) %}
|
||||||
<div class="fall-snowflake">
|
<div class="fall-snowflake">
|
||||||
<img src="/assets/event/images/awards/gingerbread.png?v=1" class="animate-spin object-contain" style="width: 40px; height: 40px;" alt="animate marsey gingerbread icon" />
|
<img src="/assets/event/images/awards/gingerbread.webp?v=1" class="animate-spin object-contain" style="width: 40px; height: 40px;" alt="animate marsey gingerbread icon" />
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
|
@ -72,7 +72,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
height: 57px;
|
height: 57px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: url('/assets/event/images/lights.png?v=1');
|
background: url('/assets/event/images/lights.webp?v=1');
|
||||||
animation: lights 1s infinite steps(2);
|
animation: lights 1s infinite steps(2);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|