some higher res images, more mobile friendly (index.html still needs …

…work), general tweaks and qol improvements

public/about.html

@@ -59,23 +59,25 @@
 
         <h1 class="ensemble">THE ALGONQUIN ENSEMBLE</h1>
         <div class="container body-container">
-            <div class="word-wrap">
-                <h3>Bringing Art to Life with Music</h3>
-                <hr />
-                <p>The Algonquin Ensemble writes & performs music inspired by great Canadian art.</p>
-                <p>After 2 years of passionate and dedicated work, their debut project
-                    <b>"Sonic Palette - Tom Thomson's Voice Through Music 100 Years Later"</b> premiered at the McMichael Canadian
-                    Art Collection in July 2017 to an enthusiastic, spellbound, sold out crowd in Gallery 8.</p>
-                <p>The members of The Algonquin Ensemble are: Kathryn Briggs, piano; John Geggie, double bass; Lisa Moody, viola;
-                    Laura Nerenberg, violin; Margaret Tobolowska, cello & Terry Tufts, Manzer Palette and assorted guitars.
-                    The group is an eclectic mix , merging classical, folk and jazz backgrounds into a magnificent tapestry
-                    of musical landscapes.</p>
+            <div class="row">
+                <div class="col">
+                        <h3>Bringing Art to Life with Music</h3>
+                        <hr />
+                        <p>The Algonquin Ensemble writes & performs music inspired by great Canadian art.</p>
+                        <p>After 2 years of passionate and dedicated work, their debut project
+                            <b>"Sonic Palette - Tom Thomson's Voice Through Music 100 Years Later"</b> premiered at the McMichael Canadian
+                            Art Collection in July 2017 to an enthusiastic, spellbound, sold out crowd in Gallery 8.</p>
+                        <p>The members of The Algonquin Ensemble are: Kathryn Briggs, piano; John Geggie, double bass; Lisa Moody, viola;
+                            Laura Nerenberg, violin; Margaret Tobolowska, cello & Terry Tufts, Manzer Palette and assorted guitars.
+                            The group is an eclectic mix , merging classical, folk and jazz backgrounds into a magnificent tapestry
+                            of musical landscapes.</p>
+                </div>
             </div>
             <hr />
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/kathrynbriggsbio.jpg" class="float-left bio-image img-fluid" style="width: 40%" alt="Kathryn Briggs">
+                    <img src="./assets/kathrynbriggsbio.jpg" class="float-left bio-image img-fluid" alt="Kathryn Briggs">
                     <div class="word-wrap bio-text">
                         <p>Born and raised in Canada's capital city, Kathryn Briggs has committed her life to creating and sharing
                             music. She is a well-respected pianist, teacher, composer and performer. Beginning at the age
@@ -111,7 +113,7 @@ <h3>Bringing Art to Life with Music</h3>
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/johngeggiebio.jpg" class="float-left bio-image img-fluid" style="width: 40%" alt="John Geggie">
+                    <img src="./assets/johngeggiebio.jpg" class="float-left bio-image img-fluid" alt="John Geggie">
                     <div class="word-wrap bio-text">
                         <p>John Geggie's musical background is extraordinarily eclectic. From orchestral, to jazz, to improvised
                             music, his experience is diverse. After university studies in Ottawa (Canada) and the mid-western
@@ -142,7 +144,7 @@ <h3>Bringing Art to Life with Music</h3>
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/lisamoodybio.jpg" class=" float-left bio-image img-fluid " style="width: 40% " alt="Lisa Moody">
+                    <img src="./assets/lisamoodybio.jpg" class="float-left bio-image img-fluid" alt="Lisa Moody">
                     <div class="word-wrap bio-text ">
                         <p>Violist Lisa Moody is in demand as both a performer and a teacher. Ms. Moody has been member of the
                             Vancouver and Winnipeg Symphony Orchestras, and is a current member of the Ottawa Symphony Orchestra
@@ -157,10 +159,10 @@ <h3>Bringing Art to Life with Music</h3>
                         </p>
                         <p>Ms. Moody has a strong interest in Canadian music that is evident in the projects she undertakes,
                             including a solo CD of previously unrecorded Canadian compositions for viola and piano, titled
