2024-02-16 22:49:06 +01:00
|
|
|
<!DOCTYPE html>
|
2024-05-05 15:19:53 +04:00
|
|
|
<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
|
2024-05-22 21:48:23 +01:00
|
|
|
xmlns:th="https://www.thymeleaf.org">
|
2024-02-16 22:49:06 +01:00
|
|
|
|
2024-05-05 15:19:53 +04:00
|
|
|
<head>
|
|
|
|
|
<th:block th:insert="~{fragments/common :: head(title='')}"></th:block>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="page-container">
|
|
|
|
|
<div id="content-wrap">
|
|
|
|
|
<th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
|
2025-01-30 18:55:33 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-05-05 15:19:53 +04:00
|
|
|
<br class="d-md-none">
|
|
|
|
|
<!-- Features -->
|
2024-06-15 23:07:09 +02:00
|
|
|
<script th:src="@{'/js/homecard.js'}"></script>
|
2025-01-30 18:55:33 +00:00
|
|
|
<div style="
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;">
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<br>
|
|
|
|
|
<div style="justify-content: center; display: flex;">
|
|
|
|
|
<div style="margin:0 3rem">
|
|
|
|
|
<div>
|
|
|
|
|
<div style="display:flex; flex-direction: column; justify-content: center; width:100%; margin-bottom:1rem">
|
|
|
|
|
<div style="width:fit-content; margin: 0 auto; padding: 0 3rem">
|
|
|
|
|
<p class="lead fs-4"
|
|
|
|
|
th:text="${@homeText != 'null' and @homeText != null and @homeText != ''} ? ${@homeText} : #{home.desc}">
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="groupRecent" style="width: fit-content; margin: 0 auto">
|
|
|
|
|
<div th:replace="~{fragments/featureGroupHeader :: featureGroupHeader(groupTitle=#{navbar.recent})}">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="recent-features">
|
|
|
|
|
<div class="newfeature"
|
2025-01-31 11:58:59 +01:00
|
|
|
th:insert="~{fragments/navbarEntryCustom :: navbarEntry('redact', '/images/redact-manual.svg#icon-redact-manual', 'home.redact.title', 'home.redact.desc', 'redact.tags', 'security')}">
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="newfeature"
|
2025-01-31 11:58:59 +01:00
|
|
|
th:insert="~{fragments/navbarEntry :: navbarEntry ('multi-tool', 'construction', 'home.multiTool.title', 'home.multiTool.desc', 'multiTool.tags', 'organize')}">
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="newfeature"
|
2025-01-31 11:58:59 +01:00
|
|
|
th:insert="~{fragments/navbarEntry :: navbarEntry('validate-signature', 'verified', 'home.validateSignature.title', 'home.validateSignature.desc', 'validateSignature.tags', 'security')}">
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-09-20 14:29:00 +03:00
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
|
|
|
|
<span class="material-symbols-rounded search-icon">
|
|
|
|
|
search
|
|
|
|
|
</span>
|
|
|
|
|
<input type="text" id="searchBar" onkeyup="filterCards()" th:placeholder="#{home.searchBar}" autofocus>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;">
|
|
|
|
|
<div
|
|
|
|
|
style="height:2.5rem; display: flex; align-items: center; cursor: pointer; justify-content: center;">
|
|
|
|
|
<label for="sort-options">Sort by:</label>
|
|
|
|
|
<select id="sort-options" style="border:none;">
|
|
|
|
|
<option value="alphabetical" th:text="#{home.alphabetical}"> </option>
|
|
|
|
|
<!-- <option value="personal">Your most used</option> -->
|
|
|
|
|
<option value="global" th:text="#{home.globalPopularity}"></option>
|
|
|
|
|
<!-- <option value="server">Popularity in organisation</option> -->
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div
|
|
|
|
|
style="display: flex; margin-left:2rem;align-items: center; flex-wrap: wrap; align-content: flex-start; width: fit-content; max-width: 100%; gap:3rem; justify-content: center;">
|
|
|
|
|
<div th:title="#{home.setFavorites}" style="display: flex; align-items: center; cursor: pointer;" onclick="toggleFavoritesMode()">
|
|
|
|
|
<span class="material-symbols-rounded toggle-favourites"
|
|
|
|
|
style="font-size: 2rem; margin-left: 0.2rem;">
|
|
|
|
|
star
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div onclick="toggleFavoritesView()" th:title="#{home.hideFavorites}" id="favouritesVisibility"
|
|
|
|
|
style="display: flex; align-items: center; cursor: pointer;">
|
|
|
|
|
<span id="toggle-favourites-icon" class="material-symbols-rounded toggle-favourites"
|
|
|
|
|
style="font-size: 2rem; margin-left: 0.2rem;">
|
|
|
|
|
visibility
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<a href="home" onclick="setAsDefault('home-legacy')" th:title="#{home.legacyHomepage}"
|
|
|
|
|
style="text-decoration: none; color: inherit; cursor: pointer; display: flex; align-items: center;">
|
|
|
|
|
</span>
|
|
|
|
|
<span class="material-symbols-rounded toggle-favourites"
|
|
|
|
|
style="font-size: 2rem; margin-left: 0.2rem;">
|
|
|
|
|
home
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
2024-09-20 14:29:00 +03:00
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
2024-05-09 17:31:12 +04:00
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="features-container" style=" border-top: 1px;
|
|
|
|
|
border-top-style: solid;
|
|
|
|
|
border-color: var(--md-nav-color-on-seperator);
|
|
|
|
|
margin-top: 1rem;
|
|
|
|
|
">
|
2024-09-20 14:29:00 +03:00
|
|
|
<div th:if="${@shouldShow}" class="feature-card favorite update-notice" id="update-link"
|
|
|
|
|
style="display: none;">
|
2024-05-09 17:31:12 +04:00
|
|
|
<a href="https://github.com/Stirling-Tools/Stirling-PDF/releases" target="_blank" rel="noopener">
|
|
|
|
|
<div class="d-flex align-items-center">
|
|
|
|
|
<div id="tool-icon" class="advance" alt="icon">
|
|
|
|
|
<span class="material-symbols-rounded nav-icon">update</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="tool-text">
|
|
|
|
|
<h5 class="card-title" th:text="#{settings.update}"></h5>
|
|
|
|
|
<p class="card-text" id="app-update"></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
2025-01-30 18:55:33 +00:00
|
|
|
<div class="feature-rows">
|
|
|
|
|
<div id="groupFavorites" class="feature-group">
|
|
|
|
|
<div th:replace="~{fragments/featureGroupHeader :: featureGroupHeader(groupTitle=#{navbar.favorite})}">
|
2024-09-20 14:29:00 +03:00
|
|
|
</div>
|
2025-01-30 18:55:33 +00:00
|
|
|
<div class="nav-group-container">
|
2025-01-17 22:18:55 +00:00
|
|
|
</div>
|
2024-09-20 14:29:00 +03:00
|
|
|
</div>
|
2025-01-30 18:55:33 +00:00
|
|
|
<th:block th:insert="~{fragments/navElements.html :: navElements}"></th:block>
|
2024-05-05 15:19:53 +04:00
|
|
|
</div>
|
2024-02-16 22:49:06 +01:00
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-05-05 15:19:53 +04:00
|
|
|
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
|
|
|
|
|
</div>
|
2024-09-20 14:29:00 +03:00
|
|
|
|
|
|
|
|
|
2024-06-15 23:07:09 +02:00
|
|
|
<!-- Survey Modal -->
|
2025-01-09 20:56:52 +00:00
|
|
|
<div class="modal fade" id="surveyModal" tabindex="-1" role="dialog" aria-labelledby="surveyModalLabel"
|
|
|
|
|
aria-hidden="true">
|
2024-06-15 23:07:09 +02:00
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<h5 class="modal-title" id="surveyModalLabel" th:text="#{survey.title}">Stirling-PDF Survey</h5>
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
2025-01-09 20:56:52 +00:00
|
|
|
<p><span th:text="#{survey.changes}">Stirling-PDF has changed since the last survey! To find out more please
|
|
|
|
|
check our blog post here: </span><a href="https://www.stirlingpdf.com/blog/stirling-pdf-future"
|
|
|
|
|
target="_blank"> Stirling PDF</a></p>
|
2024-10-14 22:34:41 +01:00
|
|
|
|
|
|
|
|
<p th:text="#{survey.changes2}">With these changes we are getting paid business support and funding</p>
|
2024-06-15 23:07:09 +02:00
|
|
|
<p th:text="#{survey.please}">Please consider taking our survey!</p>
|
2025-01-09 20:56:52 +00:00
|
|
|
<p th:text="#{survey.disabled}">Survey popup will be disabled in following updates but available at foot of
|
|
|
|
|
page)</p>
|
|
|
|
|
<a href="https://stirlingpdf.info/s/cm28y3niq000o56dv7liv8wsu" target="_blank" class="btn btn-primary"
|
|
|
|
|
id="takeSurvey" th:text="#{survey.button}">Take Survey</a>
|
2024-06-15 23:07:09 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<div class="form-check mb-3">
|
|
|
|
|
<input type="checkbox" id="dontShowAgain">
|
|
|
|
|
<label for="dontShowAgain" th:text="#{survey.dontShowAgain}">Don't show again</label>
|
|
|
|
|
</div>
|
2024-09-20 14:29:00 +03:00
|
|
|
|
2024-06-15 23:07:09 +02:00
|
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" th:text="#{close}">Close</button>
|
2024-09-20 14:29:00 +03:00
|
|
|
|
2024-06-15 23:07:09 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-12 22:12:42 +01:00
|
|
|
|
2024-10-14 22:34:41 +01:00
|
|
|
|
|
|
|
|
<!-- Analytics Modal -->
|
2025-01-09 20:56:52 +00:00
|
|
|
<div class="modal fade" id="analyticsModal" tabindex="-1" role="dialog" aria-labelledby="analyticsModalLabel"
|
|
|
|
|
aria-hidden="true" th:if="${@analyticsPrompt}">
|
2024-10-14 22:34:41 +01:00
|
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<div class="modal-header">
|
2025-01-09 20:56:52 +00:00
|
|
|
<h5 class="modal-title" id="analyticsModalLabel" th:text="#{analytics.title}">Do you want make Stirling PDF
|
|
|
|
|
better?</h5>
|
2024-10-14 22:34:41 +01:00
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body">
|
2025-01-09 20:56:52 +00:00
|
|
|
<p th:text="#{analytics.paragraph1}">Stirling PDF has opt in analytics to help us improve the product. We do
|
|
|
|
|
not track any personal information or file contents.</p>
|
|
|
|
|
<p th:text="#{analytics.paragraph2}">Please consider enabling analytics to help Stirling-PDF grow and to allow
|
|
|
|
|
us to understand our users better.</p>
|
|
|
|
|
<p th:text="#{analytics.settings}">You can change the settings for analytics in the config/settings.yml file
|
|
|
|
|
</p>
|
2024-10-14 22:34:41 +01:00
|
|
|
</div>
|
2024-10-22 11:10:09 +01:00
|
|
|
<div class="modal-footer justify-content-between">
|
2025-01-09 20:56:52 +00:00
|
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" onclick="setAnalytics(false)"
|
|
|
|
|
th:text="#{analytics.disable}">Disable analytics</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" th:text="#{analytics.enable}"
|
|
|
|
|
onclick="setAnalytics(true)">Enable analytics</button>
|
|
|
|
|
</div>
|
2024-10-14 22:34:41 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
<style>
|
|
|
|
|
.favorite-icon {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
width: 0rem;
|
|
|
|
|
font-size: 2rem;
|
2024-10-14 22:34:41 +01:00
|
|
|
}
|
|
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
.toggle-favourites {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
2024-10-14 22:34:41 +01:00
|
|
|
|
2025-01-30 18:55:33 +00:00
|
|
|
.toggle-favourites.active {
|
|
|
|
|
color: gold;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<script th:src="@{'/js/fetch-utils.js'}">
|
|
|
|
|
window.analyticsPromptBoolean = /*[[${@analyticsPrompt}]]*/ false;
|
2024-06-15 23:07:09 +02:00
|
|
|
</script>
|
2025-01-30 18:55:33 +00:00
|
|
|
<script th:src="@{'/js/pages/home.js'}"></script>
|
2024-06-12 22:12:42 +01:00
|
|
|
|
|
|
|
|
|
2024-05-05 15:19:53 +04:00
|
|
|
</body>
|
|
|
|
|
|
2025-01-16 16:04:36 +00:00
|
|
|
</html>
|
