lineAnimationHTML

<!-- Additions to the framer html file to put at the bottom right before the </head> tag -->

		<script
		  src="https://code.jquery.com/jquery-3.2.1.min.js"
		  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
		  crossorigin="anonymous">
		</script>

		<!-- Added Markup -->
		<style>
		.alarm-animation {
	 		stroke-dasharray: 73.42230224609375;
	 		stroke-dashoffset: 73.42230224609375;
	 		animation: animate 2s ease-in alternate infinite;
			fill:none;
			stroke: #000000;
			stroke-width:2;
			stroke-linecap:round;
			stroke-linejoin:round;
			stroke-miterlimit:10;
		}

		@keyframes animate {
		  from {
		    stroke-dashoffset: 73.42230224609375;
		  }
		  to {
		    stroke-dashoffset: 0;
		  }
		}
		</style>


		<script>
		function alarmBellAnimation(){
  		$("#alarm").attr("class", "alarm-animation");
		}
		</script>