This commit is contained in:
Joey Kimsey
2024-12-26 13:39:59 -05:00
parent 900ca8a691
commit ccc134d1b2
33 changed files with 270 additions and 104 deletions

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Export bookmarks from Brave</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Exporting your bookmarks is lightning fast and simple inside of brave.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Import bookmarks in Brave</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Importing your bookmarks from AllTheBookmarks is lightning fast and simple inside of brave.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to pin the extension to your toolbar in Brave</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Brave extension, you can find it in the

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Access Extension Settings in Brave</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Brave extension, you can find it in the
@ -26,7 +27,7 @@
</div>
<p class="card-text">
(If you need help pinning the extension to your toolbar for easy access, we have a separate
<a href="/bookmarks/tutorials/brave/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
<a href="/tutorials/brave/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
</p>
</div>
</div>

View File

@ -0,0 +1,38 @@
<section class="container my-5">
<h1 class="text-center mb-4">{pretty} Tutorials</h1>
<div class="row g-4">
<!-- Opera Section -->
<div class="col-md-8 offset-2">
{tutorialCrumbs}
<div class="card h-100 shadow-sm context-main-bg">
<div class="card-body text-center">
<i class="fab fa-{printed} fa-3x mb-3 atb-green"></i>
<h5 class="card-title text-center">{pretty}</h5>
<hr>
<ul class="list-group list-group-flush rounded">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}tutorials/{printed}/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}tutorials/{printed}/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}tutorials/{printed}/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}tutorials/{printed}/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Export bookmarks from Chrome</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Exporting your bookmarks is lightning fast and simple inside of chrome.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Import bookmarks in Chrome</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Importing your bookmarks from AllTheBookmarks is lightning fast and simple inside of chrome.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to pin the extension to your toolbar in Chrome</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Chrome extension, you can find it in the

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Access Extension Settings in Chrome</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Chrome extension, you can find it in the
@ -26,7 +27,7 @@
</div>
<p class="card-text">
(If you need help pinning the extension to your toolbar for easy access, we have a separate
<a href="/bookmarks/tutorials/chrome/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
<a href="/tutorials/chrome/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
</p>
</div>
</div>

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Export bookmarks in Firefox</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Exporting your bookmarks is lightning fast and simple inside of firefox.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Import bookmarks in Firefox</h2>
{tutorialCrumbs}
<hr>
<p class="card-text">
Importing your bookmarks from AllTheBookmarks is lightning fast and simple inside of firefox.

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to pin the extension to your toolbar in Firefox</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Firefox add-on, you can find it in the

View File

@ -2,6 +2,7 @@
<div class="card shadow-sm">
<div class="card-body context-main-bg">
<h2 class="card-title text-center mb-4">How to Access Extension Settings in Firefox</h2>
{tutorialCrumbs}
<hr>
<div class="alert alert-success w-100 text-center" role="alert">
If you have not already installed the AllTheBookmarks Firefox add-on, you can find it in the
@ -26,7 +27,7 @@
</div>
<p class="card-text">
(If you need help pinning the extension to your toolbar for easy access, we have a separate
<a href="/bookmarks/tutorials/firefox/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
<a href="/tutorials/firefox/pin" class="text-decoration-none atb-green">tutorial</a> for that.)
</p>
</div>
</div>

View File

@ -10,22 +10,22 @@
<hr>
<ul class="list-group list-group-flush rounded">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/opera/pin" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/opera/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/opera/settings" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/opera/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/opera/import" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/opera/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/opera/export" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/opera/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
@ -43,22 +43,22 @@
<hr>
<ul class="list-group list-group-flush">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/firefox/pin" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/firefox/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/firefox/settings" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/firefox/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/firefox/import" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/firefox/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/firefox/export" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/firefox/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
@ -76,22 +76,22 @@
<hr>
<ul class="list-group list-group-flush">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/chrome/pin" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/chrome/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/chrome/settings" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/chrome/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/chrome/import" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/chrome/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/chrome/export" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/chrome/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
@ -109,22 +109,22 @@
<hr>
<ul class="list-group list-group-flush">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/brave/pin" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/brave/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/brave/settings" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/brave/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/brave/import" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/brave/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/brave/export" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/brave/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
@ -142,22 +142,22 @@
<hr>
<ul class="list-group list-group-flush">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/edge/pin" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/edge/pin" class="text-decoration-none atb-green">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/edge/settings" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/edge/settings" class="text-decoration-none atb-green">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/edge/import" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/edge/import" class="text-decoration-none atb-green">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/edge/export" class="text-decoration-none atb-green">
<a href="{ROOT_URL}tutorials/edge/export" class="text-decoration-none atb-green">
How to export Bookmarks from the browser
</a>
</li>
@ -175,22 +175,22 @@
<hr>
<ul class="list-group list-group-flush">
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/safari/pin" class="text-decoration-none atb-green">
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
How to pin the extension to your toolbar
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/safari/settings" class="text-decoration-none atb-green">
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
How to Open the extension settings page
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/safari/import" class="text-decoration-none atb-green">
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
How to Import Bookmarks into the browser
</a>
</li>
<li class="list-group-item context-second-bg mb-1">
<a href="{ROOT_URL}bookmarks/tutorials/safari/export" class="text-decoration-none atb-green">
<a aria-disabled="true" class="text-decoration-none atb-green disabled">
How to export Bookmarks from the browser
</a>
</li>
@ -198,5 +198,12 @@
</div>
</div>
</div>
{LOGGEDIN}
{BKMTUTS}
<p class="px-2 text-muted text-center">
The Main menu link to this page can be hidden in your <a href="/usercp/settings" class="text-decoration-none atb-green">Profile Settings</a>.
</p>
{/BKMTUTS}
{/LOGGEDIN}
</div>
</section>