the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Joey Kimsey
2024-12-24 22:15:01 -05:00
parent f8e75e847d
commit 900ca8a691
110 changed files with 1065 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/plugins/bookmarks/views/tutorials/chrome/pin.html Normal file
View File

@ -0,0 +1,35 @@
<section class="container my-5">
<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>
<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
<a href="/chrome" class="text-decoration-none text-primary" target="_blank">Chrome Web Store</a>.
</div>
<p class="card-text">
Once installed, you can add the extension to your chrome toolbar with just a few easy steps.
</p>
<h5 class="mt-4">Step 1: Find the extensions icon on your toolbar.</h5>
<p class="card-text">
It should look like this:
</p>
<div class="text-center">
<img src="/app/plugins/bookmarks/images/chrome/extensions-icon.png" class="img-fluid rounded mb-4" alt="Right-clicking on the extension icon">
</div>
<h5>Step 2: Left click this icon and a list of your currently installed extensions should show.</h5>
<p class="card-text">
Next to AllTheBookmarks, on the right you should see a pin icon, click this.
</p>
<div class="text-center">
<img src="/app/plugins/bookmarks/images/chrome/pin.png" class="img-fluid rounded mb-4" alt="Extension settings page">
</div>
<p class="card-text">
Once pinned, you should see the AllTheBookmarks icon on the toolbar.
</p>
<div class="text-center">
<img src="/app/plugins/bookmarks/images/chrome/pinned.png" class="img-fluid rounded mb-4" alt="Extension settings page">
</div>
</div>
</div>
</section>