Merge pull request #2 from EquaTechnologies/main

JSTAR Tab v2.6.2

README.md

@@ -1,14 +1,10 @@
-# 🌟 JSTAR Tab v2.6.0
+# 🌟 JSTAR Tab v2.6.2
 
-Welcome to **JSTAR Tab v2.6.0**! This version builds upon the previous release with new features and improvements to enhance your browsing experience even further. 🚀
+Welcome to **JSTAR Tab v2.6.2**! This version builds upon the previous release with new features and improvements to enhance your browsing experience even further. 🚀
 
-## 🎉 What's New in v2.6.0?
+## 🎉 What's New in v2.6.2?
 
-- **Enhanced Onboarding Process**: The onboarding experience has been revamped to include options for starting fresh or importing data, making it easier to get started.
+- **New/Improved animations**: Experience the new responsive animations in the new update!
-- **Keyboard Shortcuts**: Added the ability to configure keyboard shortcuts for quicker navigation and actions.
-- **Improved Data Management**: Enhanced import/export functionality with better validation and error handling.
-- **Custom Greeting Enhancements**: Added new format variables for custom greetings, allowing for more personalized messages.
-- **UI and UX Improvements**: Various updates to the user interface for a more seamless experience, including responsive design adjustments.
 
 ## 📥 Installation
 
@@ -17,7 +13,7 @@ Welcome to **JSTAR Tab v2.6.0**! This version builds upon the previous release w
 3. Follow the installation instructions specific to your browser.
 
 Alternative Manual Installation:
-1. **Download the Latest Release**: [JSTAR Tab v2.6.0](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)
+1. **Download the Latest Release**: [JSTAR Tab v2.6.2](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)
 2. **Extract the Files**: Unzip the downloaded file to a directory of your choice.
 3. **Load the Extension**:
    - Open your browser and navigate to the extensions page.
@@ -61,6 +57,7 @@ Alternative Manual Installation:
 ## 📝 Contributing
 
 We welcome contributions! If you have suggestions or improvements, feel free to fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.
+Thanks JSTAR.
 
 ## 📄 License
 
@@ -77,4 +74,4 @@ This project is licensed under the [MIT License](https://github.com/DevJSTAR/JST
 - **[Patreon](https://patreon.com/jstarsdev)**
 - **[Latest Release](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)**
 
-Thank you for using JSTAR Tab! We hope it makes your browsing experience more enjoyable and productive. 🙂
+Thank you for using JSTAR Tab! We hope it makes your browsing experience more enjoyable and productive. Meow? 🙂 

index.html

@@ -310,6 +310,10 @@
 
     <!-- Context Menu -->
     <div id="context-menu" class="context-menu hidden">
+        <!-- New "Open in New Tab" option -->
+        <div class="context-menu-item" data-action="open-new-tab">
+            <i class="fas fa-external-link-alt"></i> Open in New Tab
+        </div>
         <div class="context-menu-item" data-action="edit">
             <i class="fas fa-edit"></i> Edit
         </div>
@@ -328,4 +332,4 @@
     <script src="js/main.js"></script>
     <script src="js/keybinds.js"></script>
 </body>
-</html>
+</html>

js/shortcuts.js

@@ -255,7 +255,15 @@ const shortcuts = {
                     }
                 } else if (action === 'delete') {
                     shortcuts.remove(index);
-                }
+                } else if (action === 'open-new-tab') {
+                    const currentShortcuts = Storage.get('shortcuts') || [];
+                    const shortcut = currentShortcuts[index];
+                                
+                    // Open the URL of the shortcut in a new tab
+                     if (shortcut && shortcut.url) {
+                         window.open(shortcut.url, '_blank');
+                                }
+                        }
                 
                 contextMenu.classList.add('hidden');
             });
@@ -263,4 +271,4 @@ const shortcuts = {
         
         shortcuts.render();
     }
-};
+};

manifest.json

@@ -1,7 +1,7 @@
 {
     "manifest_version": 3,
     "name": "JSTAR Tab",
-    "version": "2.6.0",
+    "version": "2.6.2",
     "description": "JSTAR Tab is a sleek, customizable new tab extension with personalized greetings, shortcuts, anonymous mode, search engine settings, themes, data management, and more, for an enhanced browsing experience.",
     "chrome_url_overrides": {
         "newtab": "index.html"
@@ -32,4 +32,4 @@
         ],
         "matches": ["<all_urls>"]
     }]
-}
+}

style.css

@@ -314,6 +314,7 @@ input[type="text"]:focus {
 
 #add-shortcut:hover {
     background: var(--primary-hover);
+    transform: scale(1.2); /* Scale up the element to 110% */
 }
 
 #shortcuts-grid {
@@ -336,9 +337,9 @@ input[type="text"]:focus {
     box-shadow: 0 2px 10px var(--shadow);
 }
 
+/* Scale go up (no i won't remove this) WARP*/
 .shortcut:hover {
-    transform: translateY(-2px);
+    transform: scale(1.079); /* Scale up the element*/
-    box-shadow: 0 4px 15px var(--shadow);
 }
 
 .shortcut img {
@@ -367,8 +368,8 @@ input[type="text"]:focus {
     opacity: 1;
 }
 
-/* Settings styles */
+/* Settings styles (so sigma) */
-.settings-button {
+  .settings-button {
     position: fixed;
     bottom: 2rem;
     right: 2rem;
@@ -384,12 +385,17 @@ input[type="text"]:focus {
     font-size: 1.25rem;
     color: var(--text);
     box-shadow: 0 4px 24px var(--shadow);
-}
+    transition: transform 0.4s ease;
+  }
+
+  .settings-button:hover {
+    transform: rotate(180deg);
+  }
+
+  .settings-button:active {
+    transform: rotate(360deg);
+  }
 
-.settings-button:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 32px var(--shadow);
-}
 
 .settings-panel {
     max-height: 80vh;
@@ -989,4 +995,4 @@ input:checked + .toggle-slider:before {
     padding: 0 8px;
     color: var(--text);
     font-size: 0.9rem;
-}
+}