Updated animation files

This commit is contained in:
Jake
2023-02-23 19:57:28 -07:00
parent 65f04df5a3
commit 07f2b0974a
8 changed files with 7 additions and 43 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -454,12 +454,10 @@
.page-impact {
#map-light,
#map-light-small {
#map-light {
display: none;
}
#map-dark,
#map-dark-small {
#map-dark {
display: block;
}

View File

@@ -998,12 +998,10 @@ $placeholder-color: $gray-600;
}
}
#map-light,
#map-light-small {
#map-light {
display: block;
}
#map-dark,
#map-dark-small {
#map-dark {
display: none;
}

View File

@@ -58,11 +58,6 @@
<div class="mt-10" id="map-light"></div>
</div>
<!-- Small -->
<div class="col d-lg-none d-block">
<div class="mt-10" id="map-dark-small"></div>
<div class="mt-10" id="map-light-small"></div>
</div>
</div>
</section>
@@ -196,11 +191,9 @@
<!-- Light -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/impact/map-animation-light.json"></script>
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/impact/map-animation-light-small.json"></script>
<!-- Dark -->
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/impact/map-animation-dark.json"></script>
<script type="text/javascript" src="{{currentpage.prefix}}assets/js/impact/map-animation-dark-small.json"></script>
<script type="text/javascript">
@@ -215,17 +208,6 @@
});
};
function mapLightSmallAnimation(){
bodymovin.loadAnimation({
container: document.getElementById('map-light-small'),
renderer: 'svg',
loop: true,
autoplay: true,
animationData: mapLightSmall
});
};
mapLightSmallAnimation();
mapLightAnimation();
@@ -240,19 +222,7 @@
});
};
function mapDarkSmallAnimation(){
bodymovin.loadAnimation({
container: document.getElementById('map-dark-small'),
renderer: 'svg',
loop: true,
autoplay: true,
animationData: mapDarkSmall
});
};
mapDarkSmallAnimation();
mapDarkAnimation();
</script>