Updated to be responsive.

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?

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

website/s3-dir-listing.html

@@ -5,11 +5,7 @@
     <title>Directory Listing</title>
 
     <style type=text/css>
-body {
+body { font-family: Cantarell, sans; }
-  font-family: Cantarell, sans;
-  margin: 2vw auto;
-  width: 50vw;
-}
 
 #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
   });

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

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

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

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:
+<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

website/template.html

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