share + pwa + fixes

This commit is contained in:
Local Dev
2025-08-18 05:22:29 -04:00
parent b73672d5e6
commit db346b1a9d
27 changed files with 446 additions and 321 deletions

View File

@ -56,8 +56,8 @@
<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.
{SITENAME} is open source and available free of charge through <a href="{ROOT_URL}libraries/ttp/git" class="text-decoration-none context-main">GitLab</a> and <a href="{ROOT_URL}libraries/ttp/packagist" class="text-decoration-none context-main">Packagist</a>.
The developer behind the project is <a href="https://joeykimsey.com/" class="text-decoration-none context-main">Joey Kimsey</a> and he can be contacted through his website for development services.
</span>
</div>
</div>

View File

@ -1,4 +1,5 @@
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
{SHARE_IMAGE}
<h5>Dark Mode</h5>
<div class="material-switch px-4 mt-2">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">

View File

@ -0,0 +1,17 @@
<div class="text-center mb-3">
<h5 class="mb-3">Share</h5>
<div class="px-4 mt-2">
<!-- Share Button (visible only on medium+ screens) -->
<button type="button" class="btn btn-outline-primary"
data-bs-toggle="popover" data-bs-html="true" title="Share" data-bs-placement="top" data-bs-trigger="focus"
data-bs-content='
{QR_CODE}
<div class="d-flex justify-content-between">
<a href="https://www.reddit.com/submit?type=LINK&url={CURRENT_URL_SAFE}" target="_blank" class="mx-1 btn btn-lg reddit"><i class="fa-brands fa-fw fa-reddit"></i></a>
<a href="https://www.facebook.com/sharer/sharer.php?u={CURRENT_URL_SAFE}" target="_blank" class="mx-1 btn btn-lg facebook"><i class="fa-brands fa-fw fa-facebook"></i></a>
<a href="https://x.com/intent/tweet?url={CURRENT_URL_SAFE}" target="_blank" class="mx-1 btn btn-lg x-black"><i class="fa-brands fa-fw fa-x"></i></a>
</div>'>
Share
</button>
</div>
</div>

View File

@ -101,21 +101,21 @@
<i class="fa-solid fa-inbox fa-3x"></i>
<div class="ps-3">
<h3 class="fw-bold mb-0 fs-4">Subscribe</h3>
<p>Building your list should always be a part of your application and services and it made as simple as can be with this plugin.</p>
<p>Building your list should always be a part of your business. Our subscriptions plugin makes it as simple as can be.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<i class="fa-solid fa-list fa-3x"></i>
<div class="ps-3">
<h3 class="fw-bold mb-0 fs-4">WIP (Work in Progress)</h3>
<p>A light-weight and simple plugin that allows you to keep a running list of works in progress to share with site visitors..</p>
<p>A light-weight and simple plugin that allows you to keep a running list of work in progress to share with site visitors.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<i class="fa-brands fa-stripe fa-3x"></i>
<div class="ps-3">
<h3 class="fw-bold mb-0 fs-4">Memberships / Payments</h3>
<p>Our membership plugin integrates with Stripe to allow incredibly simple membership setup and can be easily expanded to sell any of your products.</p>
<p>Our membership plugin integrates with Stripe to allow incredibly simple membership setup and can be easily expanded to sell any of your products. We also have a donations integration with stripe to allow you to accept donation right from the app.</p>
</div>
</div>
</div>

18
app/views/pwa.html Normal file
View File

@ -0,0 +1,18 @@
<div class="container pt-4 d-none" id="install-prompt">
<div class="row">
<div class="alert alert-success alert-dismissible w-100 d-none" role="alert" id="chrome-install-message">
<div class="d-flex justify-content-between align-items-center">
{SITENAME} is now available as a Progressive Web App, click the button to install now.
<button class="btn btn-md btn-outline-primary mx-2" id="install-button">Install App</button>
</div>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-success alert-dismissible w-100 d-none" role="alert" id="ios-install-message">
<div class="d-flex justify-content-between align-items-center">
{SITENAME} is now available as a Progressive-Web-App, tap the share icon and then "Add to Home Screen".
</div>
<img src="/images/share-icon.png" class="iimg-fluid">
</div>
</div>
</div>