Merge branch 'flooding' to add Flood Risk Monitor app to the Apps section.

Author: itsozz

index.html

@@ -197,6 +197,21 @@ <h2>Trafford Themes</h2>
                     <h2>Apps</h2>
 
                     <div class="cardContainer">
+                        <div class="card labBorder notification">
+                            <span class="filterTags"><!-- flooding floods flood risk monitoring water lakes rivers streams brooks water levels watercourses apps webapps applications --></span>
+                            <a href="https://www.trafforddatalab.io/maps/flood_risk_monitor" target="_blank">
+                                <h3 class="cardHead themeLink">Flood Risk Monitor</h3>
+                                <div class="thumbnail" style="width: 150px; height: 100px; background-color: #c4e1ff; border: 1px solid #eee;">
+                                    <span class="fa-stack" style="display: block; margin: auto; font-size: 50px;">
+                                        <span class="fa-solid fa-play fa-rotate-270 fa-stack-2x" style="color: #c70000;"></span>
+                                        <span class="fa-solid fa-house-flood-water fa-stack-1x" style="color: #fff; margin-top: 3px;"></span>
+                                    </span>
+                                </div>
+                            </a><br class="hideContent"/>
+                            <span class="cardBody">Interactive map combining datasets from the <a href="https://www.gov.uk/government/organisations/environment-agency" target="_blank">Environment Agency</a> and <a href="https://www.ordnancesurvey.co.uk/" target="_blank">Ordnance Survey</a> showing flood risk from watercourses in and around Trafford and the latest available water level readings.</span>
+                            <span class="badge highContrastBlock" aria-label="This item is new" data-added="2025-04-11"><span aria-hidden="true">new</span></span>
+                        </div>
+                        
                         <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation residents interactive trafford council themes dashboard corporate plan priorities strategic vision outcomes indicators performance borough children and families children & families family healthy lives health economy and homes economy & homes businesses housing climate crisis environment comparators apps webapps applications --></span>
                             <a href="https://trafforddatalab.shinyapps.io/trafford_themes/" target="_blank"><h3 class="cardHead themeLink">Trafford Themes</h3><img src="images/trafford_themes_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
@@ -275,11 +290,10 @@ <h2>Apps</h2>
                             <span class="cardBody">Create and edit map features in the form of lines, polygons, circles and markers and save the results. Load previously saved data and add to it, or use it in other applications such as Graphical Information Systems (GIS) software.</span>
                         </div>
 
-                        <div class="card labBorder notification">
+                        <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation interactive reported road traffic accidents rta casualty road casualties personal injury injuries crashes apps webapps applications --></span>
                             <a href="https://trafforddatalab.shinyapps.io/road_casualties" target="_blank"><h3 class="cardHead themeLink">Road casualties</h3><img src="images/road_casualty_app_thumbnail.png" class="thumbnail" alt=""/></a><br class="hideContent"/>
                             <span class="cardBody">Application enabling users to explore GM reported road traffic accidents involving personal injury between 2010 and 2023.</span>
-                            <span class="badge highContrastBlock" aria-label="This item is new" data-added="2025-01-31"><span aria-hidden="true">new</span></span>
                         </div>
                     </div>
                 </section>
@@ -296,13 +310,23 @@ <h2>Collections</h2>
 
                         <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation trafford greater manchester census 2021 national statistics populations demographics residents households international migration ethnicity languages religion religious affiliation beliefs uk armed forces veterans education health disability unpaid care housing labour market travel to work national identity sexual orientation gender identity collections --></span>
-                            <a href="census2021.html"><h3 class="cardHead themeLink">Census 2021</h3><span class="far fa-check-circle"></span></a><br class="hideContent"/>
+                            <a href="census2021.html">
+                                <h3 class="cardHead themeLink">Census 2021</h3>
+                                <div class="thumbnail" style="width: 150px; height: 100px; background-color: #f9f9f9;">
+                                    <span class="far fa-check-circle" style="margin-left: 26px; margin-top: 2px;"></span>
+                                </div>
+                            </a><br class="hideContent"/>
                             <span class="cardBody">Visit our Census 2021 collections page for all our outputs relating to the census conducted by the <a href="https://www.ons.gov.uk/" target="_blank">Office for National Statistics</a> in 2021 and published between 2022-2023.</span>
                         </div>
 
                         <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation residents trafford greater manchester local authorities covid-19 covid 19 c19 c-19 coronavirus global pandemic infections infectious case rates vaccines vaccinations vaccinated boosters immunity immune collections --></span>
-                            <a href="covid19.html"><h3 class="cardHead themeLink">COVID-19</h3><span class="fas fa-head-side-mask"></span></a><br class="hideContent"/>
+                            <a href="covid19.html">
+                                <h3 class="cardHead themeLink">COVID-19</h3>
+                                <div class="thumbnail" style="width: 150px; height: 100px; background-color: #f9f9f9;">
+                                    <span class="fas fa-head-side-mask" style="margin-left: 23px; margin-top: 4px;"></span>
+                                </div>
+                            </a><br class="hideContent"/>
                             <span class="cardBody">Visit our COVID-19 collections page for all our outputs and resources relating to the coronavirus pandemic.</span>
                         </div>