-                            <a href="https://www.musiccentre.ca/node/40349">Magdalene Wood</a> (2009), and a collaboration with The Algonquin Ensemble (2017).
+                            <a href="https://www.musiccentre.ca/node/40349" class="external-link">Magdalene Wood</a> (2009), and a collaboration with The Algonquin Ensemble (2017).
                         </p>
                         <p>In 2018, Ms. Moody was been invited to take part in the
-                            <a href="https://ottawasymphony.com/3dstringtheory/">3D StringTheory Project</a>, an initiative of the OSO funded by the Canada Council for the Arts
+                            <a href="https://ottawasymphony.com/3dstringtheory/" class="external-link">3D StringTheory Project</a>, an initiative of the OSO funded by the Canada Council for the Arts
                             that will explore how new technology such as 3D printing can expand musical boundaries. </p>
                     </div>
                 </div>
@@ -169,7 +171,7 @@ <h3>Bringing Art to Life with Music</h3>
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/lauranerenbergbio.jpg" class=" float-left bio-image img-fluid " style="width: 40% " alt="Laura Nerenberg">
+                    <img src="./assets/lauranerenbergbio.jpg" class="float-left bio-image img-fluid" alt="Laura Nerenberg">
                     <div class="word-wrap bio-text ">
                         <p>Montreal native, Laura Nerenberg, started playing the violin at 3 and the piano at 7. Laura has performed
                             chamber music, orchestral music, jazz, pop, folk and improvised music all over the National Capital
@@ -203,7 +205,7 @@ <h3>Bringing Art to Life with Music</h3>
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/margaretmariabio.jpg" class=" float-left bio-image img-fluid " style="width: 40% " alt="Margaret Maria">
+                    <img src="./assets/margaretmariabio.jpg" class="float-left bio-image img-fluid" alt="Margaret Maria">
                     <div class="word-wrap bio-text ">
                         <p>In 2012, Margaret Maria was awarded the Leading Women Building Communities Award by the Government
                             of Ontario for her work in the Ottawa community with OrKidstra (an El Sistema inspired program)
@@ -214,7 +216,7 @@ <h3>Bringing Art to Life with Music</h3>
                             Centre in Ottawa. Her passion for social justice and music continues to hold strong and true
                             even though she is focused on composing and creating music. In 2012, Margaret and Tina were recognized
                             as
-                            <a href="www.kickasscanadians.ca">Kickass Canadians</a>.
+                            <a href="https://www.kickasscanadians.ca" class="external-link">Kickass Canadians</a>.
                         </p>
                         <p>Margaret Maria is very passionate about teaching and has given master classes in Canada, the United
                             States, and Mexico. She has taught at the University of Ottawa, Carleton University, the National
@@ -233,7 +235,7 @@ <h3>Bringing Art to Life with Music</h3>
                             and adults alike. Her 8th album, Carried By An Angel, a love story told through music was just
                             released October 2017. Margaret Maria’s music can be heard on CBC Radio, Galaxie Radio, iTunes,
                             Spotify, with more information on her projects at
-                            <a href="www.enchanten.com">www.enchanten.com</a>.
+                            <a href="https://www.enchanten.com" class="external-link">www.enchanten.com</a>.
                         </p>
                     </div>
                 </div>
@@ -242,15 +244,15 @@ <h3>Bringing Art to Life with Music</h3>
 
             <div class="row">
                 <div class="col">
-                    <img src="./assets/terrytuftsbio.jpg" class=" float-left bio-image img-fluid " style="width: 40% " alt="Terry Tufts">
+                    <img src="./assets/terrytuftsbio.jpg" class="float-left bio-image img-fluid" alt="Terry Tufts">
                     <div class="word-wrap bio-text ">
                         <p>Guitarist and award-winning songwriter Terry Tufts has been obsessed with the fretted string since
                             the age of 5. He began his career as a working musician upon graduating high school and has since
                             been active as a solo artist and an accompanist for the past 40 years. He has shared the stage
                             with many treasured North American musicians such as Laura Smith, David Francey, Jessie Winchester,
                             Valdy, Colleen Peterson, Susan Aglukark, Wayne Rostad, Tamarack, The Arrogant Worms, The Family
                             Brown, George Fox, Dario Domingues, Willie P. Bennet, Sneezy Waters, Stephen Fearing, Don Ross,
-                            Tom Paxton and more. He did 4 tours through out Canada with "Hank Williams:The Show He Never
+                            Tom Paxton and more. He did 4 tours through out Canada with "Hank Williams: The Show He Never
                             Gave".
                         </p>
                         <p>Mr. Tufts career has included such performance highlights as the Human Rights World Conference in
