many fixes and updates
This commit is contained in:
Joey Kimsey
64
app/plugins/bookmarks/views/extensions/bookmarklet.html
Normal file
64
app/plugins/bookmarks/views/extensions/bookmarklet.html
Normal file
@ -0,0 +1,64 @@
|
||||
<div class="col-10 offset-md-1 context-main-bg p-4 my-5">
|
||||
<legend class="text-center">Mobile Bookmarklet</legend>
|
||||
<hr>
|
||||
<div class="col-8 offset-2 ">
|
||||
<div class="h5">
|
||||
<p>
|
||||
You can quickly and easily add bookmarks to your AllTheBookmarks account from any mobile device.
|
||||
Since you can't use extensions on mobile, you can log in from your mobile device and visit this page.
|
||||
</p>
|
||||
<p>
|
||||
Below is a code snippet that you can copy, then create a new bookmark on your mobile device as you would normally.
|
||||
Before saving the bookmark, change the name to something simple like "ATB Bookmarker" and paste thiis code as the url.
|
||||
</p>
|
||||
<p>
|
||||
Once you have the bookmarklet saved, you can simply go to your mobile bookmarks while on a page and this snippet will grab the info you need and add it to you account.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<pre lang="javascript">
|
||||
javascript:(function() {
|
||||
const apiKey = localStorage.getItem('notAnAuthToken');
|
||||
const apiUrl = localStorage.getItem('api_url');
|
||||
const name = prompt("Enter a name for the bookmark:");
|
||||
const notes = prompt("Enter any notes (optional):");
|
||||
const color = prompt("Enter a color (optional):");
|
||||
const privacy = prompt("Enter privacy level (e.g., public/private):");
|
||||
const folder = prompt("Enter a folder (optional):");
|
||||
const url = window.location.href;
|
||||
|
||||
if (!apiKey) {
|
||||
alert("You must sign in to obtain an auth token.");
|
||||
return;
|
||||
}
|
||||
|
||||
if (!name) {
|
||||
alert("Name is required.");
|
||||
return;
|
||||
}
|
||||
|
||||
fetch(apiUrl + 'api/bookmarks/create', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'Authorization': `Bearer ${apiKey}`
|
||||
},
|
||||
body: JSON.stringify({ name, url, notes, color, privacy, folder })
|
||||
})
|
||||
.then(response => {
|
||||
if (response.ok) {
|
||||
alert("Bookmark saved successfully!");
|
||||
} else {
|
||||
alert("Failed to save bookmark. Please check your API key.");
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error);
|
||||
alert("An unknown error occurred while saving the bookmark.");
|
||||
});
|
||||
})();
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
62
app/plugins/bookmarks/views/extensions/brave.html
Normal file
62
app/plugins/bookmarks/views/extensions/brave.html
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-brave fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Brave Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Brave addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="/brave" class="btn btn-primary atb-green-bg btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Brave
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
62
app/plugins/bookmarks/views/extensions/chrome.html
Normal file
62
app/plugins/bookmarks/views/extensions/chrome.html
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-chrome fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Chrome Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Chrome addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="/chrome" class="btn btn-primary atb-green-bg btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Chrome
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
62
app/plugins/bookmarks/views/extensions/edge.html
Normal file
62
app/plugins/bookmarks/views/extensions/edge.html
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-edge fa-3x text-info mb-3"></i>
|
||||
<h5 class="card-title">Edge Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Edge addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary atb-green-bg btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Edge
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
62
app/plugins/bookmarks/views/extensions/firefox.html
Normal file
62
app/plugins/bookmarks/views/extensions/firefox.html
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-firefox fa-3x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Firefox Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Firefox addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="/firefox" class="btn btn-primary atb-green-bg btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Firefox
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
78
app/plugins/bookmarks/views/extensions/index.html
Normal file
78
app/plugins/bookmarks/views/extensions/index.html
Normal file
@ -0,0 +1,78 @@
|
||||
<div class="container py-5">
|
||||
<!-- Page Header -->
|
||||
<div class="text-center mb-4">
|
||||
<h1 class="fw-bold">Our Browser Extensions</h1>
|
||||
<p class="lead text-muted">Discover powerful tools to enhance your browsing experience, compatible with the browsers you love.</p>
|
||||
</div>
|
||||
|
||||
<!-- Products Grid -->
|
||||
<div class="row g-4">
|
||||
<!-- Chrome Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-chrome fa-3x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Chrome Extension</h5>
|
||||
<p class="card-text">Enhance your Chrome browser with advanced features and effortless organization.</p>
|
||||
<a href="/extensions/chrome" class="btn btn-primary atb-green-bg btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Firefox Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-firefox fa-3x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Firefox Extension</h5>
|
||||
<p class="card-text">Seamlessly integrate with Firefox for a smoother browsing experience.</p>
|
||||
<a href="/extensions/firefox" class="btn btn-primary atb-green-bg btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Opera Extension -->
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-opera fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Opera Extension</h5>
|
||||
<p class="card-text">Boost your Opera browser with intuitive features and tools.</p>
|
||||
<a href="/extensions/opera" class="btn btn-primary atb-green-bg btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Brave Extension -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-brave fa-3x text-orange mb-3"></i>
|
||||
<h5 class="card-title">Brave Extension</h5>
|
||||
<p class="card-text">Enjoy secure and private browsing with Brave, enhanced by our extension.</p>
|
||||
<a href="/extensions/brave" class="btn btn-primary atb-green-bg btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edge Extension -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fab fa-edge fa-3x text-info mb-3"></i>
|
||||
<h5 class="card-title">Edge Extension</h5>
|
||||
<p class="card-text">Maximize productivity on Microsoft Edge with our extension.</p>
|
||||
<a href="/extensions/edge" class="btn btn-primary atb-green-bg btn-sm">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Safari Disclaimer -->
|
||||
<div class="text-center mt-5">
|
||||
<p class="text-muted">
|
||||
<i class="fas fa-exclamation-circle me-2"></i>
|
||||
Unfortunately, our extensions are not currently supported on <a href="/extensions/safari" class="text-decoration-none atb-green">Safari</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
62
app/plugins/bookmarks/views/extensions/opera.html
Normal file
62
app/plugins/bookmarks/views/extensions/opera.html
Normal file
@ -0,0 +1,62 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-opera fa-3x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Opera Extension</h5>
|
||||
<p class="lead text-muted">Your ultimate Opera addon to organize, store, and personalize your bookmarks effortlessly.</p>
|
||||
</div>
|
||||
|
||||
<!-- Features Section -->
|
||||
<div class="row g-4">
|
||||
<!-- Feature: Add and Manage Bookmarks -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-bookmark fa-2x text-primary mb-3"></i>
|
||||
<h5 class="card-title">Add & Manage Bookmarks</h5>
|
||||
<p class="card-text">Quickly add bookmarks, organize them, and never lose track of your favorite websites.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Create Folders -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-folder-open fa-2x text-success mb-3"></i>
|
||||
<h5 class="card-title">Create Folders</h5>
|
||||
<p class="card-text">Group your bookmarks into customizable folders for better organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Set Colors -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-palette fa-2x text-warning mb-3"></i>
|
||||
<h5 class="card-title">Set Colors</h5>
|
||||
<p class="card-text">Personalize your folders and bookmarks with color coding.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Feature: Privacy Settings -->
|
||||
<div class="col-md-6">
|
||||
<div class="card shadow-sm h-100 context-main-bg">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-lock fa-2x text-danger mb-3"></i>
|
||||
<h5 class="card-title">Privacy Controls</h5>
|
||||
<p class="card-text">Keep your bookmarks private or share them—your choice, your control.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div class="text-center mt-5">
|
||||
<a href="#" class="btn btn-primary atb-green-bg btn-lg">
|
||||
<i class="fas fa-download me-2"></i>Get the Addon for Opera
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
9
app/plugins/bookmarks/views/extensions/safari.html
Normal file
9
app/plugins/bookmarks/views/extensions/safari.html
Normal file
@ -0,0 +1,9 @@
|
||||
<div class="container py-5">
|
||||
<!-- Product Title and Overview -->
|
||||
<div class="text-center mb-4">
|
||||
<i class="fab fa-safari fa-3x text-danger mb-3"></i>
|
||||
<h1 class="fw-bold">AllTheBookmarks</h1>
|
||||
<h5 class="card-title">Safari Extension</h5>
|
||||
<p class="lead text-muted">I'm just gonna level with ya here, I have no idea if this will work on safari, and I'm not going to buy an apple product to find out. If you would like to gift me a relatively modern mac computer, I will happily test and find out.</p>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user