all atb changes
This commit is contained in:
Joey Kimsey
@ -2,11 +2,7 @@
|
||||
<div class="col-12 mx-5 col-sm-10 col-lg-8 mx-auto p-4 rounded shadow-sm context-main-bg">
|
||||
<h2 class="text-center mb-4">About {SITENAME}</h2>
|
||||
<p class="lead text-center text-lg-start">
|
||||
{SITENAME} was built out of a need to create and manage web applications.
|
||||
At the time, I had used wordpress but I didn't want or even need any of the blog functionality.
|
||||
No matter what plugins you add, no matter how you customize layout, wordpress is still a blog at its core.
|
||||
There is nothing inherently wrong with a blog, but when you start from a blog, everything is a post, or a plugin.
|
||||
Under the hood, wordpress is going to run how wordpress wants, as a web interface for accessing text records.
|
||||
{SITENAME} 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.
|
||||
</p>
|
||||
<p class="text-center text-lg-start">
|
||||
The Tempus Project was always intended to be a web application, not a blog.
|
||||
@ -15,13 +11,13 @@
|
||||
Right now, this entire system was built and managed by myself. As stated, I have used my own version of this for years, but translating it to a publicly available product is not a 1-to-1 job. There may be bugs or issues encountered while you use the product. I can't guarantee a fix for every need in every case immediately, but I do actively keep track of bugs and work hard to ensure everyone has a great experience using the app.
|
||||
</p>
|
||||
<p class="text-center text-lg-start">
|
||||
If you encounter any bugs, feel free to report them <a href="/bugreport" class="text-decoration-none">here</a>. Likewise, there are forms for feedback, reviews, suggestions, and a general contact form. Thanks for taking the time to check out the product!
|
||||
If you encounter any bugs, feel free to report them <a href="/bugreport" class="text-decoration-none atb-green">here</a>. Likewise, there are forms for feedback, reviews, suggestions, and a general contact form. Thanks for taking the time to check out the product!
|
||||
</p>
|
||||
<div class="text-center mt-4 pb-4">
|
||||
{loggedin}
|
||||
<a href="/bugreport" class="btn btn-primary px-3 btn-lg m-2">Report a Bug</a>
|
||||
<a href="/bugreport" class="btn atb-green-bg px-3 btn-lg m-2">Report a Bug</a>
|
||||
{/loggedin}
|
||||
<a href="/contact" class="btn btn-outline-primary px-3 m-2 btn-lg">Contact Us</a>
|
||||
<a href="/contact" class="btn atb-green-outline px-3 m-2 btn-lg">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -26,14 +26,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center pt-1 mb-5 pb-1">
|
||||
<button name="submit" value="submit" type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-3">
|
||||
<button name="submit" value="submit" type="submit" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary btn-block mb-3 atb-green-bg">
|
||||
Sign in
|
||||
</button>
|
||||
<a class="text-muted" href="{ROOT_URL}register/recover">Forgot password?</a>
|
||||
</div>
|
||||
<div class="d-flex align-items-center justify-content-center pb-4">
|
||||
<p class="mb-0 me-2">Don't have an account?</p>
|
||||
<a href="{ROOT_URL}register" data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-dark">
|
||||
<a href="{ROOT_URL}register" data-mdb-button-init data-mdb-ripple-init class="btn btn-outline-dark atb-green-outline">
|
||||
Create new
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
<div class="">
|
||||
<input type="checkbox" class="form-check-input" name="terms" id="terms" value="1" required>
|
||||
<label for="terms" class="form-check-label">
|
||||
I have read and agree to the <a href="/home/terms" class="text-primary text-decoration-none">Terms of Service</a>
|
||||
I have read and agree to the <a href="/home/terms" class="text-decoration-none atb-green">Terms of Service</a>
|
||||
</label>
|
||||
</div>
|
||||
<div class="terms mt-2 mx-auto">
|
||||
@ -60,7 +60,7 @@
|
||||
|
||||
<!-- Submit Button -->
|
||||
<div class="text-center">
|
||||
<button type="submit" name="submit" value="submit" class="btn btn-primary btn-lg">Sign up</button>
|
||||
<button type="submit" name="submit" value="submit" class="btn btn-lg atb-green-bg">Sign up</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
</td>
|
||||
<td width="37" style="text-align: center; padding: 0 10px 0 10px;">
|
||||
<a href="{ROOT_ADDRESS}">
|
||||
<img src="{ROOT_ADDRESS}images/logoWhite.png" width="37" height="37" alt="{SITENAME}" border="0" style="height: auto;">
|
||||
<img src="{ROOT_ADDRESS}images/logo180.png" width="37" height="37" alt="{SITENAME}" border="0" style="height: auto;">
|
||||
</a>
|
||||
</td>
|
||||
<td width="37" style="text-align: center; padding: 0 10px 0 10px;">
|
||||
|
||||
@ -3,63 +3,218 @@
|
||||
<h2 class="text-center mb-4">Frequently Asked Questions</h2>
|
||||
<hr>
|
||||
|
||||
<!-- Table of Contents -->
|
||||
<div class="mb-4">
|
||||
<h2 class="h4 text-primary">General Questions</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#generalHeading1" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse1">Does {SITENAME} work on mobile?</a></li>
|
||||
<li><a href="#generalHeading2" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse2">Does {SITENAME} work on Mac/PC/Linux?</a></li>
|
||||
<li><a href="#generalHeading3" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse3">How much does {SITENAME} cost?</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Table of Contents -->
|
||||
<div class="mb-4">
|
||||
<h2 class="h4 atb-green">General Questions</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#generalHeading1" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse1">Does this work on mobile?</a></li>
|
||||
<li><a href="#generalHeading2" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse2">Does this work on Mac / PC / Linux?</a></li>
|
||||
<li><a href="#generalHeading3" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse3">I have a ton of bookmarks, how can I add them all to allthebookmarks?</a></li>
|
||||
<li><a href="#generalHeading4" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse4">I have everything organized now, how do I add the bookmarks back?</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Accordion for General Questions -->
|
||||
<div class="accordion mb-5" id="generalAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-second-bg" id="generalHeading1">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
|
||||
Does {SITENAME} work on mobile?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse" aria-labelledby="generalHeading1" data-bs-parent="#generalAccordion">
|
||||
<div class="ml-5 accordion-body context-main context-other-bg" id="general1">
|
||||
<span class="text-lead text-primary">
|
||||
Yes, {SITENAME} is a responsive web-app and it works seamlessly on mobile devices.
|
||||
The front-end is powered by Bootstrap 5.2.3 the original design system used by twitter.
|
||||
In addition to the powerful tools behind the scenes, every page on {SITENAME} has been tested to work on devices of all sizes.
|
||||
</span>
|
||||
</div>
|
||||
<!-- Accordion for General Questions -->
|
||||
<div class="accordion mb-5" id="generalAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-second-bg" id="generalHeading1">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
|
||||
Does this work on mobile?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse1" class="accordion-collapse collapse" aria-labelledby="generalHeading1" data-bs-parent="#generalAccordion">
|
||||
<div class="ml-5 accordion-body context-main context-main-bg" id="general1">
|
||||
<span class="atb-green">
|
||||
Yes, the web app works seamlessly on mobile devices. At this time, the app is being optimized for even better mobile friendly use.
|
||||
While our browser extensions cannot be used on mobile, users are given the ability to use our bookmarklet.
|
||||
The Bookmarklet is similar to a small app you can save in your mobile browser. More information can be found on our extensions page.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="generalHeading2">
|
||||
<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 {SITENAME} work on Mac/PC/Linux?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse2" class="accordion-collapse collapse" aria-labelledby="generalHeading2" data-bs-parent="#generalAccordion">
|
||||
<div class="accordion-body context-main context-other-bg" id="general2">
|
||||
<span class="text-lead text-primary">
|
||||
Yes, in more ways than one.
|
||||
Since {SITENAME} is designed as a responsive web-app, its accessible from any browser connected to the internet.
|
||||
Behind the scenes, the app can be installed on any server hardware and has been tested with both nginx and Apache web-servers.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="generalHeading2">
|
||||
<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="generalHeading2" data-bs-parent="#generalAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="general2">
|
||||
<span class="atb-green">
|
||||
Yes, the web app is compatible with Mac, PC, and Linux platforms.
|
||||
At this time, there is no extension support directly for safari, but you can use one of the other available browsers on a Mac computer to achieve similar results.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="generalHeading3">
|
||||
<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 much does {SITENAME} cost?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="generalHeading3" data-bs-parent="#generalAccordion">
|
||||
<div class="accordion-body context-main context-other-bg" id="general3">
|
||||
<span class="text-lead text-primary">
|
||||
{SITENAME} is open source and available free of charge through <a href="{ROOT_URL}libraries/ttp/git" class="text-decoration-none">GitLab</a> and <a href="{ROOT_URL}libraries/ttp/packagist" class="text-decoration-none">Packagist</a>.
|
||||
The developer behind the project is <a href="https://joeykimsey.com/" class="text-decoration-none">Joey Kimsey</a> and he can be contacted through his website for development services.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="generalHeading3">
|
||||
<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">
|
||||
I have a ton of bookmarks, how can I add them all to allthebookmarks?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse3" class="accordion-collapse collapse" aria-labelledby="generalHeading3" data-bs-parent="#generalAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="general3">
|
||||
<span class="atb-green">
|
||||
All major browsers have a method for exporting bookmarks to a file.
|
||||
Conveniently, you can find a tutorial on this process for your browser, on our tutorials page.
|
||||
Our members can access the bookmark imports feature which will allow you to take that file and upload all the bookmarks to your dashboard.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="generalHeading4">
|
||||
<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">
|
||||
I have everything organized now, how do I add the bookmarks back?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse4" class="accordion-collapse collapse" aria-labelledby="generalHeading4" data-bs-parent="#generalAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="general4">
|
||||
<span class="atb-green">
|
||||
All major browsers have a method for importing bookmarks from a file.
|
||||
Conveniently, you can find a tutorial on this process for your browser, on our tutorials page.
|
||||
Our members can access the bookmark export feature which will allow you to generate a file from any number of folders and bookmarks on the site.
|
||||
This file can be used to import all those bookmarks right into your browser of choice.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h2 class="h4 atb-green">Mobile Device Questions</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#mobileHeading1" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse5">How do I add bookmarks on my mobile device?</a></li>
|
||||
<li><a href="#mobileHeading2" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse6">How do I use the extension on my mobile device?</a></li>
|
||||
<li><a href="#mobileHeading3" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse7">How do I add this to my phone like an app?</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Accordion for Mobile Questions -->
|
||||
<div class="accordion mb-5" id="mobileAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-second-bg" id="mobileHeading1">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
|
||||
How do I add bookmarks on my mobile device?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse5" class="accordion-collapse collapse" aria-labelledby="mobileHeading1" data-bs-parent="#mobileAccordion">
|
||||
<div class="ml-5 accordion-body context-main context-main-bg" id="mobile1">
|
||||
<span class="atb-green">
|
||||
Adding bookmarks from your mobile device is incredibly easy with our bookmarklet, available for use on all mobile devices with supported web-browsing.
|
||||
In addition to the bookmarklet, you always have the ability to add a bookmark directly from the web app here.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="mobileHeading2">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="false" aria-controls="collapse6">
|
||||
How do I use the extension on my mobile device?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse6" class="accordion-collapse collapse" aria-labelledby="mobileHeading2" data-bs-parent="#mobileAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="mobile2">
|
||||
<span class="atb-green">
|
||||
At this time, none of our browser extensions are directly supported on mobile. You can still utilize the web-app or mobile-bookmarklet from any device.
|
||||
This is more of an industry choice than a design decision as most mobile browsers have no support at all for mobile extensions.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="mobileHeading3">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
|
||||
How do I add this to my phone like an app?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse7" class="accordion-collapse collapse" aria-labelledby="mobileHeading3" data-bs-parent="#mobileAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="mobile3">
|
||||
<span class="atb-green">
|
||||
While there isn't currently and Android or iPhone app available, you can add shortcut to your phone's home-screen for easy access to our web-app.
|
||||
We have tutorials on how to do this available for both iPhone and Android devices.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h2 class="h4 atb-green">Extension Questions</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="#extensionHeading1" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse8">Why isn't the extension in dark mode?</a></li>
|
||||
<li><a href="#extensionHeading2" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse9">How do I switch-accounts or sign-out of the extension?</a></li>
|
||||
<li><a href="#extensionHeading3" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse10">Folders in the extension don't match the folders on the site, what do I do?</a></li>
|
||||
<li><a href="#extensionHeading4" class="text-decoration-none context-main" data-bs-toggle="collapse" data-bs-target="#collapse11">I use the same Folder / Privacy / Color frequently, do i need to change it every time I bookmark something?</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Accordion for Extension Questions -->
|
||||
<div class="accordion mb-3" id="extensionAccordion">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-second-bg" id="extensionHeading1">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
|
||||
Why isn't the extension in dark mode?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse8" class="accordion-collapse collapse" aria-labelledby="extensionHeading1" data-bs-parent="#extensionAccordion">
|
||||
<div class="ml-5 accordion-body context-main context-main-bg" id="extension1">
|
||||
<span class="atb-green">
|
||||
While the site and extension both support Dark-Mode, they aren't sharing that setting between them both.
|
||||
If you would like to change DarkMode in the web app, you can find the toggle in your profile settings.
|
||||
If you would like to change DarkMode in the extension, you can find the toggle in your settings.
|
||||
If you need more info on finding the extension settings, we have tutorials available that can help.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="extensionHeading2">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
|
||||
How do I switch-accounts or sign-out of the extension?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse9" class="accordion-collapse collapse" aria-labelledby="extensionHeading2" data-bs-parent="#extensionAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="extension2">
|
||||
<span class="atb-green">
|
||||
To Sign out, simply open the extension settings page and there should be a log-out button in grey, at the top-right of the page.
|
||||
If you need more info on finding the extension settings, we have tutorials available that can help.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="extensionHeading3">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
|
||||
Folders in the extension don't match the folders on the site, what do I do?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse10" class="accordion-collapse collapse" aria-labelledby="extensionHeading3" data-bs-parent="#extensionAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="extension3">
|
||||
<span class="atb-green">
|
||||
Unfortunately, as part of our commitment to your privacy, the extension works in a fairly one-sided manner.
|
||||
This means the app is never pushing new data to your extension, instead the extension must request the list from the web-app.
|
||||
In some cases this can lead to a miss-match between what you have saved in the app vs what you have available in the extension.
|
||||
To fix this, simply open the extension settings page. This should sync your folders with the web-app.
|
||||
If you need more info on finding the extension settings, we have tutorials available that can help.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header context-main context-second-bg" id="extensionHeading4">
|
||||
<button class="accordion-button context-main context-main-bg collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapse11">
|
||||
I use the same Folder / Privacy / Color frequently, do i need to change it every time I bookmark something?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse11" class="accordion-collapse collapse" aria-labelledby="extensionHeading4" data-bs-parent="#extensionAccordion">
|
||||
<div class="accordion-body context-main context-main-bg" id="extension4">
|
||||
<span class="atb-green">
|
||||
The extension settings page provides a convenient way to change your default settings when adding folders or bookmarks.
|
||||
You can select the Folder, color, and privacy defaults all from a single page.
|
||||
If you need more info on finding the extension settings, we have tutorials available that can help.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
|
||||
<h5>More Info</h5>
|
||||
<h5 class="atb-green">More Info</h5>
|
||||
<ul class="nav flex-column">
|
||||
{LOOP}
|
||||
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
<div class="d-flex justify-content-center justify-content-md-start text-center text-md-start">
|
||||
<span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
|
||||
<span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none atb-green">The Tempus Project</a></span>
|
||||
</div>
|
||||
@ -1,5 +1,5 @@
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
|
||||
<h5>Contact Us</h5>
|
||||
<h5 class="atb-green">Contact Us</h5>
|
||||
<ul class="nav flex-column">
|
||||
{LOOP}
|
||||
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
|
||||
|
||||
@ -1,29 +1,24 @@
|
||||
<div class="d-flex justify-content-center justify-content-md-end mt-3 mt-md-0">
|
||||
<ul class="list-unstyled d-flex mb-0">
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}fb">
|
||||
<a class="atb-green" href="{ROOT_URL}fb">
|
||||
<span class="fa-brands fa-fw fa-facebook"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}twitter">
|
||||
<a class="atb-green" href="{ROOT_URL}twitter">
|
||||
<span class="fa-brands fa-fw fa-twitter"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}in">
|
||||
<a class="atb-green" href="{ROOT_URL}in">
|
||||
<span class="fa-brands fa-fw fa-linkedin"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}youtube">
|
||||
<a class="atb-green" href="{ROOT_URL}youtube">
|
||||
<span class="fa-brands fa-fw fa-youtube"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}git">
|
||||
<span class="fa-brands fa-fw fa-github"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -1,75 +1,354 @@
|
||||
<div class="container">
|
||||
<div id="myCarousel" class="carousel slide m-3" data-bs-ride="carousel">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
||||
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img src="{ROOT_URL}app/images/ttp.png" class="bd-placeholder-img" alt="First slide">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-start bg-dark px-4">
|
||||
<h1>Powerful</h1>
|
||||
<p>
|
||||
The Tempus Project is built with expansion in mind. From a custom template engine to the simple to use MVC style, The Tempus Project is built to provide a powerful and stable foundation for web applications.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="{ROOT_URL}app/images/ttp-install.png" class="bd-placeholder-img" alt="Second slide">
|
||||
<div class="container">
|
||||
<div class="carousel-caption bg-dark px-4">
|
||||
<h1>Quick and Simple Installation</h1>
|
||||
<p>
|
||||
Built with rapid deployment in mind you can have The Tempus Project installed in just minutes.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img src="{ROOT_URL}app/images/ttp-gitlab.png" class="bd-placeholder-img" alt="Third slide">
|
||||
<div class="container">
|
||||
<div class="carousel-caption text-end bg-dark px-4">
|
||||
<h1>Open Source</h1>
|
||||
<p>
|
||||
The Tempus Project is completely open source and only utilizes other open-source components. The Project is provided under the MIT license.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon text-dark" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon text-dark" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="row m-3">
|
||||
<div class="col-lg-9 col-md-9 col-sm-12 col-centered">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 col-md-12 col-sm-12">
|
||||
<h2>Welcome to The Tempus Project</h2>
|
||||
<hr>
|
||||
<p>The aim of The Tempus Project is to create an easy to use and implement CMS based
|
||||
around the MVC style and build using php 5.6 and MySQL. Here are some of the features:</p>
|
||||
<ul>
|
||||
<li>Fully secured registration/login system</li>
|
||||
<li>Automatic error handling</li>
|
||||
<li>Built in debugging tools</li>
|
||||
<li>Testing implements to help you expand it further</li>
|
||||
<li>Customizable logging to ensure you are always up to date on whats going on</li>
|
||||
<li>Simple administration panel</li>
|
||||
<li>Bug reports and feedback forms included!</li>
|
||||
<li>Drag and drop simple to install</li>
|
||||
</ul>
|
||||
<p>DISCLAIMER: as of January 1, 2025 this code is not production ready! Please use at your own risk! That being said, I am always trying to improve this system. If you have any suggestions or need to report a bug, you can do so on my <a href="https://github.com/TheTempusProject/TheTempusProject">GitHub</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AllTheBookmarks - In one place -->
|
||||
<div class="px-4 pt-5 my-5 text-center border-bottom border-white">
|
||||
<h1 class="display-4 fw-bold">AllTheBookmarks - In one place</h1>
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<p class="lead mb-4">Quickly add and manage an internet worth of bookmarks with AllTheBookmarks, my personal favorite app for keeping track of dead memes long after they outlive their hilarity.</p>
|
||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
|
||||
<a href="#pricing" class="btn atb-green-bg btn-lg px-4 me-sm-3">
|
||||
Buy Now (Too Fast)
|
||||
</a>
|
||||
<a href="#features" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Learn More
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overflow-hidden" style="max-height: 30vh;">
|
||||
<div class="container px-5">
|
||||
<img src="{ROOT_URL}images/manage.png" class="img-fluid border border-white rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- All the stuff you need -->
|
||||
<div class="container px-4 py-5" id="features">
|
||||
<h2 class="pb-2 border-bottom atb-green border-white">All the stuff you need, none of the stuff you don't!</h2>
|
||||
<div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
|
||||
<div class="d-flex flex-column align-items-start gap-2">
|
||||
<h3 class="fw-bold">I just wanted something cross-browser for storing bookmarks.</h3>
|
||||
<p class="text-muted">KISS - Aside from making the interface nicer, this app is all I needed.</p>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-sm-2 g-4">
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-add"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Add</h4>
|
||||
<p class="text-muted">Whether its through the web-interface or supported browser extensions, you can add bookmarks from (almost) anywhere.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-solid fa-list-check"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Manage</h4>
|
||||
<p class="text-muted">Create folders, tag links, keep notes and create custom dashboards.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa fa-fw fa-share"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Share</h4>
|
||||
<p class="text-muted">All links are kept private by default but if you need to share with a friend or co-worker you can change this setting individually or for entire folders.</p>
|
||||
</div>
|
||||
<div class="d-flex flex-column gap-2">
|
||||
<div class="feature-icon-small d-inline-flex align-items-center justify-content-center atb-green-bg fs-4 rounded-3">
|
||||
<i class="fa-solid fa-arrow-right-arrow-left"></i>
|
||||
</div>
|
||||
<h4 class="fw-semibold mb-0">Import / Export</h4>
|
||||
<p class="text-muted">Sometimes you just want to dump everything out and see what you have, our import and export tools allow you to easily etch-a-sketch your bookmarks.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- It can be difficult -->
|
||||
<div class="container col-xxl-8 px-4 py-5">
|
||||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||||
<div class="col-10 col-sm-8 col-lg-6">
|
||||
<img src="{ROOT_URL}images/folders.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700" height="500" loading="lazy">
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h1 class="display-5 fw-bold lh-1 mb-3">It can be difficult to keep track of... all of the internet</h1>
|
||||
<p class="lead">With a million and one devices from all three companies, it can be a lot to manage. From work links, to Instagram stories, ticktocks for cooking, to Pinterest for Halloween; we consume a thousand different sources in a hundred different ways. Keep it all centralized with a new forth company!</p>
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
||||
<a href="#pricing" class="btn btn-primary atb-green-bg btn-lg px-4 me-md-2">
|
||||
Buy Now (Still too fast)
|
||||
</a>
|
||||
<a href="#darkmode" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Keep Learning?
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Don't be afraid of the dark -->
|
||||
<div class="bg-dark text-secondary px-4 py-5 text-center" id="darkmode">
|
||||
<div class="py-5">
|
||||
<h1 class="display-5 fw-bold text-white">Don't be afraid of the dark.</h1>
|
||||
<div class="col-lg-6 mx-auto">
|
||||
<p class="fs-5 mb-4">Not everyone is a night owl or dark dweller, and those people are... fine. But for the rest of us, dark mode rules them all. Dark mode is available site-wide, free of charge! (Its also included in all products!)</p>
|
||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
||||
<button type="button" class="btn btn-outline-light btn-lg px-4" id="dark-mode-toggle-button">Enable Now</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Never Browse without it -->
|
||||
<div class="container px-4 py-5" id="extension">
|
||||
<h2 class="pb-2 border-bottom border-white atb-green">Never Browse without it</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="col d-flex align-items-start">
|
||||
<div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||
<i class="fa fa-brands fa-fw fa-chrome text-primary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="fs-2">Chrome Extension</h3>
|
||||
<p>Quickly add new bookmarks to your "2017 Taxes" folder with ease! Keep them private or share it with the other haberdashers from any page.</p>
|
||||
<a href="/extensions/chrome" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col d-flex align-items-start">
|
||||
<div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||
<i class="fa-brands fa-fw fa-firefox text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="fs-2">Firefox Extension</h3>
|
||||
<p>Funny enough, Firefox is basically just chrome now.</p>
|
||||
<a href="/extensions/firefox" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col d-flex align-items-start">
|
||||
<div class="icon-square text-bg-light d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
|
||||
<i class="fa-brands fa-fw fa-opera text-danger"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="fs-2">Opera Extension</h3>
|
||||
<p>This is also Chrome.</p>
|
||||
<a href="/extensions/opera" class="btn btn-primary atb-green-bg">
|
||||
Download Now
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p><a href="/extensions/brave"><i class="fa-brands fa-fw fa-brave text-danger"></i></a> and <a href="/extensions/edge"><i class="fa-brands fa-fw fa-edge text-info"></i></a> are Chrome too.</p>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Pricing -->
|
||||
<div class="pricing-header p-3 pb-md-4 mx-auto text-center">
|
||||
<h1 class="display-4 fw-normal">Pricing</h1>
|
||||
<p class="fs-5 text-muted">The pricing is very straight-forward: free, monthly, yearly.</p>
|
||||
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
|
||||
<a href="#compare" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Compare
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Clean, Simple, Direct -->
|
||||
<div class="container my-5">
|
||||
<div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border border-white shadow-lg context-main-bg">
|
||||
<div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
|
||||
<h1 class="display-4 fw-bold lh-1 atb-green">Clean, Simple, Direct</h1>
|
||||
<p class="lead">An intuitive app with a sleep, modern design is the goal. There is no need for hundreds of bells in whistles, no bluetooth, no AII to tell you what your best bookmark is, just a simple app to make life easier.</p>
|
||||
<div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
|
||||
<a href="#pricing" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold atb-green-bg">
|
||||
Buy Now
|
||||
</a>
|
||||
<a href="/register" class="btn btn-outline-secondary btn-lg px-4 atb-green-outline">
|
||||
Sign-Up for Free
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 offset-lg-1 p-0 overflow-hidden shadow-lg">
|
||||
<img class="rounded-lg-3" src="{ROOT_URL}images/dashboard.png" alt="" width="720">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Built to.... work -->
|
||||
<div class="container px-4 py-5" id="featured-3">
|
||||
<h2 class="pb-2 border-bottom border-white">Built to.... work</h2>
|
||||
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-bolt"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Versatile</h3>
|
||||
<p>Built to be a responsive application, AllTheBookmarks can be easily accessed and used from any web-enabled device.</p>
|
||||
</div>
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-star"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Simple</h3>
|
||||
<p>At the end of the day, you are managing a giant list of websites, lets not complicate that too much eh?</p>
|
||||
</div>
|
||||
<div class="feature col">
|
||||
<div class="feature-icon d-inline-flex align-items-center justify-content-center atb-green-bg fs-2 mb-3">
|
||||
<i class="fa-solid fa-wand-magic-sparkles"></i>
|
||||
</div>
|
||||
<h3 class="fs-2">Robust</h3>
|
||||
<p>This tool was built by a web-developer for a web-developer. Perfection not guaranteed, but it is built to last.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Compare plans -->
|
||||
<div class="table-responsive pricing-container container pb-4" id="compare">
|
||||
<h1 class="display-6 text-center my-4">Compare plans</h1>
|
||||
<table class="table text-center context-main border-white">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 34%;"></th>
|
||||
<th style="width: 22%;">Free</th>
|
||||
<th style="width: 22%;">Monthly</th>
|
||||
<th style="width: 22%;">Yearly</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Add and Manage Bookmarks</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Extensions for all major browsers</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Access from any device</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Share bookmarks and folders</th>
|
||||
<td><i class="fa fa-fw fa-check"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Import/Export Features</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Customizable Dashboards / Pages</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Request/Influence Development</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Early Access</th>
|
||||
<td></td>
|
||||
<td><i class="fa fa-fw fa-check atb-green"></i></td>
|
||||
<td><i class="fa-solid fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row" class="text-start">Cheaper</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td><i class="fa-solid fa-check atb-green"></i></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="b-example-divider"></div>
|
||||
|
||||
<!-- Plan Choices -->
|
||||
<div class="d-flex justify-content-center" id="pricing">
|
||||
<div class="pricing-container container row row-cols-1 row-cols-md-3 my-5 text-center">
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm h-100 context-main-bg">
|
||||
<div class="card-header py-3">
|
||||
<h4 class="my-0 fw-normal">Free</h4>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h1 class="card-title pricing-card-title">$0<small class="text-muted fw-light">/mo</small></h1>
|
||||
<ul class="list-unstyled mt-3 mb-4">
|
||||
<li>Add / Manage your bookmarks</li>
|
||||
<li>Extensions for all major browsers</li>
|
||||
<li>Access from any device</li>
|
||||
<li>Share access with anyone</li>
|
||||
</ul>
|
||||
<a href="/register" class="mt-auto w-100 btn btn-lg atb-green-outline">
|
||||
Sign-Up for Free
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm h-100 context-main-bg">
|
||||
<div class="card-header py-3">
|
||||
<h4 class="my-0 fw-normal">Monthly</h4>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h1 class="card-title pricing-card-title">$4.99<small class="text-muted fw-light">/month</small></h1>
|
||||
<ul class="list-unstyled mt-3 mb-4">
|
||||
<li>Import/Export Features</li>
|
||||
<li>Integration with TempusTools App (WIP)</li>
|
||||
<li>Customizable Dashboards / Pages</li>
|
||||
<li>Direct control of Feature Development</li>
|
||||
<li>Early Access to new features</li>
|
||||
</ul>
|
||||
<a href="/member/signup/monthly" class="mt-auto w-100 btn btn-lg atb-green-bg">
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card mb-4 rounded-3 shadow-sm atb-green-outline-only h-100 context-main-bg">
|
||||
<div class="card-header py-3 atb-green-bg">
|
||||
<h4 class="my-0 fw-normal">Yearly</h4>
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h1 class="card-title pricing-card-title">$19.99<small class="text-muted fw-light">/year</small></h1>
|
||||
<ul class="list-unstyled mt-3 mb-4">
|
||||
<li>Its cheaper if you like the product</li>
|
||||
</ul>
|
||||
<a href="/member/signup/yearly" class="mt-auto w-100 btn btn-lg atb-green-bg">
|
||||
Get started
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center py-3">
|
||||
<a href="#top" class="btn atb-green-outline">Back to Top</a>
|
||||
</div>
|
||||
@ -3,7 +3,7 @@
|
||||
<ul class="navbar-nav">
|
||||
{LOOP}
|
||||
<li class="nav-item">
|
||||
<a href="{url}" class="nav-link px-2 text-white">
|
||||
<a href="{url}" class="nav-link px-2 atb-green">
|
||||
{text}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<ul class="navbar-nav mx-auto">
|
||||
{LOOP}
|
||||
<li class="nav-item">
|
||||
<a href="{url}" class="nav-link text-white">
|
||||
<a href="{url}" class="nav-link atb-green">
|
||||
{text}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@ -37,10 +37,10 @@
|
||||
|
||||
<!-- Submit and Register Buttons -->
|
||||
<div class="d-flex gap-1">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary flex-fill">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary flex-fill atb-green-bg">
|
||||
Sign in
|
||||
</button>
|
||||
<a href="{ROOT_URL}register" class="btn btn-outline-primary flex-fill">
|
||||
<a href="{ROOT_URL}register" class="btn btn-outline-dark flex-fill atb-green-outline">
|
||||
Create new
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -5,10 +5,12 @@
|
||||
<p>Last updated: December 09, 2024</p>
|
||||
<p>This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your
|
||||
information when You use the Service and tells You about Your privacy rights and how the law protects You.</p>
|
||||
<p>We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection
|
||||
<p>
|
||||
We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection
|
||||
and use of information in accordance with this Privacy Policy. This Privacy Policy has been created with the
|
||||
help of the <a href="https://www.termsfeed.com/privacy-policy-generator/" target="_blank"
|
||||
class="text-decoration-none">Privacy Policy Generator</a>.</p>
|
||||
class="text-decoration-none atb-green">Privacy Policy Generator</a>.
|
||||
</p>
|
||||
<h2>Interpretation and Definitions</h2>
|
||||
<h3>Interpretation</h3>
|
||||
<p>The words of which the initial letter is capitalized have meanings defined under the following conditions. The
|
||||
@ -67,8 +69,9 @@
|
||||
Service or from the Service infrastructure itself (for example, the duration of a page visit).</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>Website</strong> refers to {SITENAME}, accessible from <a href="{SITE_URL}"
|
||||
rel="external nofollow noopener" class="text-decoration-none" target="_blank">{SITE_URL}</a></p>
|
||||
<p>
|
||||
<strong>Website</strong> refers to {SITENAME}, accessible from <a href="{ROOT_URL}" rel="external nofollow noopener" class="text-decoration-none atb-green" target="_blank">{SITE_URL}</a>
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p><strong>You</strong> means the individual accessing or using the Service, or the company, or other legal
|
||||
@ -136,9 +139,7 @@
|
||||
</ul>
|
||||
<p>Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on Your personal
|
||||
computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web
|
||||
browser. You can learn more about cookies on <a class="text-decoration-none"
|
||||
href="https://www.termsfeed.com/blog/cookies/#What_Are_Cookies" target="_blank">TermsFeed website</a>
|
||||
article.</p>
|
||||
browser.
|
||||
<p>We use both Session and Persistent Cookies for the purposes set out below:</p>
|
||||
<ul>
|
||||
<li>
|
||||
@ -308,12 +309,13 @@
|
||||
<p>By email: {DEBUG_EMAIL}</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>By visiting this page on our website: <a href="{SITE_URL}/contact" rel="external nofollow noopener"
|
||||
class="text-decoration-none" target="_blank">{SITE_URL}/contact</a></p>
|
||||
<p>
|
||||
By visiting this page on our website: <a href="{ROOT_URL}contact" rel="external nofollow noopener" class="text-decoration-none atb-green" target="_blank">{SITE_URL}contact</a>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="text-center py-3">
|
||||
<a href="#top" class="btn btn-outline-primary">Back to Top</a>
|
||||
<a href="#top" class="btn atb-green-outline">Back to Top</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -5,7 +5,7 @@
|
||||
<hr>
|
||||
{TERMS}
|
||||
<div class="text-center py-3">
|
||||
<a href="#top" class="btn btn-outline-primary">Back to Top</a>
|
||||
<a href="#top" class="btn atb-green-outline">Back to Top</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -15,7 +15,7 @@
|
||||
</div>
|
||||
</fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary">Update</button>
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary atb-green-bg">Update</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
</div>
|
||||
</fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary">Update</button>
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-primary atb-green-bg">Update</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
{PREFERENCES_FORM}
|
||||
</fieldset>
|
||||
<input type="hidden" name="token" value="{TOKEN}">
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary center-block">Update</button><br>
|
||||
<button name="submit" value="submit" type="submit" class="btn btn-lg btn-primary center-block atb-green-bg">Update</button><br>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user