Updated to be responsive.

This commit is contained in:
Jonathan Bernard 2017-02-13 23:43:02 -06:00
parent 75286cbc10
commit 4f93b3132a
8 changed files with 313 additions and 63 deletions

View File

@ -1,4 +1,5 @@
# Introductory Meeting Agenda
{"title": "Introductory Meeting Agenda" }
+++
## New Life Rehearsal Band
1. What is NLRB?

View File

@ -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;
}
}

View File

@ -5,11 +5,7 @@
<title>Directory Listing</title>
<style type=text/css>
body {
font-family: Cantarell, sans;
margin: 2vw auto;
width: 50vw;
}
body { font-family: Cantarell, sans; }
#loading { text-align: center; }
@ -26,7 +22,7 @@ a {
a:hover { color: orange; }
#navigation {
font-size: large;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2rem;
border-bottom: solid thin darkgray;
@ -39,6 +35,56 @@ footer {
text-align: center;
margin-top: 2rem;
}
#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;
}
/* xsmall */
@media screen and (max-width: 320px) {
html { font-size: 10px; }
#content h1 { font-size: 2rem; }
#content h2 { font-size: 1.67rem; }
table tr th:nth-child(2), table tr th:nth-child(3),
table tr td:nth-child(2), table tr td:nth-child(3) { display: none; }
}
/* small */
@media screen and (min-width: 321px) and (max-width: 640px) {
html { font-size: 12px; }
#content h1 { font-size: 2rem; }
#content h2 { font-size: 1.67rem; }
table tr th:nth-child(3), table tr td:nth-child(3) { display: none; }
}
/* medium */
@media screen and (min-width: 641px) and (max-width: 1200px) {
html { font-size: 16px; }
}
/* large */
@media screen and (min-width: 1201px) {
html { font-size: 1.1vw; }
body {
margin: 2vw auto;
width: 70vw;
}
}
</style>
@ -174,6 +220,7 @@ function render(dirInfo) {
$("#listing tbody").append(renderRow(f)); });
$("#listing table").DataTable({
autoWidth: false,
paging: false,
info: false
});

View File

@ -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 dont
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

View File

@ -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. Well
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

View File

@ -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

View File

@ -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:
<http://newlifeintroband.jdbernard.com>.
### 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

View File

@ -2,66 +2,12 @@
<html>
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, user-scalable=no">
<title><%title%> - New Life Introductory Band</title>
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed|Cantarell" rel="stylesheet" type="text/css">
<link href="/css/new-life-intro-band.css" rel="stylesheet" type="text/css">
<style type=text/css>
body {
font-family: Cantarell, sans;
margin: 2vw auto;
width: 40em;
}
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 {
position: fixed;
left: calc(50% - 36em);
top: 2vw;
margin: 0;
padding: 0;
}
#nav h1 {
margin: 0;
padding: 0;
font-size: x-large;
}
#content h1 { font-size: xx-large; }
#content h2 { font-size: x-large; }
#content h3 { font-size: large; }
#content h4 { font-size: medium; }
#content h5 {
font-size: medium;
font-weight: normal;
text-decoration: underline;
}
#content h6 {
font-size: medium;
font-weight: normal;
font-variant: small-caps;
}
#content h1.title {
font-size: xx-large;
text-align: center;
width: 100%;
}
</style>
</head>
<body>
<div id=nav>