Multitool advertising (#2247)

* Multi-tool advert on pages that share functionality * Update translation files Signed-off-by: GitHub Action <action@github.com> --------- Signed-off-by: GitHub Action <action@github.com> Co-authored-by: GitHub Action <action@github.com>
2025-03-02 00:16:47 +01:00 · 2024-11-15 18:57:51 +00:00 · 2024-11-15 18:57:51 +00:00 · fd93dad9a5
commit fd93dad9a5
parent ef18b17890
43 changed files with 447 additions and 208 deletions
--- a/src/main/resources/messages_ar_AR.properties
+++ b/src/main/resources/messages_ar_AR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=عرض PDF
 viewPdf.header=عرض PDF
--- a/src/main/resources/messages_bg_BG.properties
+++ b/src/main/resources/messages_bg_BG.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Преглед на PDF
 viewPdf.header=Преглед на PDF
--- a/src/main/resources/messages_ca_CA.properties
+++ b/src/main/resources/messages_ca_CA.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visualitza PDF
 viewPdf.header=Visualitza PDF
--- a/src/main/resources/messages_cs_CZ.properties
+++ b/src/main/resources/messages_cs_CZ.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Zobrazit PDF
 viewPdf.header=Zobrazit PDF
--- a/src/main/resources/messages_da_DK.properties
+++ b/src/main/resources/messages_da_DK.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Se PDF
 viewPdf.header=Se PDF
--- a/src/main/resources/messages_de_DE.properties
+++ b/src/main/resources/messages_de_DE.properties
@ -942,6 +942,10 @@ multiTool.page=Seite
 multiTool.deleteSelected=Auswahl löschen
 multiTool.downloadAll=Downloaden
 multiTool.downloadSelected=Auswahl downloaden
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDF anzeigen
 viewPdf.header=PDF anzeigen
--- a/src/main/resources/messages_el_GR.properties
+++ b/src/main/resources/messages_el_GR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Προβολή PDF
 viewPdf.header=Προβολή PDF
--- a/src/main/resources/messages_en_GB.properties
+++ b/src/main/resources/messages_en_GB.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=View PDF
 viewPdf.header=View PDF
--- a/src/main/resources/messages_en_US.properties
+++ b/src/main/resources/messages_en_US.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=View PDF
 viewPdf.header=View PDF
--- a/src/main/resources/messages_es_ES.properties
+++ b/src/main/resources/messages_es_ES.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Ver PDF
 viewPdf.header=Ver PDF
--- a/src/main/resources/messages_eu_ES.properties
+++ b/src/main/resources/messages_eu_ES.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=View PDF
 viewPdf.header=View PDF
--- a/src/main/resources/messages_fr_FR.properties
+++ b/src/main/resources/messages_fr_FR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visualiser un PDF
 viewPdf.header=Visualiser un PDF
--- a/src/main/resources/messages_ga_IE.properties
+++ b/src/main/resources/messages_ga_IE.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Féach PDF
 viewPdf.header=Féach PDF
--- a/src/main/resources/messages_hi_IN.properties
+++ b/src/main/resources/messages_hi_IN.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=पीडीएफ देखें
 viewPdf.header=पीडीएफ देखें
--- a/src/main/resources/messages_hr_HR.properties
+++ b/src/main/resources/messages_hr_HR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Pogledaj
 viewPdf.header=Pogledaj PDF
--- a/src/main/resources/messages_hu_HU.properties
+++ b/src/main/resources/messages_hu_HU.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDF megtekintése
 viewPdf.header=PDF megtekintése
--- a/src/main/resources/messages_id_ID.properties
+++ b/src/main/resources/messages_id_ID.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Lihat PDF
 viewPdf.header=Lihat PDF
--- a/src/main/resources/messages_it_IT.properties
+++ b/src/main/resources/messages_it_IT.properties
@ -942,6 +942,10 @@ multiTool.page=Pagina
 multiTool.deleteSelected=Elimina selezionata
 multiTool.downloadAll=Esporta
 multiTool.downloadSelected=Esporta selezionata
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visualizza PDF
 viewPdf.header=Visualizza PDF
--- a/src/main/resources/messages_ja_JP.properties
+++ b/src/main/resources/messages_ja_JP.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDFを表示
 viewPdf.header=PDFを表示
--- a/src/main/resources/messages_ko_KR.properties
+++ b/src/main/resources/messages_ko_KR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDF 뷰어
 viewPdf.header=PDF 뷰어
--- a/src/main/resources/messages_nl_NL.properties
+++ b/src/main/resources/messages_nl_NL.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDF bekijken
 viewPdf.header=PDF bekijken
--- a/src/main/resources/messages_no_NB.properties
+++ b/src/main/resources/messages_no_NB.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Vis PDF
 viewPdf.header=Vis PDF
--- a/src/main/resources/messages_pl_PL.properties
+++ b/src/main/resources/messages_pl_PL.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Podejrzyj PDF
 viewPdf.header=Podejrzyj PDF
--- a/src/main/resources/messages_pt_BR.properties
+++ b/src/main/resources/messages_pt_BR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visualizar PDF
 viewPdf.header=Visualizar PDF
--- a/src/main/resources/messages_pt_PT.properties
+++ b/src/main/resources/messages_pt_PT.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visualizar PDF
 viewPdf.header=Visualizar PDF
--- a/src/main/resources/messages_ro_RO.properties
+++ b/src/main/resources/messages_ro_RO.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Vizualizează PDF
 viewPdf.header=Vizualizează PDF
--- a/src/main/resources/messages_ru_RU.properties
+++ b/src/main/resources/messages_ru_RU.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Просмотреть PDF
 viewPdf.header=Просмотреть PDF
--- a/src/main/resources/messages_sk_SK.properties
+++ b/src/main/resources/messages_sk_SK.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Zobraziť PDF
 viewPdf.header=Zobraziť PDF
--- a/src/main/resources/messages_sr_LATN_RS.properties
+++ b/src/main/resources/messages_sr_LATN_RS.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Prikaz
 viewPdf.header=Prikaz PDF-a
--- a/src/main/resources/messages_sv_SE.properties
+++ b/src/main/resources/messages_sv_SE.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Visa PDF
 viewPdf.header=Visa PDF
--- a/src/main/resources/messages_th_TH.properties
+++ b/src/main/resources/messages_th_TH.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=ดู PDF
 viewPdf.header=ดู PDF
--- a/src/main/resources/messages_tr_TR.properties
+++ b/src/main/resources/messages_tr_TR.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=PDF Görüntüle
 viewPdf.header=PDF Görüntüle
--- a/src/main/resources/messages_uk_UA.properties
+++ b/src/main/resources/messages_uk_UA.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Переглянути PDF
 viewPdf.header=Переглянути PDF
--- a/src/main/resources/messages_vi_VN.properties
+++ b/src/main/resources/messages_vi_VN.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=Xem PDF
 viewPdf.header=Xem PDF
--- a/src/main/resources/messages_zh_CN.properties
+++ b/src/main/resources/messages_zh_CN.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=浏览PDF
 viewPdf.header=浏览PDF
--- a/src/main/resources/messages_zh_TW.properties
+++ b/src/main/resources/messages_zh_TW.properties
@ -942,6 +942,10 @@ multiTool.page=Page
 multiTool.deleteSelected=Delete Selected
 multiTool.downloadAll=Export
 multiTool.downloadSelected=Export Selected
+
+#multiTool-advert
+multiTool-advert.message=This feature is also available in our <a href="{0}">multi-tool page</a>. Check it out for enhanced page-by-page UI and additional features!
+
 #view pdf
 viewPdf.title=檢視 PDF
 viewPdf.header=檢視 PDF
--- a/src/main/resources/templates/extract-page.html
+++ b/src/main/resources/templates/extract-page.html
@ -1,14 +1,18 @@
 <!DOCTYPE html>
-<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}" xmlns:th="https://www.thymeleaf.org">
-  <head>
-  <th:block th:insert="~{fragments/common :: head(title=#{pageExtracter.title}, header=#{pageExtracter.header})}"></th:block>
-  </head>
+<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
+  xmlns:th="https://www.thymeleaf.org">