@@ -263,7 +265,7 @@ <h3>Bringing Art to Life with Music</h3>
                         <p>As a renowned triple threat guitarist and singer and song writer, Mr. Tufts is a two-time recipient
                             of Ontario Council of Folk Festivals SONGS FROM THE HEART Award (1998 and 2001). He has performed
                             widely on TV and radio countless times on programs such as CBC Radio for Musical Friends with
-                            Marie Lynne Hammond, Morningside with Peter Gzowski, Swinging On A Star with Murray McLauchlan,
+                            Marie Lynn Hammond, Morningside with Peter Gzowski, Swinging On A Star with Murray McLauchlan,
                             Madly Off In All Directions with Lorne Elliott, on CBC TV for The Rita McNeil Show, True North
                             shows (Yellowknife,and Whitehorse), The Dini Petty Show, Canada AM, The George Hamilton IV Show,
                             The CCMA Awards, and The Tommy Hunter Show.
@@ -276,7 +278,7 @@ <h3>Bringing Art to Life with Music</h3>
                         </p>
                         <p>Terry Tufts has taught finger style guitar courses and workshops across Canada. He currently teaches
                             songwriting at Carleton University in Ottawa. His past teaching experiences encompass many schools
-                            including The Ottawa Folklore Centre, Algonquin College in Ottawa, Ontario.
+                            including The Ottawa Folklore Centre, and Algonquin College in Ottawa, Ontario.
                         </p>
                     </div>
                 </div>

public/calendar.html

@@ -59,9 +59,7 @@
 
         <h1 class="ensemble">THE ALGONQUIN ENSEMBLE</h1>
         <div class="container body-container">
-            <div class="word-wrap">
-                <h3>Upcoming Events</h3>
-            </div>
+            <h3>Upcoming Events</h3>
             <hr />
             <div class="container">
                 <div class="card">
@@ -99,7 +97,7 @@ <h5 class="card-title">Ottawa ChamberFest</h5>
                     </div>
                 </div>
                 <div class="card">
-                    <h5 class="card-header">Tom Thomson's Last Bonfire</h5>
+                    <h5 class="card-header">Tom Thomson: Mystery and Music</h5>
                     <div class="card-body">
                         <h5 class="card-title">Arnprior Public Library</h5>
                         <div class="row">

public/index.html

@@ -8,7 +8,8 @@
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
     crossorigin="anonymous">
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora|Montserrat">
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt"
+    crossorigin="anonymous">
   <link rel="stylesheet" href="./style.css">
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@@ -38,7 +39,7 @@
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
         <span class="navbar-toggler-icon"></span>
       </button>
-      <span class="navbar-brand" href="#">The Algonquin Ensemble</span>
+      <div class="navbar-brand" href="#">The Algonquin Ensemble</div>
       <div class="navbar-collapse collapse" id="navbar">
         <div class="navbar-nav nav-fill w-100">
           <a class="nav-item nav-link active" href="">Home
@@ -69,28 +70,26 @@
     <h1 class="ensemble">THE ALGONQUIN ENSEMBLE</h1>
     <div class="container body-container">
       <div class="row">
-        <div class="col word-wrap">
-          <h3>Who We Are</h3>
-          <hr />
-          <p>The Algonquin Ensemble is a sextet formed to musically interpret and celebrate the work of Canadian Landscape Painter
-            and inspiration of the Group Of Seven - Tom Thomson.</p>
-        </div>
-        <div class="col-4 spacing">
-
+        <div class="col-lg-8 col-12">
+            <h3>Who We Are</h3>
+            <hr />
+            <p>The Algonquin Ensemble is a sextet formed to musically interpret and celebrate the work of Canadian Landscape Painter
+              and inspiration of the Group Of Seven - Tom Thomson.</p>
         </div>
+        <div class="col-lg-4 col-0"></div>
       </div>
       <div class="row">
-        <div class="col-8">
+        <div class="col-lg-8 col-12">
           <div class="img-hover-container">
             <img src="./assets/sonicPalette.jpg" class="img-fluid img-hover" alt="The Sonic Palette CD">
             <div class="img-hover-middle">
-              <a href="#">
+              <a href="">
                 <div class="img-hover-text">Buy Now</div>
               </a>
             </div>
           </div>
         </div>
