all atb changes
This commit is contained in:
Joey Kimsey
108
app/plugins/bookmarks/views/extensions/bookmarklet.html
Normal file
108
app/plugins/bookmarks/views/extensions/bookmarklet.html
Normal file
@ -0,0 +1,108 @@
|
||||
<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. Copy the code, 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 this 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="context-second-bg p-4 border m-4">
|
||||
<form method="post">
|
||||
<fieldset>
|
||||
<!-- Privacy -->
|
||||
<div class="d-flex align-items-center border p-2 rounded mb-3 context-main-bg">
|
||||
<div class="me-3 fw-bold">Default privacy:</div>
|
||||
<div class="">
|
||||
<select id="privacy" name="privacy" class="form-control">
|
||||
<option value="private">Private</option>
|
||||
<option value="public">Public</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Description -->
|
||||
<div class="d-flex align-items-center border p-2 rounded mb-3 context-main-bg">
|
||||
<div class="me-3 fw-bold">Ask for Description:</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="includeDescription" name="includeDescription"{editModeSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="includeDescription"></label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Color -->
|
||||
<div class="d-flex align-items-center border p-2 rounded mb-3 context-main-bg">
|
||||
<div class="me-3 fw-bold">Include a default color:</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="includeColor" name="includeColor"{editModeSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="includeColor"></label>
|
||||
</div>
|
||||
<div class="">
|
||||
{colorSelect}
|
||||
</div>
|
||||
</div>
|
||||
<!-- Folder -->
|
||||
<div class="d-flex align-items-center border p-2 rounded mb-3 context-main-bg">
|
||||
<div class="me-3 fw-bold">Include a default folder:</div>
|
||||
<div class="form-check form-switch">
|
||||
<input class="form-check-input" type="checkbox" id="includeFolder" name="includeFolder"{editModeSwitch_IS_CHECKED}>
|
||||
<label class="form-check-label" for="includeFolder"></label>
|
||||
</div>
|
||||
<div class="">
|
||||
{folderSelect}
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="card-footer d-flex justify-content-center align-items-center context-main-bg">
|
||||
<button type="submit" name="submit" value="submit" class="btn btn-md atb-green-outline my-2">Refresh Code</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="context-second-bg p-4">
|
||||
<pre lang="javascript">
|
||||
javascript:(function() {
|
||||
const apiKey = "{BK_API_KEY}";
|
||||
const apiUrl = "{BK_API_URL}";
|
||||
const url = window.location.href;
|
||||
const name = prompt("Enter a name for the bookmark:");
|
||||
{BK_JS_NOTES}
|
||||
{BK_JS_COLOR}
|
||||
{BK_JS_PRIVACY}
|
||||
{BK_JS_FOLDER}
|
||||
|
||||
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>
|
||||
@ -0,0 +1,19 @@
|
||||
<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>
|
||||
Once logged in, there will be a code snippet that you can copy. Copy the code, 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 this 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>
|
||||
</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 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 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="/edge" class="btn 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 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 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 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 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 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 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="/opera" class="btn 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