mirror of
https://github.com/DevJSTAR/JSTAR-Tab.git
synced 2025-04-18 17:35:26 +00:00
Compare commits
No commits in common. "ab9d9a184994b92fa69235b489006276e09e2d5f" and "1faabe03c78c018f8b862a7abb7c5f30d95b35d4" have entirely different histories.
ab9d9a1849
...
1faabe03c7
106
README.md
106
README.md
|
|
@ -1,12 +1,42 @@
|
|||
# 🌟 JSTAR Tab
|
||||
# 🌟 JSTAR Tab v2.6.0
|
||||
|
||||
Welcome to **JSTAR Tab**, the ultimate customizable new tab extension for your browser! Whether you're looking for a sleek, modern design or powerful personalization options, JSTAR Tab has you covered. 🚀
|
||||
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. 🚀
|
||||
|
||||
Transform your browsing experience with custom greetings, themes, shortcuts, and more. 🎉
|
||||
## 🎉 What's New in v2.6.0?
|
||||
|
||||
## ✨ Features
|
||||
- **Enhanced Onboarding Process**: The onboarding experience has been revamped to include options for starting fresh or importing data, making it easier to get started.
|
||||
- **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.
|
||||
|
||||
- **Custom Greeting Formats**: Create personalized greetings using dynamic format tags:
|
||||
## 📥 Installation
|
||||
|
||||
1. Visit [JSTAR Tab Website](https://jstartab.netlify.app)
|
||||
2. Select your browser or mobile browser from the available options.
|
||||
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)
|
||||
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.
|
||||
- Enable "Developer mode" (usually a toggle in the top right corner).
|
||||
- Click "Load unpacked" and select the directory where you extracted the files.
|
||||
|
||||
## 🛠️ Features
|
||||
|
||||
- **Custom Greeting Format**: Create unique greetings using various format tags. 📝
|
||||
- **Customizable Themes**: Choose between light and dark themes to suit your mood. 🌗
|
||||
- **Search Engine Selection**: Choose your preferred search engine from a variety of options.
|
||||
- **Shortcut Management**: Easily add, edit, and remove shortcuts to your favorite sites.
|
||||
- **Data Backup and Restore**: Export your settings and shortcuts to a file and import them back anytime.
|
||||
- **Onboarding Process**: A step-by-step guide to help you set up your new tab with ease.
|
||||
- **Keyboard Shortcuts**: Configure shortcuts for quick access to features.
|
||||
|
||||
## 🎨 Customizing Your Greeting
|
||||
|
||||
1. **Format Tags**: Use these tags in your custom greeting:
|
||||
- `{name}`: Your display name
|
||||
- `{greeting}`: Time-based greeting (e.g., Good morning)
|
||||
- `{time}`: Current time
|
||||
|
|
@ -14,69 +44,37 @@ Transform your browsing experience with custom greetings, themes, shortcuts, and
|
|||
- `{day}`: Day of the week
|
||||
- `{month}`: Current month
|
||||
- `{year}`: Current year
|
||||
|
||||
Examples:
|
||||
2. **Examples**:
|
||||
- "Hello {name}, it's {time} on {day}!"
|
||||
- "{greeting}, {name}! Today is {date}"
|
||||
- "Happy {day}, {name}!"
|
||||
|
||||
- **Customizable Themes**: Switch between light and dark modes to suit your mood. 🌗
|
||||
- **Shortcut Management**: Add, edit, and remove shortcuts to your favorite websites.
|
||||
- **Search Engine Selection**: Choose your preferred search engine for quick and efficient browsing.
|
||||
- **Keyboard Shortcuts**: Set up custom keybinds for various actions:
|
||||
- Open settings
|
||||
- Add a new shortcut
|
||||
- Toggle anonymous mode
|
||||
- Change themes
|
||||
- Redirect to a specific URL (with a notification and "Redirecting to..." message)
|
||||
## 📚 Usage
|
||||
|
||||
- **Data Backup and Restore**: Export and import your settings and shortcuts effortlessly.
|
||||
- **Settings**: Click the settings icon ⚙️ to open the settings panel where you can customize your experience.
|
||||
- **Custom Greeting**: Enter your preferred greeting format in the settings panel.
|
||||
- **Add Shortcuts**: Click the "+" button to add a new shortcut. Enter the name and URL, then save.
|
||||
- **Edit Shortcuts**: Right-click on a shortcut to edit or delete it.
|
||||
- **Theme Toggle**: Switch between light and dark themes using the theme toggle button.
|
||||
- **Keyboard Shortcuts**: Use configured shortcuts for quick actions.
|
||||
|
||||
## 🌐 Getting Started
|
||||
## 📝 Contributing
|
||||
|
||||
### Installation
|
||||
|
||||
1. Visit [JSTAR Tab Website](https://jstartab.netlify.app).
|
||||
2. Select your browser or mobile browser from the available options.
|
||||
3. Follow the installation instructions specific to your browser.
|
||||
|
||||
### Alternative Manual Installation
|
||||
|
||||
1. **Download the Latest Release**: [JSTAR Tab GitHub Releases](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.
|
||||
- Enable "Developer mode" (usually a toggle in the top right corner).
|
||||
- Click "Load unpacked" and select the directory where you extracted the files.
|
||||
|
||||
## 🎨 Customizing Your Experience
|
||||
|
||||
### **Greeting Formats**
|
||||
Personalize your greeting with dynamic tags listed above. Example: "Good {greeting}, {name}! It's {time} on {day}!"
|
||||
|
||||
### **Themes**
|
||||
Toggle between light and dark themes from the settings panel.
|
||||
|
||||
### **Shortcuts**
|
||||
Manage your favorite sites effortlessly:
|
||||
- Add shortcuts with the "+" button.
|
||||
- Edit or delete shortcuts by right-clicking on them.
|
||||
|
||||
### **Keyboard Shortcuts**
|
||||
Set up custom keybinds for quick actions like opening settings or switching themes.
|
||||
|
||||
## ❤️ Acknowledgments
|
||||
|
||||
Special thanks to **[Equa](https://github.com/EquaTechnologies)** for contributing amazing hover animations for shortcuts, settings, and the "Add Shortcut" button. Your work is truly appreciated! 🌟
|
||||
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.
|
||||
|
||||
## 📄 License
|
||||
|
||||
This project is licensed under the [MIT License](https://github.com/DevJSTAR/JSTAR-Tab/blob/main/LICENSE).
|
||||
|
||||
## ❤️ Acknowledgments
|
||||
|
||||
- **Font Awesome**: For the beautiful icons used throughout the extension.
|
||||
- **Google Fonts**: For the sleek and modern typography.
|
||||
|
||||
## 🌐 Connect with Us
|
||||
|
||||
- **[Linktree](https://linktr.ee/jstarsdev)**
|
||||
- **[Patreon](https://patreon.com/jstarsdev)**
|
||||
- **[GitHub Releases](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)**
|
||||
- **[Latest Release](https://github.com/DevJSTAR/JSTAR-Tab/releases/latest)**
|
||||
|
||||
Thank you for choosing JSTAR Tab! We hope you enjoy the seamless and personalized browsing experience it brings. 🚀
|
||||
Thank you for using JSTAR Tab! We hope it makes your browsing experience more enjoyable and productive. 🙂
|
||||
|
|
|
|||
|
|
@ -251,7 +251,7 @@
|
|||
<div class="settings-section">
|
||||
<h3>About</h3>
|
||||
<div class="about-content">
|
||||
<p>JSTAR Tab v2.6.2</p>
|
||||
<p>JSTAR Tab v2.6.0</p>
|
||||
<p>Homepage: <a href="https://github.com/DevJSTAR/JSTAR-Tab" target="_blank">GitHub Repository</a></p>
|
||||
<p>Latest Update: <a href="https://github.com/DevJSTAR/JSTAR-Tab/releases/latest" target="_blank">Check for updates</a></p>
|
||||
<p>License: <a href="https://github.com/DevJSTAR/JSTAR-Tab/blob/main/LICENSE" target="_blank">MIT License</a></p>
|
||||
|
|
@ -310,9 +310,6 @@
|
|||
|
||||
<!-- Context Menu -->
|
||||
<div id="context-menu" class="context-menu hidden">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -255,14 +255,6 @@ 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');
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{
|
||||
"manifest_version": 3,
|
||||
"name": "JSTAR Tab",
|
||||
"version": "2.6.2",
|
||||
"version": "2.6.0",
|
||||
"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"
|
||||
|
|
|
|||
25
style.css
25
style.css
|
|
@ -246,8 +246,8 @@ input[type="text"]:focus {
|
|||
}
|
||||
|
||||
.search-engine-option.selected {
|
||||
background: #dddddd;
|
||||
border: 2px solid #dddddd;
|
||||
background: #eeeeee;
|
||||
border: 2px solid var(--border);
|
||||
}
|
||||
|
||||
.search-engine-option img {
|
||||
|
|
@ -310,12 +310,10 @@ input[type="text"]:focus {
|
|||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s ease;
|
||||
transition: transform 0.2s ease;
|
||||
}
|
||||
|
||||
#add-shortcut:hover {
|
||||
background: var(--primary-hover);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
#shortcuts-grid {
|
||||
|
|
@ -339,7 +337,7 @@ input[type="text"]:focus {
|
|||
}
|
||||
|
||||
.shortcut:hover {
|
||||
transform: scale(1.079);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 15px var(--shadow);
|
||||
}
|
||||
|
||||
|
|
@ -370,7 +368,7 @@ input[type="text"]:focus {
|
|||
}
|
||||
|
||||
/* Settings styles */
|
||||
.settings-button {
|
||||
.settings-button {
|
||||
position: fixed;
|
||||
bottom: 2rem;
|
||||
right: 2rem;
|
||||
|
|
@ -386,17 +384,12 @@ 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;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user