CCCDA/educationChoir.html at master · emmahuangg/CCCDA · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html>
<head>
<title>Canada-China Cultural Development Association: Choral Competition and Master Class</title>
<link rel="stylesheet" href="CSS/educationChoir.css">
<script type="text/javascript" src="Script/jquery-3.5.1.min.js"></script>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
  <div id="windowSizeAlert">
    <center><h5>Please resize your window for a better viewing experience</h5>
      <h5>&#9660;</h5>
    <button id="button1" onclick="newWindow1()">Click here to open up a window that is more suitable for this website.</button>
    <button id="button2" onclick="newWindow2()">Click here to open up a window that is more suitable for this website.</button></center>
  </div>
  <script>
    function newWindow1() {
      myWindow = window.open(window.location.href, "", "width=" + (window.screen.height*1.8) + ", height=" + window.screen.height);
      close();
    }
    function newWindow2() {
      myWindow = window.open(window.location.href, "", "width=" + window.screen.width + ", height=" + (window.screen.width/1.8));
      close();
    }
    var w = window.innerWidth;
    var h = window.innerHeight;
    if ((w/h) > 2.73) {
      $("#windowSizeAlert").css("display","block");
      $("#button1").css("display","block");
    }
    if ((w/h) < 1.56) {
      $("#windowSizeAlert").css("display","block");
      $("#button2").css("display","block");
    }
    $(window).on('resize', function(){
      var w = window.innerWidth;
      var h = window.innerHeight;
      if ((w/h) > 2.73) {
        $("#windowSizeAlert").css("display","block");
        $("#button1").css("display","block");
        $("#button2").css("display","none");
      }
      if ((w/h) < 1.56) {
        $("#windowSizeAlert").css("display","block");
        $("#button2").css("display","block");
        $("#button1").css("display","none");
      }
      if ((w/h) >1.56 && (w/h)<2.73) {
        $("#windowSizeAlert").css("display","none");
        $("#button1").css("display","none");
        $("#button2").css("display","none");
      }
    });
  </script>
  <div id="header">
    <a href="index.html"><div id="headerCompanyLogo">
      <img id="logoRed" src="Images/logoRed.png">
      <img id="logoWhite" src="Images/logoWhite.png">
    </div></a>
    <div id="headerCompanyName">
      <span>C</span>
      <span>C</span>
      <span>C</span>
      <span>D</span>
      <span>A</span>
    </div>
    <a href="index.html"><div id="headerHome">Home</div></a>
    <div id="headerEducationdropdown">
        <a href="education.html"><div id="headerEducation">Education</div></a>
        <div id="headerEducationContent">
          <div><a href="educationSymphony.html">Symphony Orchestra</a></div>
          <div><a href="educationPiano.html">Piano & Teaching</a></div>
          <div><a href="educationChoir.html">CICF & Choir</a></div>
          <div><a href="educationArts.html">Dance, Art & Drama</a></div>
        </div>
    </div>
    <div id="headerEventsdropdown">
        <a href="events.html"><div id="headerEvents">Events</div></a>
        <div id="headerEventsContent">
          <div><a href="events2020.html">2020 Events</a></div>
          <div><a href="pastevents.html">Past Events</a></div>
        </div>
    </div>
    <div id="headerAboutdropdown">
        <a href="about.html"><div id="headerAbout">About</div></a>
        <div id="headerAboutContent">
          <div><a href="about.html#whatWeDo1">What We Do</a></div>
          <div><a href="about.html#history1">History</a></div>
          <div><a href="about.html#board1">Board & Staff</a></div>
          <div><a href="about.html#reviews1">Reviews</a></div>
        </div>
    </div>
    <script>
      $("#sidebarcontainer").css("height",document.height);
      $("#headerEventsdropdown").mouseenter(function(){
        $("#headerEventsContent").show(200);
      })
      $("#headerEventsdropdown").mouseleave(function(){
        $("#headerEventsContent").hide(200);
      })
      $("#headerAboutdropdown").mouseenter(function(){
        $("#headerAboutContent").show(200);
      })
      $("#headerAboutdropdown").mouseleave(function(){
        $("#headerAboutContent").hide(200);
      })
      $("#headerEducationdropdown").mouseenter(function(){
        $("#headerEducationContent").show(200);
      })
      $("#headerEducationdropdown").mouseleave(function(){
        $("#headerEducationContent").hide(200);
      })
    </script>
    <a href="contact.html"><div id="headerContactUs">Contact Us</div></a>
  </div>
  <div id="choirIntro">
    <a href="education.html" id="choirIntroSubtitle">Education</a>
    <div id="title">
      <div id="choirIntroTitle">Choral competition and Master Class</div>
    </div>
  </div>
  <div id="choir1">
    <p>The chorus conductor master class teaches students the world's advanced choral music education concepts, conducting and training skills. The training is conducted in targeted teaching styles including master public classes, public training observation classes, chorus teaching seminars, and concert observations.</p>
    <p>According to the needs of the choir, the entire choir training and guiding master class will be customized. In addition to explaining and guiding the general chorus and vocal content, the master will also give special guidance to the group's repertoire.</p>
    <p>The CICF will provide choirs from all over the world with a platform to showcase their singing talents. It will also provide choirs from participating countries with a good opportunity to observe, learn, and communicate with each other, so as to promote each other and jointly improve their chorus level.</p>
  </div>
  <img id="choir2" src="Images/choirPerformance.jpg">
  <div id="choir3">
    <p>The training and a series of international exchange activities designed for domestic choir teachers aim to learn, experience and practice internationally through the rich research atmosphere of the Canadian choir education comprehensive laboratory, and through targeted and innovative customized training and exchange activities. The leading choir education method effectively improves the professional skills of choir teachers, enhances teaching experience, broadens the thinking of choir and music education, and encourages more educators to contribute to the improvement of Chinese youth music literacy.
    </p>
    <img id="h1" src="Images/choirCeremony.jpg">
    <img id="h2" src="Images/choirWorkshop.jpg">
    <img id="h3" src="Images/mastersChoir.jpg">
  </div>
  <div id="choir4">
    <h3>Our Masters</h3>
    <div class="mastersdiv">
      <h5>Lisette Canton</h5>
      <p>Lisette Canton is a choral and orchestral conductor, vocal coach and technician, guest conductor, adjudicator, workshop leader and early music specialist. She is the Founder and Artistic Director of the JUNO-award winning and internationally acclaimed Ottawa Bach Choir, and is also Associate Professor and Head of Choral Conducting at York University in Toronto, where she conducts three ensembles (Chamber Choir, Concert Choir, and Men’s Chorus) and is in charge of the graduate program in choral music.
    </div>
    <div class="mastersdiv">
      <h5>Antonio Llaca</h5>
      <p>Cuban born, Antonio Llaca is an active conductor, teacher, and clinician.  He studied conducting and classical guitar both in Canada and in South America. Mr. Llaca holds a Master’s degree in Choral Conducting from Université de Sherbrooke (Montreal) and has studied with world renowned masters.</p>
    </div>
  </div>
  <div id="choir5">
    <h2>[ Itinerary ]</h2>
    <h3>CICF</h3>
    <center><table>
      <tr>
        <th>Day</th>
        <th>Main activities</th>
        <th>Highlights</th>
      </tr>
      <tr>
        <td rowspan="3">Day 1</td>
        <td>Opening reception</td>
        <td>Political dignitaries, well-known Canadian musicians, music educators, as well as main members of the choir festival organizing committee and members of the judging committee attended and gave speeches; chorus conductors and heads were invited to participate, providing an opportunity for an exchange of understanding between various choir conductors.</td>
      </tr>
      <tr>
        <td>Opening ceremony concert</td>
        <td>Professional groups and international choirs are invited to perform in professional concert halls or grand theaters.</td>
      </tr>
      <tr>
        <td>Choir rehearsal</td>
        <td>International teams will have dedicated classrooms and music rooms for rehearsals.</td>
      </tr>
      <tr>
        <td rowspan="3">Day 2</td>
        <td>Chorus master class, workshop</td>
        <td>Chorus experts, judges, etc. organize chorus and vocal workshops for all chorus members participating in the chorus festival, offer guidance lessons for conductors, and conduct custom master classes and tutoring for the chorus.</td>
      </tr>
      <tr>
        <td>Choir competition</td>
        <td>Choir groups that sign up for the competition unit will compete in accordance with the rules of the competition; the top three and the winning team will receive medals, certificates and prizes.</td>
      </tr>
      <tr>
        <td>Choir Festival Concert</td>
        <td>All choirs participating in the choir festival will perform.</td>
      </tr>
      <tr>
        <td rowspan="2">Day 3</td>
        <td>Chorus exchange activities</td>
        <td>One-to-one exchanges between international teams and local teams, joint rehearsals or exchange performances.</td>
      </tr>
      <tr>
        <td>Closing ceremony and awards concert</td>
        <td>Guest speeches, awards, and performances by winning choirs.</td>
      </tr>
    </table></center>
  </div>
  <a href="education.html#education3" id="backbtn">back</a>
  <div id="footer">
    <hr>
    <div id="footerLogoDiv">
      <a href="index.html">
        <img src="Images/CCCDAlogo.png">
      </a>
      <div id="mc_embed_signup">
        <form action="https://ocdsb.us2.list-manage.com/subscribe/post?u=3c41640258b3b732f1452a14e&amp;id=53252c0114" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <div id="mc_embed_signup_scroll">
            <label for="mce-EMAIL">Subscribe</label>
            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
            <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3c41640258b3b732f1452a14e_53252c0114" tabindex="-1" value=""></div>
         </form>
      </div>
    </div>
      <!--<p>Culture in Art.</p>-->
    <div id="footer2">
      <div class="footerDiv">
        <h3>Explore</h3>
        <p><a href="index.html">Home</a></p>&nbsp;&#8226;
        <p><a href="events.html">Events</a></p>&nbsp;&#8226;
        <p><a href="education.html">Education</a></p>&nbsp;&#8226;
        <p><a href="about.html">About</a></p>&nbsp;&#8226;
        <p><a href="contact.html">Contact Us</a></p>
      </div>
      <div class="footerDiv">
        <h3>Follow</h3>
        <p><a href="https://twitter.com/cccda_ca?lang=en">Twitter</a></p>&nbsp;&#8226;
        <p><a href="https://www.facebook.com/Canada-China-Cultural-Development-Association-364911953578051/about/">Facebook</a></p>&nbsp;&#8226;
        <p><a href="https://www.youtube.com/channel/UCcUF1BexqaJodTvNv5hy8BQ/featured">YouTube</a></p>&nbsp;&#8226;
        <p><a href="https://ca.linkedin.com/in/rudy-gao-75435455?trk=public_profile_browsemap_profile-result-card_result-card_full-click">LinkedIn</a></p>
      </div>
    </div>
    <div onclick="backToTop()" id="backToTopButton">
      <img id="backToTopOutline" src="Images/backToTopOutline.png">
      <img id="backToTopFill" src="Images/backToTopFill.png">
    </div>
    <script>
    function backToTop() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
    </script>
  </div>
</html>