-  <body>
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{pageExtracter.title}, header=#{pageExtracter.header})}">
+  </th:block>
+</head>
+
+<body>
  <div id="page-container">
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">
@ -17,11 +21,14 @@
              <span class="tool-header-text" th:text="#{pageExtracter.header}"></span>
            </div>
            <form th:action="@{'/api/v1/general/rearrange-pages'}" method="post" enctype="multipart/form-data">
-                <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}">
+              </div>
              <input type="hidden" id="customMode" name="customMode" value="">
              <div class="mb-3">
                <label for="pageOrder" th:text="#{pageOrderPrompt}"></label>
-                  <input type="text" class="form-control" id="pageOrder" name="pageNumbers" th:placeholder="#{pageExtracter.placeholder}" required>
+                <input type="text" class="form-control" id="pageOrder" name="pageNumbers"
+                  th:placeholder="#{pageExtracter.placeholder}" required>
              </div>

              <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{pageExtracter.submit}"></button>
@ -32,5 +39,6 @@
    </div>
    <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
  </div>
-  </body>
+</body>
+
 </html>
--- a/src/main/resources/templates/fragments/multi-toolAdvert.html
+++ b/src/main/resources/templates/fragments/multi-toolAdvert.html
@ -0,0 +1,57 @@
+<div th:fragment="multi-toolAdvert" class="mx-auto">
+  <div id="multi-toolAdvert" class="multi-toolAdvert">
+    <div>
+      <span th:utext="#{multiTool-advert.message(|/multi-tool|)}"></span>
+      <button id="closeMultiToolAdvert" style="position: absolute;
+    top: 10px;
+    right: 12px;
+    border: none;
+    background: transparent;
+    color: white;
+    cursor: pointer;
+    font-size: 1.2rem;
+    line-height: 1;" aria-label="Close">&times;</button>
+    </div>
+  </div>
+  <style>
+    .multi-toolAdvert {
+      margin-bottom: 10px;
+      margin-left: 50%;
+      transform: translateX(-50%);
+      max-width: 52rem;
+      z-index: 0;
+      background-color: var(--md-sys-color-surface-5);
+      border-radius: 2rem;
+      padding: 10px 27px 10px 20px;
+      font-size: 0.9rem;
+      display: none;
+      justify-content: center;
+    }
+
+    .multi-toolAdvert a {
+      color: #007bff;
+      font-weight: bold;
+    }
+
+    .multi-toolAdvert a:hover {
+      text-decoration: underline;
+    }
+  </style>
+  <script>
+    document.addEventListener('DOMContentLoaded', () => {
+      const advert = document.getElementById('multi-toolAdvert');
+      const closeBtn = document.getElementById('closeMultiToolAdvert');
+
+      const cacheKey = `closeMultiToolAdvert_${window.location.pathname}`;
+
+      if (localStorage.getItem(cacheKey) !== 'true') {
+        advert.style.display = 'flex';
+      }
+
+      closeBtn.addEventListener('click', () => {
+        advert.style.display = 'none';
+        localStorage.setItem(cacheKey, 'true');
+      });
+    });
+  </script>
+</div>
--- a/src/main/resources/templates/merge-pdfs.html
+++ b/src/main/resources/templates/merge-pdfs.html
@ -12,6 +12,7 @@
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container" id="dropContainer">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">
--- a/src/main/resources/templates/pdf-organizer.html
+++ b/src/main/resources/templates/pdf-organizer.html
@ -1,14 +1,18 @@
 <!DOCTYPE html>
