From 95f2fb3b238f957063fdf117736e032ba62bcf13 Mon Sep 17 00:00:00 2001
From: Rhys Evans <EvansRM17@cardiff.ac.uk>
Date: Tue, 28 Nov 2023 20:03:26 +0000
Subject: [PATCH] further work on banner,a ttempting to integrate href
---
.../templates/towns/home/homePage.html | 26 ++++++++++++++++---
1 file changed, 23 insertions(+), 3 deletions(-)
diff --git a/src/main/resources/templates/towns/home/homePage.html b/src/main/resources/templates/towns/home/homePage.html
index 25968ec6..334e0042 100644
--- a/src/main/resources/templates/towns/home/homePage.html
+++ b/src/main/resources/templates/towns/home/homePage.html
@@ -33,13 +33,14 @@
}
.caerphillyBanner{
+ /* #caerUrl{*/
grid-area:townBannerC;
- background-image: url('CaerphillyCastle.jpg');
+ background-image: url('/CaerphillyCastle.jpg');
background-size: 800px 200px;
background-repeat: no-repeat;
background-position: left 35%;
background-image: url('CaerphillyCastle.jpg');
- /*filter: grayscale(30%);*/
+ filter: grayscale(30%);
}
/*body{*/
/* background-image: url('CaerphillyCastle.jpg');*/
@@ -67,9 +68,15 @@
}
#trailCountCaer,#trailCountRisca,#trailCountPenarth{
flex:1;
+
+
+ /*align-items: center;*/
+ /*justify-content: center;*/
+
}
#trailProgressCaer,#trailProgressRisca,#trailProgressPenarth{
flex:2;
+ align-content: center;
}
@@ -95,7 +102,15 @@
/* grid-template-areas:*/
/* ". townBanner ."*/
/*}*/
-
+#caerUrl{
+ display: block;
+ height:40px;
+ width: 460px;
+ margin:0px;
+ padding:0px;
+ color: inherit;
+ text-decoration: none;
+}
</style>
</head>
<body>
@@ -106,9 +121,14 @@
<button class="submitLand"> Submit Landmark!</button>
+<!-- <a href="/Caerphilly" id="caerUrl" > -->
<div class="caerphillyBanner">
+
<H2> Caerphilly</H2>
+<!-- <a href="/Caerphilly" id="caerUrl" ><H2> Caerphilly</H2></a>-->
+<!-- <a href="homePage.html" id="caerUrl"></a>-->
</div>
+<!-- </a>-->
<div class="caerphillyBannerTrail">
<div id="trailCountCaer"> Trails: 3</div>
--
GitLab