-        <div class="col">
+        <div class="col-lg-4 col-12">
           <div class="fb-page social" data-href="https://www.facebook.com/pg/The-Algonquin-Ensemble-257628054640468" data-tabs="timeline, events"
             data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
             <blockquote cite="https://www.facebook.com/pg/The-Algonquin-Ensemble-257628054640468" class="fb-xfbml-parse-ignore">

public/script.js

@@ -1,5 +1,7 @@
 $(document).ready(function () {
-    if ($('html').scrollTop() < 50) {
-      $("html, body").animate({ scrollTop: 50 }, 500);
-    }
+    // if ($('html').scrollTop() < 50) {
+    //   $("html, body").animate({ scrollTop: 50 }, 500);
+    // }
+
+    $("a.external-link").attr('target' ,'_blank');
 });

public/style.css

@@ -1,6 +1,10 @@
 body {
     background-color: #6A6A6A;
     background-image: url("./assets/texture.png");
+    word-wrap: break-word;
+    text-align: justify;
+    text-justify: inter-word;
+    overflow-x: hidden;
 }
 
 h1 {
@@ -27,34 +31,21 @@ h1 {
     color: #fff8e8 !important;
 }
 
-.parallax {
-    min-height: 550px;
-    background-attachment: fixed;
-    background-repeat: no-repeat;
-    background-size: cover;
-}
-
 .body-container {
     font-family: "Lora";
-    padding-top: 15px;
-    padding-bottom: 25px;
+    padding: 20px;
     margin-bottom: 30px;
     background-color: #fff8e8;
     box-shadow: 7px 7px 5px;
 }
 
 .bio-image {
-    margin: 20px 20px 10px 20px;
+    margin: 20px 20px 5px 0px;
+    width: 40%;
 }
 
 .bio-text {
-    margin: 15px !important;
-}
-
-.word-wrap {
-    word-wrap: break-word;
-    margin-top: 10px;
-    margin-left: 10px;
+    margin-top: 15px;
 }
 
 .image-text-wrapper {
@@ -65,11 +56,13 @@ h1 {
 
 .social {
     border: 1px solid black;
+    margin-right: 20px auto !important;
 }
 
 .card {
-    margin-bottom: 20px;
-    box-shadow: 3px 3px 8px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    box-shadow: 2px 2px 5px;
 }
 
 .card-header {
@@ -89,20 +82,25 @@ h1 {
     list-style-type: none;
 }
 
+.parallax {
+    min-height: 400px;
+    height: 70vh;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-position: top;
+}
+
 #parallax1 {
-    width: 100%;
-    background-image: url("./assets/algonquinEnsemble.jpg");
-    background-position: bottom;
+    background-image: url("./assets/highres/west-wind.jpg");
 }
 
 #parallax2 {
-    background-image: url("./assets/algonquinGallery.jpeg");
-    background-position: bottom;
+    background-image: url("./assets/highres/national-gallery-arches-landscape-crop.jpg");
 }
 
 #parallax3 {
-    background-image: url("./assets/tom-thomson.jpg");
-    background-position: bottom;
+    background-image: url("./assets/tom-thomson-crop.jpg");
 }
 
 .unselectable {
@@ -118,6 +116,7 @@ h1 {
     width: 80%;
     margin-left: auto;
     margin-right: auto;
+    margin-bottom: 25px;
 }
 
 .img-hover-container:hover .img-hover {
@@ -160,12 +159,38 @@ a:hover {
     padding: 16px 32px;
 }
 
-.spacing {
-    display: none;
+@media(max-width: 992px) {
+    .parallax {
+        height: auto;
+        background-attachment: scroll;
+        border-bottom: 2px solid black;
+    }
 }
 
-@media (min-width: 768px) {
-    .spacing {
+@media(max-width: 576px) {
+    .parallax {
+        min-height: 200px;
+    }
+
+    .bio-image {
+        width: 90%;
+        margin-left: auto;
+        margin-right: auto;
+        float: none !important;
         display: block;
     }
+
+    .calendar-list {
+        margin-top: 20px;
+    }
+}
+
+@media (min-width: 576px) {
+    @media (max-width: 992px) {
+        .navbar-brand {
+            position: absolute;
+            left: 50%;
+            transform: translateX(-50%);
+        }
+    }
 }