Final updates to page, added stylesheet adn linking from homepage banners

3d1c7094 · Rhys Evans · 80ca37ba · 3d1c7094 · 3d1c7094 · 3d1c7094
Commit 3d1c7094 authored 1 year ago by Rhys Evans
--- a/src/main/resources/static/css/townsPageFragsStyle.css
+++ b/src/main/resources/static/css/townsPageFragsStyle.css
+.townFragment{
+    background-color: rgb(206, 153, 253);
+    color: black;
+    border-color: white;
+    align-content: center;
+    text-align: center;
+    border-radius: 25px;
+    max-width: 800px;
+    margin: 0 auto;
+
+}
+.townPageFrag{
+    background:  rgb(41, 41, 41);
+    color: wheat;
+}
+
+#return{
+    padding-bottom: 10px;
+}
+iframe{
+    margin-top: 20px;
+    margin-bottom: 60px;
+    border: white 2px solid;
+}
+H1{
+    padding-top: 5px;
+    padding-bottom:3px ;
+    margin-bottom: 0;
+}
+
+#checkpointList{
+    list-style: none;
+}
+
--- a/src/main/resources/templates/fragments/townsPageFrags.html
+++ b/src/main/resources/templates/fragments/townsPageFrags.html
@@ -4,50 +4,9 @@
    <meta charset="UTF-8">
    <title th:text="${town.getTownName()}"></title>
    <link rel="stylesheet" th:href="@{/css/templatingstyle.css}">
-<!--    <link rel="stylesheet" th:href="@{/css/locationPageFragsStyle.css}">-->
+    <link rel="stylesheet" th:href="@{/css/townsPageFragsStyle.css}">

-    <style>

-        .townFragment{
-            background-color: rgb(206, 153, 253);
-            color: black;
-            border-color: white;
-            align-content: center;
-            text-align: center;
-            border-radius: 25px;
-            max-width: 800px;
-            margin: 0 auto;
-
-        }
-        .townPageFrag{
-            background:  rgb(41, 41, 41);
-            color: wheat;
-        }
-
-        #return{
-            padding-bottom: 10px;
-        }
-        iframe{
-            margin-top: 20px;
-            margin-bottom: 60px;
-            border: white 2px solid;
-        }
-        H1{
-            padding-top: 5px;
-            padding-bottom:3px ;
-            margin-bottom: 0;
-        }
-        #townHeader{
-            margin: 0;
-            padding: 0;
-
-        }
-        #checkpointList{
-            list-style: none;
-        }
-
-
-    </style>
 </head>
 <body >
 <header th:insert="~{/fragments/Templating.html::header}"></header>
@@ -56,7 +15,7 @@
    <section class="townFragment">


-        <H1 th:text="${town.getTownName()}"></H1>
+        <H1 th:text="${town.getTownName()}+' Trails'"></H1>
        <hr style="height:20px; visibility:hidden;" />

        <div th:each="trail, indexValue:${trails}">
@@ -66,6 +25,9 @@
            </li>

        </div>
+        <hr style="height:20px; visibility:hidden;" />
+        <H2 id="return">
+            <a href="/home">Back</a></H2>
    </section>

    <hr style="height:40px; visibility:hidden;" />

--- a/src/main/resources/templates/fragments/trailsPageFrags.html
+++ b/src/main/resources/templates/fragments/trailsPageFrags.html
@@ -105,7 +105,10 @@


        </div>
-        <hr style="height:20px; visibility:hidden;" />
+        <hr style="height:15px; visibility:hidden;" />
+        <H2 id="return">
+            <a href="/home">Home</a></H2>
+        <hr style="height:5px; visibility:hidden;" />
    </article>
    <hr style="height:40px; visibility:hidden;" />
 </main>

--- a/src/main/resources/templates/towns/home/homePage.html
+++ b/src/main/resources/templates/towns/home/homePage.html
@@ -19,7 +19,7 @@

    <div th:each="town:${towns}" class="gridContainer2">

-      <a href="/allTrails" class="Banner"
+      <a th:href="'/towns/'+${town.getName()}" class="Banner"
         th:style="'background:url('+ ${town.getImageTown()} +');'"
         th:styleappend="'background-size: 80vw 24vh;'+'background-repeat: no-repeat;'+'background-position: left 30%;'" />