departure_board.typ

#let board(time, content) = [
	#set text(
		font: "ModeSeven",
		size: 18pt,
	)
	#set page(
	  width: 20cm,
	  height: 15cm,
	  margin: (top: 48pt, bottom: 26pt, left: 0.4cm, right: 0.4cm),
	  fill: black,
	  header: rect(fill: rgb("#0000ff"))[
		#set text(yellow, 36pt)
		Departures
		#h(1fr)
	  ],
	  header-ascent: 0%,
	  footer: context rect(fill: rgb("#0000ff"))[
		#set text(yellow, 18pt)
		Page #counter(page).display("1 of 1", both: true)
		#h(1fr)
		Time Now is #time.display("[hour]:[minute]:[second]")
	  ],
	  footer-descent: 0%,
	)
	#set table(
	  stroke: (x, y) => if y == 1 {
		(top: 2pt + white)
	  } else {
	  	(none)
	  },
	  gutter: 0pt,
	  fill: (x, y) => (
		if y == 0 {
			rgb("#0000ff")
		} else {
			black
		}
	  ),
	  align: (x, y) => (
		if x == 2 { center }
		else { left }
	  )
	)
	#show table.cell: it => {
		if it.y == 0 {
			set text(yellow)
			it
		} else {
			set text(white)
			it
		}
	}

	#show "Cancelled": [
		#set text(red)
		Cancelled
	]

	#show "Delayed": [
		#set text(yellow)
		Delayed
	]

	#set table(
	  columns: (auto, 1fr, auto, auto),	
	)

	#content
]

#show: board.with(
	datetime(hour: 19, minute: 46, second: 01),
)

#table(
	table.header(
		[*Time*], [*Destination*], [*Platform*], [*Expected*],
	),
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [Delayed],
	[07:45], [London Marylebone], [2], [Cancelled],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
	[07:45], [London Marylebone], [2], [On time],
)