From 03febd9484145e7f2085f4a86145e9f655c85c36 Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Sat, 15 Apr 2023 19:55:55 +0100
Subject: [PATCH] Home screen change  (#88)

* security

* home screen remove GO button

* fix

* test

* version
---
 build.gradle                                  |  2 +-
 src/main/resources/messages_ar_AR.properties  |  1 +
 src/main/resources/messages_de_DE.properties  |  1 +
 src/main/resources/messages_en_GB.properties  |  1 +
 src/main/resources/messages_es_ES.properties  |  1 +
 src/main/resources/messages_fr_FR.properties  |  1 +
 src/main/resources/static/css/dark-mode.css   |  3 +-
 src/main/resources/templates/add-image.html   |  2 +-
 .../resources/templates/fragments/card.html   |  7 +--
 src/main/resources/templates/home.html        | 44 ++++++++++++++-----
 10 files changed, 47 insertions(+), 16 deletions(-)

diff --git a/build.gradle b/build.gradle
index ce3c8f53..ac6d7df2 100644
--- a/build.gradle
+++ b/build.gradle
@@ -5,7 +5,7 @@ plugins {
 }
 
 group = 'stirling.software'
-version = '0.4.7'
+version = '0.4.8'
 sourceCompatibility = '17'
 
 repositories {
diff --git a/src/main/resources/messages_ar_AR.properties b/src/main/resources/messages_ar_AR.properties
index 22673589..4912c3ef 100644
--- a/src/main/resources/messages_ar_AR.properties
+++ b/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
diff --git a/src/main/resources/messages_de_DE.properties b/src/main/resources/messages_de_DE.properties
index 91be1c7f..534a4635 100644
--- a/src/main/resources/messages_de_DE.properties
+++ b/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
diff --git a/src/main/resources/messages_en_GB.properties b/src/main/resources/messages_en_GB.properties
index 6bd28e6b..02838112 100644
--- a/src/main/resources/messages_en_GB.properties
+++ b/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
 
 
diff --git a/src/main/resources/messages_es_ES.properties b/src/main/resources/messages_es_ES.properties
index a65daa42..a334e844 100644
--- a/src/main/resources/messages_es_ES.properties
+++ b/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
 
 
diff --git a/src/main/resources/messages_fr_FR.properties b/src/main/resources/messages_fr_FR.properties
index fa83d47e..46ec91c3 100644
--- a/src/main/resources/messages_fr_FR.properties
+++ b/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
diff --git a/src/main/resources/static/css/dark-mode.css b/src/main/resources/static/css/dark-mode.css
index be68943c..4ae283e8 100644
--- a/src/main/resources/static/css/dark-mode.css
+++ b/src/main/resources/static/css/dark-mode.css
@@ -23,4 +23,5 @@ body {
 }
 #support-section {
    background-color: #444 !important;
-}
\ No newline at end of file
+}
+
diff --git a/src/main/resources/templates/add-image.html b/src/main/resources/templates/add-image.html
index a74707f8..499cad6e 100644
--- a/src/main/resources/templates/add-image.html
+++ b/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>
diff --git a/src/main/resources/templates/fragments/card.html b/src/main/resources/templates/fragments/card.html
index 620068cb..d574954e 100644
--- a/src/main/resources/templates/fragments/card.html
+++ b/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>
\ No newline at end of file
diff --git a/src/main/resources/templates/home.html b/src/main/resources/templates/home.html
index e5e7e750..339b7265 100644
--- a/src/main/resources/templates/home.html
+++ b/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>