This commit is contained in:
2025-08-25 13:54:37 -06:00
parent 15551f86c4
commit cc28ec6725
3 changed files with 107 additions and 165 deletions

View File

@@ -26,15 +26,9 @@
@@ -87,8 +81,6 @@
<script src="/js/bootstrap.js" defer></script>
<script type="text/javascript" src="http://localhost:1313/js/image-compare.js" ></script>
</head><body>
<div>
<header id="topnav">
@@ -187,16 +179,6 @@
<script>
const viewers = document.querySelectorAll(".image-compare");
let configs = [
{"addCircle":true,"addCircleBlur":false,"labelOptions":{"after":"Light","before":"Dark","onHover":false},"showLabels":true,"startingPoint":50},{"addCircle":true,"addCircleBlur":false,"controlColor":"#3C4257","labelOptions":{"after":"Life Saver","before":"Inter","onHover":false},"showLabels":true,"startingPoint":25},{"addCircle":true,"addCircleBlur":true,"labelOptions":{"after":"Cardinal","before":"Blue","onHover":false},"showLabels":true,"startingPoint":25}
];
viewers.forEach((element, i) => {
let view = new ImageCompare(element, configs[i]).mount();
});
</script>
</body>
</html>