Skip to content
Snippets Groups Projects
Commit ad2c278d authored by Rhys Evans's avatar Rhys Evans
Browse files

Further work attempting to get a greyscale image to function as a progress...

Further work attempting to get a greyscale image to function as a progress meter on the Caerphilly banner
parent 94852789
No related branches found
No related tags found
1 merge request!17Resolve "As a user I want to be able to have the homepage being very intuitive and easy to navigate"
src/main/resources/templates/towns/home/CaerphillyCastle.jpg

351 KiB

...@@ -34,9 +34,19 @@ ...@@ -34,9 +34,19 @@
.caerphillyBanner{ .caerphillyBanner{
grid-area:townBannerC; grid-area:townBannerC;
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%);*/
} }
/*body{*/
/* background-image: url('CaerphillyCastle.jpg');*/
/*}*/
.caerphillyBannerTrail{ .caerphillyBannerTrail{
grid-area:townBannerDetsC; grid-area:townBannerDetsC;
/*linear-gradient(90 deg,white,red);*/
} }
.riscaBanner{ .riscaBanner{
grid-area:townBannerR; grid-area:townBannerR;
...@@ -92,7 +102,7 @@ ...@@ -92,7 +102,7 @@
<!--<header th:insert="~{../Templating.html::header}"></header>--> <!--<header th:insert="~{../Templating.html::header}"></header>-->
<main> <main>
<div class="gridContainer1"> <div class="gridContainer1">
<H1 id="homeTitle"> Smart Towns - Trails</H1> <H1 id="homeTitle"> VZTA Smart Towns - Trails</H1>
<button class="submitLand"> Submit Landmark!</button> <button class="submitLand"> Submit Landmark!</button>
...@@ -102,7 +112,7 @@ ...@@ -102,7 +112,7 @@
<div class="caerphillyBannerTrail"> <div class="caerphillyBannerTrail">
<div id="trailCountCaer"> Trails: 3</div> <div id="trailCountCaer"> Trails: 3</div>
<div id="trailProgressCaer"> 55%</div> <div id="trailProgressCaer"> 70%</div>
</div> </div>
<div class="riscaBanner"> <div class="riscaBanner">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment