From 4f93b3132a9d53d7b8883db58300326c29d71b83 Mon Sep 17 00:00:00 2001 From: Jonathan Bernard Date: Mon, 13 Feb 2017 23:43:02 -0600 Subject: [PATCH] Updated to be responsive. --- website/agendas/first-meeting-agenda.md | 3 +- website/css/new-life-intro-band.css | 145 ++++++++++++++++++ website/s3-dir-listing.html | 59 ++++++- website/schedules/2016-11-november.md | 33 ++++ website/schedules/2016-12-december.md | 41 +++++ website/schedules/2017-01-january.md | 30 ++++ .../{2017-march.md => 2017-03-march.md} | 7 + website/template.html | 58 +------ 8 files changed, 313 insertions(+), 63 deletions(-) create mode 100644 website/css/new-life-intro-band.css create mode 100644 website/schedules/2016-11-november.md create mode 100644 website/schedules/2016-12-december.md create mode 100644 website/schedules/2017-01-january.md rename website/schedules/{2017-march.md => 2017-03-march.md} (79%) diff --git a/website/agendas/first-meeting-agenda.md b/website/agendas/first-meeting-agenda.md index af39004..4f08d60 100644 --- a/website/agendas/first-meeting-agenda.md +++ b/website/agendas/first-meeting-agenda.md @@ -1,4 +1,5 @@ -# Introductory Meeting Agenda +{"title": "Introductory Meeting Agenda" } ++++ ## New Life Rehearsal Band 1. What is NLRB? diff --git a/website/css/new-life-intro-band.css b/website/css/new-life-intro-band.css new file mode 100644 index 0000000..358dc86 --- /dev/null +++ b/website/css/new-life-intro-band.css @@ -0,0 +1,145 @@ +body { + font-family: Cantarell, sans; + position: relative; +} + +h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans; } + +footer { + color: #999; + text-align: center; + margin-top: 2rem; +} + +a { color: black; } +a:hover { color: orange; } + +#nav h1 { + margin: 0; + padding: 0; + font-size: 1.5rem; +} + +#content h1 { font-size: 2.4rem; } +#content h2 { font-size: 2rem; } +#content h3 { font-size: 1.5rem; } +#content h4 { font-size: 1.35rem; } + +#content h5 { + font-size: 1.35rem; + font-weight: normal; + text-decoration: underline; +} + +#content h6 { + font-size: 1rem; + font-weight: normal; + font-variant: small-caps; +} + +#content h1.title { + text-align: center; + width: 100%; +} + +/* common between xsmall, small, and med */ +@media screen and (max-width: 1200px) { + #nav { + border-top: solid thin gray; + padding-top: 1rem; + position: absolute; + } + + #nav h1, #nav ul { + width: 14rem; + margin: 0 auto; + } + + #nav h1 { font-size: 1.5rem; } + + footer { + position: absolute; + bottom: 0; + width: 100%; + } +} + +/* common between xsmall and small */ +@media screen and (max-width: 640px) { + #content h1 { font-size: 2rem; } + #content h2 { font-size: 1.67rem; } + + #nav ul { + font-size: 1.5rem; + padding-left: 3rem; + } +} + +/* xsmall */ +@media screen and (max-width: 320px) { + html { font-size: 10px; } + body { + width: 100%; + margin: 2px; + padding-bottom: 14rem; + } + + #nav { + width: 100%; + bottom: 3rem; + } + +} + +/* small */ +@media screen and (min-width: 321px) and (max-width: 640px) { + html { font-size: 12px; } + body { + margin: 1vw auto; + width: 40rem; + max-width: 96%; + padding-bottom: 12rem; + } + + #nav { + width: 40rem; + max-width: 96%; + bottom: 1.5rem; + } + +} + +/* medium */ +@media screen and (min-width: 641px) and (max-width: 1200px) { + html { font-size: 16px; } + body { + margin: 2vw auto; + width: 40em; + padding-bottom: 11rem; + } + + #nav { + width: 40rem; + bottom: 2rem; + } + +} + +/* large */ +@media screen and (min-width: 1201px) { + html { font-size: 1.2vw; } + body { + margin: 2vw auto; + width: 40em; + } + + #nav { + position: fixed; + left: calc(50% - 36em); + top: 2vw; + margin: 0; + padding: 0; + } +} + + diff --git a/website/s3-dir-listing.html b/website/s3-dir-listing.html index 6493c6b..151d86a 100644 --- a/website/s3-dir-listing.html +++ b/website/s3-dir-listing.html @@ -5,11 +5,7 @@ Directory Listing @@ -174,6 +220,7 @@ function render(dirInfo) { $("#listing tbody").append(renderRow(f)); }); $("#listing table").DataTable({ + autoWidth: false, paging: false, info: false }); diff --git a/website/schedules/2016-11-november.md b/website/schedules/2016-11-november.md new file mode 100644 index 0000000..e70d426 --- /dev/null +++ b/website/schedules/2016-11-november.md @@ -0,0 +1,33 @@ +{"title": "November 2016 Schedule"} ++++ +### Practices: + +* Nov. 8th, 7-8:30pm, +* Nov. 22nd, 7-8:30pm, and +* Nov. 29th. + +* Playing for service Nov. 30th. + +### Songs + +* I Will Bless The Lord by Eddie James: + - [on YouTube](https://www.youtube.com/watch?v=a2WlcI06hDo) + - [lead sheet][2] + +* Holy Spirit by Kari Jobe + - [on YouTube](https://www.youtube.com/watch?v=XPPMSfCdUng) + - [lead sheet][2] + +* Glorious by B.J. Putnam + - [on YouTube](https://www.youtube.com/watch?v=vVlECDpWyHE) + - [lead sheet][2] + +Note that we are breaking our once every two week pattern with the 22nd and +29th. Please let me know if this schedule will not work for you. If you have +another song suggestion instead of Glorious, reply and let us know. If I don’t +hear any feedback on this I will prepare a leadsheet and get that out to you by +this weekend. + +[1]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/I+Will+Bless+The+Lord+-+Eddie+James+(F).pdf +[2]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Glorious+-+BJ+Putnam+(B).pdf +[3]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Glorious+-+BJ+Putnam+(B).pdf diff --git a/website/schedules/2016-12-december.md b/website/schedules/2016-12-december.md new file mode 100644 index 0000000..33e2601 --- /dev/null +++ b/website/schedules/2016-12-december.md @@ -0,0 +1,41 @@ +{"title": "December 2016 Schedule"} ++++ +### Practices: + +* Dec. 13th (today), 7-8:30pm, +* Dec. 20th, 7-8:30pm, +* Dec. 27th, 7-8:30pm, +* Dec. 28th, 6:30-7pm (sound-check before service) + +Playing for service Dec. 28th. + +### Songs: + +* I Will Bless The Lord by Eddie James + - [on YouTube](https://www.youtube.com/watch?v=a2WlcI06hDo) + - [lead sheet][1] + +* Glorious by B.J. Putnam + - [on YouTube](https://www.youtube.com/watch?v=vVlECDpWyHE) + - [lead sheet][2] + +* Healing Is Here by Deluge + - [on YouTube](https://www.youtube.com/watch?v=XEEZBRj1LDI) + - [lead sheet][3] + +Note that we only have two practices this month, one of which is tonight. We’ll +listen through Healing Is Here tonight, but it is very important for us to take +advantage of the time we have individually to practice the material. If you +need help with something for your personal practice, or if you feel like your +personal practice is not as effective as you would like, feel free to get in +touch. I would love to help. + +There are some other topics and exercises I would like to be able to work into +our practice schedule. That would require us to feel confident enough in the +material that we could make time for other stuff in our practices. I am also +open to the idea of skipping performance this month, depending on how you guys +feel. We can discuss tonight. + +[1]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/I+Will+Bless+The+Lord+-+Eddie+James+(F).pdf +[2]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Glorious+-+BJ+Putnam+(B).pdf +[3]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Healing+Is+Here+-+Deluge+(E).pdf diff --git a/website/schedules/2017-01-january.md b/website/schedules/2017-01-january.md new file mode 100644 index 0000000..b4a4b61 --- /dev/null +++ b/website/schedules/2017-01-january.md @@ -0,0 +1,30 @@ +{"title": "January 2017 Schedule"} ++++ +### Practices: + +* Jan. 3rd (today), 7-8:30pm, +* Jan. 17th, 7-8:30pm, +* Jan. 24th, 7-8:30pm, +* Jan. 25th, 6:30-7pm (sound-check before service). + +Playing for service Jan. 25th. + +### Songs: + +* Healing is Here by Deluge + - [on YouTube](https://www.youtube.com/watch?v=XEEZBRj1LDI) + - [lead sheet][1] + +* Freedom by Eddie James + - [on YouTube](https://www.youtube.com/watch?v=0noC8KAENSw) + - [reference tracks](http://newlifeintroband.jdbernard.com/reference-tracks/freedom-eddie-james/) + - [lead sheet][2] + +* Only King Forever by Elevation Worship + - [on YouTube](https://www.youtube.com/watch?v=FVygdWkcoMc) + - [refrence tracks](http://newlifeintroband.jdbernard.com/reference-tracks/only-king-forever-elevation-worship/) + - [lead sheet][3] + +[1]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Healing+Is+Here+-+Deluge+(E).pdf +[2]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Freedom+-+Eddie+James+(E).pdf +[3]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Only+King+Forever+-+Elevation+Worship+(C).pdf diff --git a/website/schedules/2017-march.md b/website/schedules/2017-03-march.md similarity index 79% rename from website/schedules/2017-march.md rename to website/schedules/2017-03-march.md index 17c98b7..8598f68 100644 --- a/website/schedules/2017-march.md +++ b/website/schedules/2017-03-march.md @@ -1,6 +1,11 @@ {"title": "March 2017 Schedule"} +++ +Please note that going forward I will be including links to the lead sheets +instead of attaching them to the schedules. I have thrown together a little +website just to have a place to organize the materials we are creating: +. + ### Practices: * Feb. 7, 7-8:30pm, @@ -36,6 +41,8 @@ Playing for service March 22. * *Guitar*: Josh Robertson, Jerediah Montoya * *Lead Vocalist*: Sara Bernard +[*View this schedule online.*](http://newlifeintroband.jdbernard.com/schedules/2017-03-march.html) + [1]: https://static1.squarespace.com/static/541b0203e4b0eb59dea82d3e/t/5432c48fe4b03ad6ec047e9b/1412613263617/DivineExchange-crd.pdf [2]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Freedom+-+Eddie+James+(E).pdf [3]: https://s3-us-west-2.amazonaws.com/newlifeintroband.jdbernard.com/lead-sheets/Only+King+Forever+-+Elevation+Worship+(C).pdf diff --git a/website/template.html b/website/template.html index f5c52b1..e530c63 100644 --- a/website/template.html +++ b/website/template.html @@ -2,66 +2,12 @@ + <%title%> - New Life Introductory Band + -