The topic is next-2-buses and that was based on old gtfs.
My adaptation does not focus on 2-buses but it does offer more (imo) and if you look at my repo wiki (below) you should be able to get what you want. If not, please explain and I will try to add to the repo wiki if not yet covered.
The data is all there and how you use it using xyz-cards is more up to you then up to the integration…but I am OK to help a bit as long as it does not go into card-specifics vs gtfs2 specifics
I’ll tell you I have very basic coding knowledge. I basically replaced the code on your link, for the first portion for instance. I replaced the entity name (which I already defined), and when I click the button on the dashboard nothing happens, is there any way to display the next 3 or 3 buses without having to tap on the screen?
There are multiple options, below is an example using flex-table card but one could also use markdown card
type: custom:flex-table-card
entities:
include: YOURSENSOR
clickable: true
title: demo next 3 buses
max_rows: 3
columns:
- name: next
attr_as_list: next_departures
modify: new Date(x).getHours() + ':' + String(new Date(x).getMinutes()).padStart(2, "0")
- name: next
attr_as_list: next_departures
modify: x
simple markdown
type: markdown
content: >-
{% set next = state_attr('YOURSENSOR','next_departures')[0:3] %}
<table>
<h1>Next Departures</h1>
{% for i in range(0,3) %}
<tr><td>{{ (next[i]|as_datetime| as_local).time()}}</td><tr>
{% endfor %}