-<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}" xmlns:th="https://www.thymeleaf.org">
-  <head>
-  <th:block th:insert="~{fragments/common :: head(title=#{pdfOrganiser.title}, header=#{pdfOrganiser.header})}"></th:block>
-  </head>
+<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
+  xmlns:th="https://www.thymeleaf.org">

-  <body>
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{pdfOrganiser.title}, header=#{pdfOrganiser.header})}">
+  </th:block>
+</head>
+
+<body>
  <div id="page-container">
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">
@ -18,7 +22,9 @@
            </div>

            <form th:action="@{'/api/v1/general/rearrange-pages'}" method="post" enctype="multipart/form-data">
-                <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}">
+              </div>
              <div class="mb-3">
                <label for="customMode" th:text="#{pdfOrganiser.mode}">Mode</label>
                <select class="form-control" id="customMode" name="customMode">
@ -26,7 +32,8 @@
                  <option value="REVERSE_ORDER" th:text="#{pdfOrganiser.mode.2}">Reverse Order</option>
                  <option value="DUPLEX_SORT" th:text="#{pdfOrganiser.mode.3}">Duplex Sort</option>
                  <option value="BOOKLET_SORT" th:text="#{pdfOrganiser.mode.4}">Booklet Sort</option>
-                    <option value="SIDE_STITCH_BOOKLET_SORT" th:text="#{pdfOrganiser.mode.5}">Side Stitch Booklet Sort</option>
+                  <option value="SIDE_STITCH_BOOKLET_SORT" th:text="#{pdfOrganiser.mode.5}">Side Stitch Booklet Sort
+                  </option>
                  <option value="ODD_EVEN_SPLIT" th:text="#{pdfOrganiser.mode.6}">Odd-Even Split</option>
                  <option value="ODD_EVEN_MERGE" th:text="#{pdfOrganiser.mode.10}">Odd-Even Merge</option>
                  <option value="REMOVE_FIRST" th:text="#{pdfOrganiser.mode.7}">Remove First</option>
@ -36,7 +43,8 @@
              </div>
              <div class="mb-3">
                <label for="pageOrder" th:text="#{pageOrderPrompt}"></label>
-                  <input type="text" class="form-control" id="pageOrder" name="pageNumbers" th:placeholder="#{pdfOrganiser.placeholder}" required>
+                <input type="text" class="form-control" id="pageOrder" name="pageNumbers"
+                  th:placeholder="#{pdfOrganiser.placeholder}" required>
              </div>
              <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{pdfOrganiser.submit}"></button>
            </form>
