Karlsruhe Subway style departure board. banner

Karlsruhe Subway style departure board.

Created by: Linus
5 devlogs
6h 47m 3s

Do you like the style of the new departure boards in Karlsruhe? Well, they run Windows and a browser, and so I set out to clone them in pure handwritten HTML/CSS/JS. Simply enter any stop name in the world, and departures will appear just as in the original (some features disabled for technical reasons)!

On the backend side, most work is delegated to the amazing Transitous API, however, another, self-cooked API provides the line shapes and colors, by quering a CC0 database.

Demo Repository

README

Loading README...
Linus
Linus worked on Karlsruhe Subway style departure board.
20 days ago
0h 36m logged

I added the bottom bar and a flavortown link next to a marquee for news.
No functionality changed. It’s just optics now, and maybe geolocation. (Famous last words)

Attachment
Attachment
0
Linus
Linus worked on Karlsruhe Subway style departure board.
20 days ago
1h 13m logged

I added the remaining line shapes as well as rectangles with borders.
Also, the text “sofort” now only shows under 1 min if the stoptime has real-time data, as in real life.

Attachment
0
Linus
Linus worked on Karlsruhe Subway style departure board.
21 days ago
2h 6m logged

I added functionality to get real line shapes. More will be added later, along with proper proportions. A demo URL is also almost ready.

Attachment
0
Linus
Linus worked on Karlsruhe Subway style departure board.
24 days ago
2h 4m logged

A lot of the project is finished already. It displays departure times etc. Some problems include the following:

  • Line icons do not have the correct shape. The Transitous API uses traewelling/line-colors, but only provides the colors. The shape needs to be gotten either directly from the source or by building a dedicated API.
  • Padding on most elements does not match the real life model. This is simply some trial and error. The UI is also currently not responsive AT ALL.

TODO:

  • Add a “My location” button (maybe in the H symbol)
  • Make the clock blink every second and switch on the minute.
Attachment
1

Comments

selmaqrini
selmaqrini 24 days ago

Goodluck keep going !