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

visual fixes

Browse Source
This commit is contained in:
Joey Kimsey
2024-12-20 14:10:31 -05:00
parent 1c5b020a87
commit 87e4f90bab
9 changed files with 41 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/about.html
View File

@ -1,4 +1,4 @@
<div class="col-8 mx-auto p-4 rounded shadow-sm mb-5 context-main-bg mt-4">
<div class="col-8 mx-auto p-4 rounded shadow-sm context-main-bg my-4">
<h2 class="text-center text-primary mb-4">Welcome to AllTheBookmarks</h2>
<p class="lead">
AllTheBookmarks was built out of a need to manage my own bookmarks better. As a web developer, I would not only use URLs for every aspect of my job, but I also needed to switch browsers, operating systems, or devices. For years, I had a version of this tool that I used on my own local network. In 2025, I'm bringing it to anyone who wants it.

34
app/views/faq.html
View File

@ -1,4 +1,4 @@
<div class="container py-5 context-main-bg my-5">
<div class="container p-4 context-main-bg my-4">
<h1 class="mb-4">Frequently Asked Questions</h1>
<hr>
@ -6,59 +6,59 @@
<div class="mb-5">
<h2 class="h4">Table of Contents</h2>
<ul class="list-unstyled">
<li><a href="#question1" class="text-decoration-none">Does this work on mobile?</a></li>
<li><a href="#question2" class="text-decoration-none">Does this work on Mac/PC/Linux?</a></li>
<li><a href="#question3" class="text-decoration-none">How do I use the extension on my mobile device?</a></li>
<li><a href="#question4" class="text-decoration-none">How do I add this to my phone like an app?</a></li>
<li><a href="#question1" class="text-decoration-none context-main">Does this work on mobile?</a></li>
<li><a href="#question2" class="text-decoration-none context-main">Does this work on Mac/PC/Linux?</a></li>
<li><a href="#question3" class="text-decoration-none context-main">How do I use the extension on my mobile device?</a></li>
<li><a href="#question4" class="text-decoration-none context-main">How do I add this to my phone like an app?</a></li>
</ul>
</div>
<!-- Accordion for Questions -->
<div class="accordion" id="faqAccordion">
<div class="accordion-item">
<h2 class="accordion-header" id="heading1">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
<h2 class="accordion-header context-second-bg" id="heading1">
<button class="accordion-button context-main context-main-bg" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
Does this work on mobile?
</button>
</h2>
<div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question1">
<div class="ml-5 accordion-body context-main context-main-bg" id="question1">
Yes, this works seamlessly on mobile devices.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading2">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<h2 class="accordion-header context-main context-second-bg" id="heading2">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Does this work on Mac/PC/Linux?
</button>
</h2>
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question2">
<div class="accordion-body context-main context-main-bg" id="question2">
Yes, it is compatible with Mac, PC, and Linux platforms.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading3">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<h2 class="accordion-header context-main context-second-bg" id="heading3">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
How do I use the extension on my mobile device?
</button>
</h2>
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question3">
<div class="accordion-body context-main context-main-bg" id="question3">
To use the extension on mobile, open your browser, install the extension, and follow the setup instructions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading4">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<h2 class="accordion-header context-main context-second-bg" id="heading4">
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
How do I add this to my phone like an app?
</button>
</h2>
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-bs-parent="#faqAccordion">
<div class="accordion-body" id="question4">
<div class="accordion-body context-main context-main-bg" id="question4">
You can add it to your phone by installing the app or creating a shortcut from your browser to your home screen.
</div>
</div>

2
app/views/footer/center.html
View File

@ -1,4 +1,4 @@
<div class="col-6 col-md-2 mb-3">
<div class="col-6 col-md-2 mb-3 text-center">
<h5>More Info</h5>
<ul class="nav flex-column">
{LOOP}

2
app/views/footer/left.html
View File

@ -1,4 +1,4 @@
<div class="col-6 col-md-2 mb-3">
<div class="col-6 col-md-2 mb-3 text-center">
<h5>Contact Us</h5>
<ul class="nav flex-column">
{LOOP}

4
app/views/footer/right.html
View File

@ -1,6 +1,6 @@
<div class="col-6 col-md-2 mb-3">
<div class="col-6 col-md-2 mb-3 text-center">
<h5>Dark Mode</h5>
<div class="material-switch px-4">
<div class="material-switch px-4 mt-2">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
<label for="dark-mode-toggle" class="label-default"></label>
</div>