Remove unused copy tooltip from index.html and script.js; update star generation logic to only execute on non-mobile devices; improve error handling in clipboard copy function; clean up CSS by removing unnecessary comments and adding a new floating animation keyframe.

Author: tomups

index.html

@@ -168,7 +168,6 @@ <h3 class="example-title">Require Top Reviewer</h3>
         </p>
     </footer>
 
-    <div id="copyTooltip" class="tooltip hidden">Copied!</div>
 
     <script src="stars.js"></script>
     <script src="script.js"></script>

script.js

@@ -7,7 +7,6 @@ const errorAlert = document.getElementById('errorAlert');
 const errorMessage = document.getElementById('errorMessage');
 const codeContent = document.getElementById('codeContent');
 const copyBtn = document.getElementById('copyBtn');
-const copyTooltip = document.getElementById('copyTooltip');
 // showExamplesBtn removed - examples are now always visible
 const examplesGrid = document.getElementById('examplesGrid');
 
@@ -22,7 +21,11 @@ const API_ENDPOINT = 'https://api.example.com/generate-rule';
 document.addEventListener('DOMContentLoaded', function() {
     initializeEventListeners();
     hideAllStates();
-    generateRandomStars();
+    
+    // Only generate stars on non-mobile devices
+    if (window.innerWidth > 768) {
+        generateRandomStars();
+    }
 });
 
 // Event Listeners
@@ -212,7 +215,11 @@ function fallbackCopyToClipboard(text) {
     textArea.select();
 
     try {
-        document.execCommand('copy');
+        // Note: document.execCommand is deprecated but kept for compatibility
+        const success = document.execCommand('copy');
+        if (!success) {
+            throw new Error('Copy command failed');
+        }
     } catch (err) {
         console.error('Fallback copy failed:', err);
     }
@@ -328,7 +335,6 @@ document.addEventListener('DOMContentLoaded', function() {
     const exampleCards = document.querySelectorAll('.example-card');
     exampleCards.forEach(card => {
         card.addEventListener('click', function() {
-            const title = this.querySelector('.example-title').textContent;
             const description = this.querySelector('.example-description').textContent;
 
             // Populate the input with the example description

style.css

@@ -218,8 +218,6 @@ body::before {
     animation-timing-function: ease-in-out;
 }
 
-/* Generated stars will have their positioning set by JavaScript */
-
 /* Card Components */
 .card {
     background: var(--bg-card);
@@ -1451,9 +1449,14 @@ body::before {
 
 
 /* Decoration Animations */
-
-
-
+@keyframes float {
+    0%, 100% { 
+        transform: translateY(0px);
+    }
+    50% { 
+        transform: translateY(-8px);
+    }
+}
 
 @keyframes gentleFloat2 {
     0%, 100% { transform: translateY(0px); }