TS Template es.html front-end for 6/11 tickets WIP

[rosieprom]

Done the HTML/CSS for these tickets

• Airport Pickup
• Airport Dropoff
• Hotel Room
• Summit
• Tour Package A
• Tour Package B

** Still need to work through the xml code and parse through data in the template.

Need the TS for the following tickets so i can continue making front end

• Welcome Dinner
• Final Match
• AliPay VIP Night
• Bus to Venue
• Bus to Hotel

:)

[hboon]

@developerpeachy

I tested with the hotel TokenScript. If you change this:

.ticket {
background-image: ...;
border-radius: 15px;
display: flex;
flex-direction: column;
background-size: cover;
max-height: 99%;
width: 100%;
}

to:

.ticket {
background-image: ...;
border-radius: 15px;
display: flex;
flex-direction: column;
//background-size: cover;
background-size: contain;
background-repeat: no-repeat;
//max-height: 99%;
//height: auto;
width: 100%;
}

It looks like the height will work out right and preserve aspect ratio. It doesn't occupy the entire width of the screen. Not sure why. But it's probably good enough for the demo?

[hboon]

This is probably not quite right:

.left-content {
width: 75%;
}

If you run the web inspector, notice that the ticket does span the entire width as well as .ticket, it's .left-content that is too narrow.