CINXE.COM
Data Stories | Transport Open Data
<!-- THEME DEBUG --> <!-- THEME HOOK: 'html' --> <!-- FILE NAME SUGGESTIONS: ▪️ html--datastories.html.twig ✅ html.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/layout/html.html.twig' --> <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/tfnsw_opendata_theme/favicon.png" type="image/png" /> <title>Data Stories | Transport Open Data</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_uLd3OoASEPwPOU_it6E-M-h10Y3iPNO6iUZn5SLq2nU.css?delta=0&language=en&theme=tfnsw_opendata_theme&include=eJwrriwuSc3VT0osTtUpScsrLo_PL0jNS0ksSYwvyUjNTdUvLqnMSdUpy0wtL9YHk3q5-SmlOThUJ-XkJ2cDAJCWIWs" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_hiQc-3UjaX74mfa_PrxVOfG4PsZ-06ETROMBx3EeXBQ.css?delta=1&language=en&theme=tfnsw_opendata_theme&include=eJwrriwuSc3VT0osTtUpScsrLo_PL0jNS0ksSYwvyUjNTdUvLqnMSdUpy0wtL9YHk3q5-SmlOThUJ-XkJ2cDAJCWIWs" /> </head> <body class="path-datastories language--en"> <a href="#main-content" class="visually-hidden focusable"> Skip to main content </a> <!-- THEME DEBUG --> <!-- THEME HOOK: 'off_canvas_page_wrapper' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page' --> <!-- FILE NAME SUGGESTIONS: ▪️ page--path--datastories.html.twig ▪️ page--datastories.html.twig ✅ page.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/page/page.html.twig' --> <div class="page"> <div class="ms-auto"> <!-- TOPBAR START --> <nav class="navbar navbar-expand-lg justify-content-between navbar-dark bg-primary" data-bs-theme="dark"> <div class="container"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topbar-nav" aria-controls="topbar-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div id="topbar-nav" class="collapse navbar-collapse"> <div class="ms-auto d-flex d-flex flex-column flex-lg-row justify-content-end"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--topbar.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-tfnswckanloginblock.html.twig ✅ block--tfnsw-ckan-login-menu-block.html.twig ▪️ block--tfnsw-ckanlogin-block.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--tfnsw-ckan-login-menu-block.html.twig' --> <div class="block block--tfnsw-opendata-theme-tfnswckanloginblock"> <ul class="navbar-nav"> <li class="nav-item"><a href="/data/user/login" class="nav-link">Login</a></li> <li class="nav-item"><a href="/data/user/register" class="nav-link">Register</a></li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--tfnsw-ckan-login-menu-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-search.html.twig ▪️ block--system-menu-block--search.html.twig ✅ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/block/block--system-menu-block.html.twig' --> <div class="block block--tfnsw-opendata-theme-search block--system-menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__search' --> <!-- FILE NAME SUGGESTIONS: ▪️ menu--search.html.twig ✅ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/menu/menu.html.twig' --> <ul class="navbar-nav nav"> <li class="nav-item dropdown"> <a href="/relatedlinks" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Related Links</a> <div class="dropdown-menu"> <a href="https://www.transport.nsw.gov.au" class="dropdown-item">Transport for NSW</a> </div> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/menu/menu.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/radix/templates/block/block--system-menu-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> </div> </div> </div> </nav> <!-- TOPBAR END --> </div> <!-- NAVBAR START --> <nav class="navbar navbar-expand-lg justify-content-between navbar-light bg-light" data-bs-theme="light"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--navbar-branding.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-site-branding.html.twig ✅ block--system-branding-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-branding-block.html.twig' --> <div class="block block--tfnsw-opendata-theme-site-branding block--system-branding"> <a href="/" class="navbar-brand d-flex align-items-center py-0 " aria-label=""> <img src="/themes/custom/tfnsw_opendata_theme/logo.svg" width="240" alt="Transport Open Data logo" class="me-2" /> </a> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-branding-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-main" aria-controls="navbar-main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div id="navbar-main" class="collapse navbar-collapse"> <div class="ms-auto"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--navbar-right.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-main-menu.html.twig ▪️ block--system-menu-block--main.html.twig ✅ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/block/block--system-menu-block.html.twig' --> <div class="block block--tfnsw-opendata-theme-main-menu block--system-menu"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'menu__main' --> <!-- FILE NAME SUGGESTIONS: ✅ menu--main.html.twig ✅ menu--main.html.twig ▪️ menu.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/menu/menu--main.html.twig' --> <ul class="nav navbar-nav"> <li class="nav-item"> <a href="/about" class="nav-link" data-drupal-link-system-path="node/45">About</a> </li> <li class="nav-item dropdown"> <a href="/browse" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Browse</a> <div class="dropdown-menu"> <a href="/data/dataset/" class="dropdown-item">Data Catalogue</a> <a href="/data/dataset/?tags=geospatial" class="dropdown-item" data-drupal-link-query="{"tags":"geospatial"}">Geospatial</a> <a href="/data/dataset/?tags=insights" class="dropdown-item" data-drupal-link-query="{"tags":"insights"}">Insights</a> <a href="/curatedviews" class="dropdown-item" data-drupal-link-system-path="node/49">Curated Views</a> <a href="/gtfs-studio/" class="dropdown-item">GTFS Studio</a> </div> </li> <li class="nav-item dropdown"> <a href="/menudevelopers" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Developers</a> <div class="dropdown-menu"> <a href="/developers" class="dropdown-item" data-drupal-link-system-path="developers">Developers</a> <a href="/dataset-status" class="dropdown-item" data-drupal-link-system-path="dataset-status">Data Updates</a> <a href="/tfnsw-apistatus" class="dropdown-item" data-drupal-link-system-path="tfnsw-apistatus">API Status</a> <a href="/faqs" class="dropdown-item" data-drupal-link-system-path="node/95">FAQs</a> </div> </li> <li class="nav-item active dropdown"> <a href="/datainaction" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Data In Action</a> <div class="dropdown-menu"> <a href="/datastories" class="dropdown-item active is-active" data-drupal-link-system-path="datastories" aria-current="page">Data Stories</a> <a href="/innovation" class="dropdown-item" data-drupal-link-system-path="node/96">Innovation Challenges</a> </div> </li> <li class="nav-item"> <a href="/datapartnerships" class="nav-link" data-drupal-link-system-path="node/28">Data Partnerships</a> </li> <li class="nav-item dropdown"> <a href="/forum" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Forum</a> <div class="dropdown-menu"> <a href="/blog" class="dropdown-item" data-drupal-link-system-path="blog">Blog</a> <a href="https://opendataforum.transport.nsw.gov.au" class="dropdown-item">Forum</a> </div> </li> </ul> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/menu/menu--main.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/radix/templates/block/block--system-menu-block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> </div> </div> </div> </nav> <!-- NAVBAR START --> <main class="py-0"> <header class="page__header mb-2"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--header.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-messages.html.twig ✅ block--system-messages-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <div data-drupal-messages-fallback class="hidden"></div> <!-- END OUTPUT from 'core/modules/system/templates/block--system-messages-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-breadcrumbs.html.twig ▪️ block--system-breadcrumb-block.html.twig ▪️ block--system.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/block/block.html.twig' --> <div class="block block--tfnsw-opendata-theme-breadcrumbs"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'breadcrumb' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/navigation/breadcrumb.html.twig' --> <nav aria-label="breadcrumb" class="breadcrumb p-0 mb-2"> <ol class="breadcrumb mb-0 p-0"> <li class="breadcrumb-item "> <a href="/">Home</a> </li> </ol> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/navigation/breadcrumb.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/radix/templates/block/block.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> </div> </header> <div class="page__content pb-4" id="main-content"> <div class="container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--content.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-pagetitle.html.twig ▪️ block--page-title-block.html.twig ▪️ block--core.html.twig ✅ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/block/block.html.twig' --> <div class="block block--tfnsw-opendata-theme-pagetitle"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'page_title' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/content/page-title.html.twig' --> <h1 class="page-title"> Data Stories </h1> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/content/page-title.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/radix/templates/block/block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-content.html.twig ✅ block--system-main-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'themes/contrib/radix/templates/block/block--system-main-block.html.twig' --> <div class="block block--tfnsw-opendata-theme-content block--system-main"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'container' --> <!-- BEGIN OUTPUT from 'core/modules/system/templates/container.html.twig' --> <div class="views-element-container"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view__datastories' --> <!-- FILE NAME SUGGESTIONS: ✅ views-view--datastories.html.twig ▪️ views-view--datastories--page-1.html.twig ✅ views-view--datastories.html.twig ✅ views-view--datastories.html.twig ▪️ views-view.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/views/views-view--datastories.html.twig' --> <div class="view js-view-dom-id-590ed3a1b5cf12d15f5c32b2584d1933fa37a26853b7dd1c05b25603adf8eed1 view-datastories"> <div class="view-header"> Stories about how our data is making a difference for our passengers, customers and communities. Here are some of the favourites </div> <div class="container mt-4"> <div class="row row-cols-1 row-cols-md-2 g-4"> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/taxiranking" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/Data%20Story%20Taxi%20Ranking%20v1_0.jpg" width="420" height="240" alt="people at taxi rank" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/taxiranking" hreflang="en">Taxi Ranking</a> </h5> </div> <div class="card-body pt-0"> <p>Real-time Insights on Taxi Availability and Wait Times at Taxi Ranks</p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/taxiranking"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/restarealocandfac" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/Data%20Story%20Rest%20Areas%20v1_0.jpg" width="420" height="240" alt="road sign rest area" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/restarealocandfac" hreflang="en">Rest Area Locations and Facilities </a> </h5> </div> <div class="card-body pt-0"> <p>Supporting road users to take frequent breaks and avoid fatigue on longer journeys</p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/restarealocandfac"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/tripplanning" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/Open%20Data2.jpg" width="420" height="240" alt="Use a digital app to plan a trip" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/tripplanning" hreflang="en">Info for Public Transport Trip Planning</a> </h5> </div> <div class="card-body pt-0"> <p>Empowering customers with the latest information to plan journeys on public transport<br /> </p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/tripplanning"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/bikeriding" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/Data%20Story%20Bike%20Ridding%20v1_0.jpg" width="420" height="240" alt="digital solutions for cyclists" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/bikeriding" hreflang="en">Digital Solutions Make Bike Riding Safe</a> </h5> </div> <div class="card-body pt-0"> <p>Innovative digital solutions are making bike riding fun, safe and sociable</p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/bikeriding"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/rtoccupancy" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/Data%20Story%20Park%26Ride%20v1_0.jpg" width="420" height="240" alt="car leaving car park" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/rtoccupancy" hreflang="en">Real-time Car Park Occupancy Insights</a> </h5> </div> <div class="card-body pt-0"> <p>Providing customers with real-time car park occupancy information</p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/rtoccupancy"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <div class="col col-12 col-md-6 col-lg-4 mb-4"> <div class="card border-0 h-100 card-box-shadow " > <!-- Ensure the image and content fit inside the card --> <div class="card-body d-flex flex-column views-view-responsive-grid__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_fields' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> <div class="views-field views-field-nothing"><span class="field-content"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_view_field' --> <!-- BEGIN OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> <div class="card__image img"> <a href="/datastories/multilingual" hreflang="en"> <img loading="lazy" src="/sites/default/files/2024-09/125974-56.jpg" width="4000" height="2250" alt="Aerial view of a coastal road" class="img-fluid"> </a> </div> <div class="card-body"> <h5 class="card-title"> <a href="/datastories/multilingual" hreflang="en">Tourist Drives and Destinations</a> </h5> </div> <div class="card-body pt-0"> <p>Explore NSW tourist destinations </p> </div> <div class="card-body pt-4"> <div class="card-footer text-muted border-0 bg-transparent"> <a href=" /datastories/multilingual"><span class="material-icons" aria-hidden="true"> east</span></a> </div> </div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-field.html.twig' --> </span></div> <!-- END OUTPUT from 'core/modules/views/templates/views-view-fields.html.twig' --> </div> </div> </div> <!-- THEME DEBUG --> <!-- THEME HOOK: 'views_mini_pager' --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/views/views-mini-pager.html.twig' --> <nav class="pager mt-3" aria-label="Pagination"> <ul class="pagination pager__items js-pager__items justify-content-center flex-wrap"> </ul> </nav> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/views/views-mini-pager.html.twig' --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/views/views-view--datastories.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/container.html.twig' --> </div> <!-- END OUTPUT from 'themes/contrib/radix/templates/block/block--system-main-block.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-tfnswodiebot.html.twig ▪️ block--tfnsw-odiebot-block.html.twig ✅ block--tfnsw-odiebot.html.twig ▪️ block.html.twig --> <!-- BEGIN OUTPUT from 'modules/custom/tfnsw_odiebot/templates/block--tfnsw-odiebot.html.twig' --> <div id="block-tfnsw-opendata-theme-tfnswodiebot"> <div id="tfnsw-odiebot-container"></div> <script type="text/javascript" src="https://unpkg.com/markdown-it/dist/markdown-it.min.js"></script> <script src="/sites/default/files/modules/custom/tfnsw_odiebot/public/js/odiebot.js" defer onload="odiebot('mjoBMqfapUk.tEShB4kCsqowjwDTHoEV9UNfxujkVkSQk0t2d8jPC6Y')"></script> </div> <!-- END OUTPUT from 'modules/custom/tfnsw_odiebot/templates/block--tfnsw-odiebot.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> </div> </div> </main> <!-- FOOTER START --> <footer class="page__footer"> <div class="container-fluid text-light bg-primary pt-4"> <div class="container"> <div class="d-flex flex-wrap justify-content-lg-between"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'region' --> <!-- FILE NAME SUGGESTIONS: ▪️ region--footer.html.twig ✅ region.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-contact.html.twig ✅ block--system-menu-block--contact.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--contact.html.twig' --> <div class="block block--tfnsw-opendata-theme-contact block--system-menu pe-5 pb-4"> <h5 class="text-text-light-emphasis">CONTACT </h5> <ul id="block-tfnsw-opendata-theme-contact" class="nav flex-column" style="--bs-nav-link-padding-x: 0rem; --bs-nav-link-padding-y: 0.4rem;"> <li class="nav-item"> <a href="mailto:opendataprogram@transport.nsw.gov.au" class="nav-link">Enquiries & Feedback</a> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--contact.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-support.html.twig ✅ block--system-menu-block--support.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--support.html.twig' --> <div class="block block--tfnsw-opendata-theme-support block--system-menu pe-5 pb-4"> <h5 class="text-text-light-emphasis">SUPPORT</h5> <ul id="block-tfnsw-opendata-theme-support" class="nav flex-column" style="--bs-nav-link-padding-x: 0rem; --bs-nav-link-padding-y: 0.4rem;"> <li class="nav-item"> <a href="https://opendataforum.transport.nsw.gov.au" class="nav-link">Forum</a> </li> <li class="nav-item"> <a href="mailto:OpenDataHelp@transport.nsw.gov.au" class="nav-link">Support</a> </li> <li class="nav-item"> <a href="/developers/troubleshooting" class="nav-link" data-drupal-link-system-path="node/52">Troubleshooting</a> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--support.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-legal.html.twig ✅ block--system-menu-block--legal.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--legal.html.twig' --> <div class="block block--tfnsw-opendata-theme-legal block--system-menu pe-5 pb-4"> <h5 class="text-text-light-emphasis">LEGAL</h5> <ul id="block-tfnsw-opendata-theme-legal" class="nav flex-column" style="--bs-nav-link-padding-x: 0rem; --bs-nav-link-padding-y: 0.4rem;"> <li class="nav-item"> <a href="/sites/default/files/2024-09/TfNSW-Open-Data-Portal-Terms.pdf" class="nav-link">Terms</a> </li> <li class="nav-item"> <a href="/sites/default/files/2024-09/TfNSW-Privacy.pdf" class="nav-link">Privacy Policy</a> </li> <li class="nav-item"> <a href="/sites/default/files/2024-09/TfNSW-Acceptable-Use-Policy.pdf" class="nav-link">Acceptable Use Policy</a> </li> <li class="nav-item"> <a href="/datalicence" class="nav-link" data-drupal-link-system-path="node/90">Data Licence</a> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--legal.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'block' --> <!-- FILE NAME SUGGESTIONS: ▪️ block--tfnsw-opendata-theme-follow.html.twig ✅ block--system-menu-block--follow.html.twig ▪️ block--system-menu-block.html.twig ▪️ block--system.html.twig ▪️ block.html.twig --> <!-- 💡 BEGIN CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--follow.html.twig' --> <div class="block block--tfnsw-opendata-theme-follow block--system-menu pe-5 pb-4"> <h5 class="text-text-light-emphasis">FOLLOW</h5> <ul id="block-tfnsw-opendata-theme-follow" class="nav flex-column" style="--bs-nav-link-padding-x: 0rem; --bs-nav-link-padding-y: 0.4rem;"> <li class="nav-item"> <a href="https://twitter.com/DataTfNSW" class="nav-link">X (formerly Twitter)</a> </li> </ul> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/block/block--system-menu-block--follow.html.twig' --> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/region/region.html.twig' --> </div> </div> <div class="container"> <div class="d-flex flex-wrap justify-content-md-between align-items-md-center"> <div class="footer__serpent d-flex align-items-center justify-content-between w-100"> <p>Transport for NSW recognise and celebrate the diversity of Aboriginal peoples and their ongoing cultures and care of Country. We pay respect to traditional custodians and Elders past and present.</p> <img alt="Serpent" width="25%" height="auto" src="/themes/custom/tfnsw_opendata_theme/serpent-logo.png"> </div> </div> </div> </div> </footer> <!-- FOOTER END --> </div> <!-- END CUSTOM TEMPLATE OUTPUT from 'themes/custom/tfnsw_opendata_theme/templates/page/page.html.twig' --> </div> <!-- END OUTPUT from 'core/modules/system/templates/off-canvas-page-wrapper.html.twig' --> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"datastories","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en","themeUrl":"themes\/custom\/tfnsw_opendata_theme"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"tfnsw_odiebot":{"imagePaths":{"odiebot":"\/modules\/custom\/tfnsw_odiebot\/public\/images\/odiebot.svg","cross":"\/modules\/custom\/tfnsw_odiebot\/public\/images\/cross.svg","anotherImage":"\/modules\/custom\/tfnsw_odiebot\/public\/images\/another-image.svg"}},"user":{"uid":0,"permissionsHash":"9957a3cb925941d2e8c550cebf0c930daafb445143cf14078253320229f8cf75"}}</script> <script src="/sites/default/files/js/js_QaoDFXAAWW0Y7AuPsNvJTaIrf8oL3IkisvvS22jQQCg.js?scope=footer&delta=0&language=en&theme=tfnsw_opendata_theme&include=eJwrScsrLo_PL0jNS0ksSYwvyUjNTdUvLqnMSdUpwSaVlJOfnA0ASN8VZQ"></script> </body> </html> <!-- END OUTPUT from 'themes/contrib/radix/templates/layout/html.html.twig' -->