Ticklish teddy app

ToonTalk · Sep 19, 2024 · 77e7df8 · 77e7df8
1 parent 9817c60
commit 77e7df8
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 0 deletions.
diff --git a/apps/ticklish teddy/242930__obxjohn__child-laughing.mp3 b/apps/ticklish teddy/242930__obxjohn__child-laughing.mp3
diff --git a/apps/ticklish teddy/Encoded_Cartoon_Foot_Image.html b/apps/ticklish teddy/Encoded_Cartoon_Foot_Image.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Cute Teddy Bear</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            /* Replace 'FEATHER_IMAGE_DATA_URL' with your feather image data URL */
+            cursor: url('Resized_Cartoon_Feather_Transparent_Background.png') 16 16, auto;
+        }
+        #teddy {
+            display: block;
+            margin: 100px auto;
+            max-width: 300px;
+        }
+    </style>
+</head>
+<body>
+    <!-- Replace 'TEDDY_BEAR_IMAGE_DATA_URL' with your teddy bear image data URL -->
+    <img id="teddy" src="xxx" alt="Cute Teddy Bear">
+
+    <!-- Replace 'GIGGLING_SOUND_DATA_URL' with your giggling sound data URL -->
+    <audio id="giggling-sound" src="tickling_sound.wav"></audio>
+
+    <script>
+        var teddy = document.getElementById('teddy');
+        var giggleSound = document.getElementById('giggling-sound');
+
+        teddy.addEventListener('mouseover', function() {
+            giggleSound.play();
+        });
+    </script>
+</body>
+</html>
diff --git a/apps/ticklish teddy/index.html b/apps/ticklish teddy/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Cute Teddy Bear</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            /* Replace 'FEATHER_IMAGE_DATA_URL' with your feather image data URL */
+            cursor: url('Resized_Cartoon_Feather_Transparent_Background.png') 64 64, auto;
+        }
+        #teddy {
+            display: block;
+            margin: 100px auto;
+            width: 50%; /* Adjust percentage as needed */
+        }
+    </style>
+</head>
+<body>
+    <!-- Replace 'TEDDY_BEAR_IMAGE_DATA_URL' with your teddy bear image data URL -->
+    <img id="teddy" src="teddy.webp" alt="Cute Teddy Bear">
+
+    <!-- Replace 'GIGGLING_SOUND_DATA_URL' with your giggling sound data URL -->
+    <audio id="giggling-sound" src="242930__obxjohn__child-laughing.mp3"></audio>
+
+    <script>
+        var teddy = document.getElementById('teddy');
+        var giggleSound = document.getElementById('giggling-sound');
+
+        teddy.addEventListener('click', function() {
+            giggleSound.play();
+        });
+    </script>
+
+</body>
+</html>