@ -56,5 +64,6 @@
    </div>
    <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
  </div>
-  </body>
+</body>
+
 </html>
--- a/src/main/resources/templates/remove-pages.html
+++ b/src/main/resources/templates/remove-pages.html
@ -1,14 +1,18 @@
 <!DOCTYPE html>
-<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}" xmlns:th="https://www.thymeleaf.org">
-  <head>
-  <th:block th:insert="~{fragments/common :: head(title=#{pageRemover.title}, header=#{pageRemover.header})}"></th:block>
-  </head>
+<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
+  xmlns:th="https://www.thymeleaf.org">

-  <body>
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{pageRemover.title}, header=#{pageRemover.header})}">
+  </th:block>
+</head>
+
+<body>
  <div id="page-container">
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">
@ -18,10 +22,13 @@
            </div>

            <form th:action="@{'/api/v1/general/remove-pages'}" method="post" enctype="multipart/form-data">
-                <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}">
+              </div>
              <div class="mb-3">
                <label for="fileInput" th:text="#{pageRemover.pagesToDelete}"></label>
-                  <input type="text" class="form-control" id="fileInput" name="pageNumbers" th:placeholder="#{pageRemover.placeholder}" required>
+                <input type="text" class="form-control" id="fileInput" name="pageNumbers"
+                  th:placeholder="#{pageRemover.placeholder}" required>
              </div>
              <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{pageRemover.submit}"></button>
            </form>
@ -32,9 +39,10 @@
    <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
  </div>
  <script>
-      document.getElementById('fileInput').addEventListener('input', function(){
-        this.value =this.value.replace(/\s+/g, '');;
+    document.getElementById('fileInput').addEventListener('input', function () {
+      this.value = this.value.replace(/\s+/g, '');;
    });
  </script>
-  </body>
+</body>
+
 </html>
--- a/src/main/resources/templates/rotate-pdf.html
+++ b/src/main/resources/templates/rotate-pdf.html
@ -1,14 +1,17 @@
 <!DOCTYPE html>
-<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}" xmlns:th="https://www.thymeleaf.org">
-  <head>
-  <th:block th:insert="~{fragments/common :: head(title=#{rotate.title}, header=#{rotate.header})}"></th:block>
-  </head>
+<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}"
+  xmlns:th="https://www.thymeleaf.org">

-  <body>
+<head>
+  <th:block th:insert="~{fragments/common :: head(title=#{rotate.title}, header=#{rotate.header})}"></th:block>
+</head>
+
+<body>
  <div id="page-container">
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">
@ -17,8 +20,11 @@
              <span class="tool-header-text" th:text="#{rotate.header}"></span>
            </div>

-              <form action="#" th:action="@{'/api/v1/general/rotate-pdf'}" th:object="${rotateForm}" method="post" enctype="multipart/form-data">
-                <div th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}"></div>
+            <form action="#" th:action="@{'/api/v1/general/rotate-pdf'}" th:object="${rotateForm}" method="post"
+              enctype="multipart/form-data">
+              <div
+                th:replace="~{fragments/common :: fileSelector(name='fileInput', multipleInputsForSingleRequest=false, accept='application/pdf')}">
+              </div>
              <input type="hidden" id="angleInput" name="angle" value="0">

              <div id="editSection" style="display: none">
@ -28,16 +34,20 @@

                <div class="buttonContainer">
                  <button type="button" class="btn btn-secondary" onclick="rotate(-90)">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+                      class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" />
-                        <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" />
+                      <path
+                        d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" />
                    </svg>
                  </button>
                  <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{rotate.submit}"></button>
                  <button type="button" class="btn btn-secondary" onclick="rotate(90)">
-                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
+                      class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z" />
-                        <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
+                      <path
+                        d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z" />
                    </svg>
                  </button>
                </div>
@ -55,7 +65,7 @@
    const fileInput = document.getElementById("fileInput-input");
    const previewContainer = document.getElementById("previewContainer");
    // const preview = document.getElementById("pdf-preview");
-      fileInput.addEventListener("change", async function() {
+    fileInput.addEventListener("change", async function () {
      console.log("loading pdf");

      document.querySelector("#editSection").style.display = "";
@ -106,5 +116,6 @@
      angleInput.value = newAngle;
    }
  </script>
-  </body>
+</body>
+
 </html>
--- a/src/main/resources/templates/split-pdfs.html
+++ b/src/main/resources/templates/split-pdfs.html
@ -11,6 +11,7 @@
    <div id="content-wrap">
      <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
      <br><br>
+      <th:block th:insert="~{fragments/multi-toolAdvert.html :: multi-toolAdvert}"></th:block>
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-md-6 bg-card">