logo update

added new logo and js to rotate logo variations on main page

index.html

@@ -19,7 +19,9 @@
 
 				<!-- Header -->
 					<header id="header" class="alt">
-						<span class="logo"><img src="images/logo/pptc_logo_white_transparent.png" alt="" /></span>
+						<!--<span class="logo"><img src="images/logo/pptc_logo_white_transparent.png" alt="" /></span>-->
+						<script src="https://pptc.vet/js/RNG_Logo.js"></script>
+						<img id="randomImage" src="" alt="Random Image" width=40% >
 						<h1>Puddle Pirates Treasure Chest</h1><br />
 						<p>(732)-314-1057</p>
 						<!--built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>.</p>-->

js/RNG_Logo.js

@@ -0,0 +1,16 @@
+document.addEventListener('DOMContentLoaded', function() {
+    var imagesArray = [
+        'https://pptc.vet/images/logo/1.png',
+        'https://pptc.vet/images/logo/3.png',
+        
+        // Add more image URLs here
+    ];
+
+    function displayRandomImage() {
+        var randomIndex = Math.floor(Math.random() * imagesArray.length);
+        var selectedImage = imagesArray[randomIndex];
+        document.getElementById('randomImage').src = selectedImage;
+    }
+
+    displayRandomImage();
+});