Skip to content

Instantly share code, notes, and snippets.

@achisholm
Last active March 22, 2019 10:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save achisholm/623029f470a839cc121fc7f7d461d5ca to your computer and use it in GitHub Desktop.
Save achisholm/623029f470a839cc121fc7f7d461d5ca to your computer and use it in GitHub Desktop.
extends /_includes/_layout
block vars
-
var options = {
pageTitle: "Christmas & Bank Holiday Opening Times",
htmlClasses: "smooth-scroll"
}
block append stylesheets
link(rel="stylesheet" href="/Styles/information-page.css")
link(rel="stylesheet" href="/Styles/bank-holidays.css")
block breadcrumbs
header.header-listings.mega-menu
.site-width-wrapper
nav.breadcrumbs
ul.breadcrumbs__list
li.breadcrumbs__item
a.breadcrumbs__link(href="/Information/Services/") TLC Branches
li.breadcrumbs__item!= options.pageTitle
block content
.information-page.site-width-wrapper
.information-page__content
h2.h2 Christmas & Bank Holiday Opening Times
table.table-holidays.table
thead
tr
th.table-holidays__year(colspan="3") 2019
th.text-center.table-holidays__desktop-only TLC Southern
th.text-center.table-holidays__desktop-only Burgess Hill
tbody
tr
th.table-holidays__date 19#[sup th] April
th.table-holidays__date-day Friday
th.table-holidays__date-event Good Friday
td.table-holidays__time.table-holidays__time--southern 9:00am – 1:00pm
td.table-holidays__time.table-holidays__time--burgess-hill Closed
tr
th.table-holidays__date 20#[sup th] April
th.table-holidays__date-day Saturday
th.table-holidays__date-event
td.table-holidays__time.table-holidays__time--southern Normal hours
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 22#[sup nd] April
th.table-holidays__date-day Monday
th.table-holidays__date-event Easter Monday
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 6#[sup th] May
th.table-holidays__date-day Monday
th.table-holidays__date-event May Day
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 27#[sup th] May
th.table-holidays__date-day Monday
th.table-holidays__date-event Spring
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 26#[sup th] August
th.table-holidays__date-day Monday
th.table-holidays__date-event Late Summer
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 24#[sup th] December
th.table-holidays__date-day Tuesday
th.table-holidays__date-event Christmas Eve
td.table-holidays__time.table-holidays__time--southern 7:30am – 3:00pm
td.table-holidays__time.table-holidays__time--burgess-hill 7:30am – 1:00pm
tr
th.table-holidays__date 25#[sup th] December
th.table-holidays__date-day Wednesday
th.table-holidays__date-event Christmas Day
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Closed
tr
th.table-holidays__date 26#[sup th] December
th.table-holidays__date-day Thursday
th.table-holidays__date-event Boxing Day
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Closed
tr
th.table-holidays__date 27#[sup th] December
th.table-holidays__date-day Friday
th.table-holidays__date-event
td.table-holidays__time.table-holidays__time--southern 9:00am – 3:00pm
td.table-holidays__time.table-holidays__time--burgess-hill 8:30am – 1:00pm
tr
th.table-holidays__date 28#[sup th] December
th.table-holidays__date-day Saturday
th.table-holidays__date-event
td.table-holidays__time.table-holidays__time--southern Normal hours
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 30#[sup th] December
th.table-holidays__date-day Monday
th.table-holidays__date-event
td.table-holidays__time.table-holidays__time--southern 9:00am – 3:00pm
td.table-holidays__time.table-holidays__time--burgess-hill Normal hours
tr
th.table-holidays__date 31#[sup st] December
th.table-holidays__date-day Tuesday
th.table-holidays__date-event
td.table-holidays__time.table-holidays__time--southern 9:00am – 3:00pm
td.table-holidays__time.table-holidays__time--burgess-hill 8:30am – 1:00pm
table.table-holidays.table
thead
tr
th.table-holidays__year(colspan="5") 2020
tr
th.table-holidays__date 1#[sup st] January
th.table-holidays__date-day Wednesday
th.table-holidays__date-event New Years Day
td.table-holidays__time.table-holidays__time--southern Closed
td.table-holidays__time.table-holidays__time--burgess-hill Closed
extends /_includes/_layout
block vars
-
var options = {
pageTitle: "Christmas & Bank Holiday Opening Times",
htmlClasses: "smooth-scroll"
}
var holidays = {
"2019": [
{
date: "19",
ordinal: "th",
month: "April",
day: "Friday",
title: "Good Friday",
times: {
tlc_southern: "9:00am – 1:00pm",
burgess_hill: "Closed"
}
},
{
date: "20",
ordinal: "th",
month: "April",
day: "Saturday",
title: "",
times: {
tlc_southern: "Normal hours",
burgess_hill: "Normal hours"
}
},
{
date: "22",
ordinal: "nd",
month: "April",
day: "Monday",
title: "Easter Monday",
times: {
tlc_southern: "Closed",
burgess_hill: "Normal hours"
}
},
{
date: "6",
ordinal: "th",
month: "May",
day: "Monday",
title: "May Day",
times: {
tlc_southern: "Closed",
burgess_hill: "Normal hours"
}
},
{
date: "27",
ordinal: "th",
month: "May",
day: "Monday",
title: "Spring",
times: {
tlc_southern: "Closed",
burgess_hill: "Normal hours"
}
},
{
date: "26",
ordinal: "th",
month: "August",
day: "Monday",
title: "Late Summer",
times: {
tlc_southern: "Closed",
burgess_hill: "Normal hours"
}
},
{
date: "24",
ordinal: "th",
month: "December",
day: "Tuesday",
title: "Christmas Eve",
times: {
tlc_southern: "7:30am – 3:00pm",
burgess_hill: "7:30am – 1:00pm"
}
},
{
date: "25",
ordinal: "th",
month: "December",
day: "Wednesday",
title: "Christmas Day",
times: {
tlc_southern: "Closed",
burgess_hill: "Closed"
}
},
{
date: "26",
ordinal: "th",
month: "December",
day: "Thursday",
title: "Boxing Day",
times: {
tlc_southern: "Closed",
burgess_hill: "Closed"
}
},
{
date: "27",
ordinal: "th",
month: "December",
day: "Friday",
title: "",
times: {
tlc_southern: "9:00am – 3:00pm",
burgess_hill: "8:30am – 1:00pm"
}
},
{
date: "28",
ordinal: "th",
month: "December",
day: "Saturday",
title: "",
times: {
tlc_southern: "Normal hours",
burgess_hill: "Normal hours"
}
},
{
date: "30",
ordinal: "th",
month: "December",
day: "Monday",
title: "",
times: {
tlc_southern: "9:00am – 3:00pm",
burgess_hill: "8:30am – 1:00pm"
}
},
{
date: "31",
ordinal: "st",
month: "December",
day: "Tuesday",
title: "",
times: {
tlc_southern: "9:00am – 3:00pm",
burgess_hill: "8:30am – 1:00pm"
}
},
],
"2020": [
{
date: "1",
ordinal: "st",
month: "January",
day: "Wednesday",
title: "New Years Day",
times: {
tlc_southern: "Closed",
burgess_hill: "Closed"
}
},
]
}
block append stylesheets
link(rel="stylesheet" href="/Styles/information-page.css")
link(rel="stylesheet" href="/Styles/bank-holidays.css")
block breadcrumbs
header.header-listings.mega-menu
.site-width-wrapper
nav.breadcrumbs
ul.breadcrumbs__list
li.breadcrumbs__item
a.breadcrumbs__link(href="/Information/Services/") TLC Branches
li.breadcrumbs__item!= options.pageTitle
block content
.information-page.site-width-wrapper
.information-page__content
h2.h2!= options.pageTitle
- let count = 0
each year, index in holidays
- let thisYear = String(index)
table.table-holidays.table
thead
tr
if (count === 0)
th.table-holidays__year(colspan="3")= thisYear
th.text-center.table-holidays__desktop-only TLC Southern
th.text-center.table-holidays__desktop-only Burgess Hill
else
th.table-holidays__year(colspan="5")= thisYear
tbody
each holiday in year
tr
th.table-holidays__date!= `${holiday.date}<sup>${holiday.ordinal}</sup> ${holiday.month}`
th.table-holidays__date-day= holiday.day
th.table-holidays__date-event= holiday.title
td.table-holidays__time.table-holidays__time--southern!= holiday.times.tlc_southern
td.table-holidays__time.table-holidays__time--burgess-hill!= holiday.times.burgess_hill
- count++
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment