On mobile, move 'Meet us!' block between upcoming/recurrent and past events

[keunes]

Short description: On mobile, move 'Meet us!' block between upcoming/recurrent and past events.

Location: https://antennapod.org/events

Why have this: This allows mobile users to first see some concrete upcoming events before seeing a more generic call to action.

More info: Currently, all events are collected into 1 list in events.html and then printed. For this enhancement to happen, the list should be split in 2. A where filter should probably be added to assign normalevents, leveraging past/future detection as used in /_layouts/event.html.
Then Bootstrap's order-first might be used (not sure if possible because we'd be trying to mix column B in the middle of column A). Maybe another solution is possible.