Home screen change (#88)

* security

* home screen remove GO button

* fix

* test

* version

build.gradle

@@ -5,7 +5,7 @@ plugins {
 }
 
 group = 'stirling.software'
-version = '0.4.7'
+version = '0.4.8'
 sourceCompatibility = '17'
 
 repositories {

src/main/resources/messages_ar_AR.properties

@@ -135,6 +135,7 @@ fileToPDF.submit=\u062A\u062D\u0648\u064A\u0644 \u0625\u0644\u0649 PDF
 #Add image
 addImage.title=إضافة صورة
 addImage.header=إضافة صورة إلى PDF (العمل قيد التقدم)
+addImage.everyPage=كل صفحة؟
 addImage.submit=إضافة صورة
 
 #compress

src/main/resources/messages_de_DE.properties

@@ -134,6 +134,7 @@ fileToPDF.submit=In PDF konvertieren
 #Add image
 addImage.title=Bild hinzufügen
 addImage.header=Ein Bild einfügen (Work in progress)
+addImage.everyPage=Jede Seite?
 addImage.submit=Bild hinzufügen
 
 #compress

src/main/resources/messages_en_GB.properties

@@ -149,6 +149,7 @@ compress.submit=Compress
 #Add image
 addImage.title=Add Image
 addImage.header=Add image to PDF (Work in progress)
+addImage.everyPage=Every Page?
 addImage.submit=Add image
 
 

src/main/resources/messages_es_ES.properties

@@ -149,6 +149,7 @@ compress.submit=Comprimir
 #Add image
 addImage.title=Añade Imagen
 addImage.header=Añade image de PDF (Trabajo en progreso)
+addImage.everyPage=¿Todas las páginas?
 addImage.submit=Añade imagen
 
 

src/main/resources/messages_fr_FR.properties

@@ -137,6 +137,7 @@ fileToPDF.submit=Convertir en PDF
 #Add image
 addImage.title=Ajouter une image
 addImage.header=Ajouter une image au PDF (Travail en cours)
+addImage.everyPage=Chaque page?
 addImage.submit=Ajouter une image
 
 #compress

src/main/resources/static/css/dark-mode.css

@@ -24,3 +24,4 @@ body {
 #support-section {
    background-color: #444 !important;
 }
+

src/main/resources/templates/add-image.html

@@ -27,7 +27,7 @@
                                 <label for="y">Y</label> <input type="number" class="form-control" id="y" name="y" step="0.01" required>
                             </div>
                             <div class="form-group">
-                                <input type="checkbox" id="everyPage" name="everyPage" value="true"> <label for="everyPage">Every Page?</label>
+                                <input type="checkbox" id="everyPage" name="everyPage" value="true"> <label for="everyPage" th:text="#{addImage.everyPage}"></label>
                             </div>
                             <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{addImage.submit}"></button>
                         </form>

src/main/resources/templates/fragments/card.html

@@ -1,5 +1,6 @@
 <div th:fragment="card" class="feature-card">
-    <h5 class="card-title" th:text="${cardTitle}"></h5>
-    <p class="card-text" th:text="${cardText}"></p>
-    <a class="btn btn-primary" th:href="${cardLink}" th:text="#{goToPage}"></a>
+    <a th:href="${cardLink}">
+        <h5 class="card-title text-primary" th:text="${cardTitle}"></h5>
+        <p class="card-text" th:text="${cardText}"></p>
+    </a>
 </div>

src/main/resources/templates/home.html

@@ -6,22 +6,46 @@
 
 <style>
 .features-container {
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr));
-	gap: 25px 30px;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr));
+    gap: 25px 30px;
 }
 
 .feature-card {
-	border: 1px solid rgba(0, 0, 0, .125);
-	border-radius: 0.25rem;
-	padding: 1.25rem;
-	display: flex;
-	flex-direction: column;
-	align-items: flex-start;
+    border: 2px solid rgba(0, 0, 0, .25);
+    border-radius: 0.25rem;
+    padding: 1.25rem;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    background: rgba(13, 110, 253, 0.05); 
+    transition: transform 0.3s, border 0.3s;
+}
+
+.feature-card a {
+    text-decoration: none;
+    color: inherit;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
 }
 
 .feature-card .card-text {
-	flex: 1;
+    flex: 1;
+}
+
+.feature-card:hover {
+    border: 2px solid rgba(0, 0, 0, .5);
+    cursor: pointer;
+    transform: scale(1.1);
+}
+
+.feature-card:hover .card-title {
+    text-decoration: underline;
+}
+.card-title.text-primary {
+  color: #013275; /* Replace with your desired shade of blue */
 }
 </style>