Added Flood Risk Monitor to the Apps section, added the new item icon to it and removed the expired one from the Road Casualties app.

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: #ee0000;"></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>