CCCDA/educationSymphony.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
<!DOCTYPE html>
<html>
<head>
<title>Canada-China Cultural Development Association: Symphony Orchestra Master Class</title>
<link rel="stylesheet" href="CSS/educationSymphony.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="SOMCIntro">
    <a href="education.html" id="SOMCIntroSubtitle">Education</a>
    <div id="title">
      <div id="SOMCIntroTitle">Symphony Orchestra Master Class</div>
    </div>
  </div>
  <div id="SOMC1">
    <p>Designed by the Canadian violin master John Gomez and personally coached by performers from the Canadian National Art Center Symphony Orchestra and String Orchestra and professors from the University of Ottawa School of Music. <br><br>Taught in small classes and guided one by one, with professional piano accompaniment and in professional music classrooms or studios.</p>
  </div>
  <img id="SOMC2" src="Images/violinCloseup.jpg">
  <div id="SOMC3">
    <p>The master camp will organize a number of special concerts: exchange performances with Canadian youth orchestras, such as the Ottawa Youth Symphony Orchestra and Toronto Sinfonietta, landmark performances (there is a chance to hold a summer special concert on Canadian Parliament Hill!) and the master camp recital performances, etc.</p>
    <img id="h1" src="Images/zhejiangYouthSymphonyViolist.jpeg">
    <img id="h2" src="Images/zhejiangYouthSymphonyPerformance1.JPG">
    <img id="h3" src="Images/zhejiangYouthSymphonyGroupPhoto.jpeg">
  </div>
  <div id="SOMC4">
    <h3>Our Masters</h3>
    <div class="mastersdiv">
      <h5>John Gomez</h5>
      <h6>Violin master</h6>
      <p>Canadian violinist John Gomez has been the former conductor and concertmaster of the National Arts Centre Orchestra for 19 years, and has been teaching at the music school of University of Ottawa for 21 years, concurrently serving as the artistic director of the University of Ottawa Symphony Orchestra and the Ottawa Youth Symphony Orchestra for 35 years.
        <br><br>Mr. Gomez has a wealth of performance and music education experience. In 2016, Orchestras Canada awarded him the Betty Webster Award for his contributions to Canadian orchestras through the training and showcasing of three generations of orchestral musicians. In the spring of 2017, he was awarded The Sovereign’s Medal for Volunteers.
        <br><br>Vancouver-born violinist John Gomez received his musical education at the University of British Columbia where he studied with Esther Glazer, and at the Meadowmount School of Music, where he studied with Ivan Galamian and Paul Makanowitzky. Before joining the National Arts Centre Orchestra in 1969, he was Principal Second Violin of the Vancouver Symphony, and Concertmaster of the National Ballet of Canada Orchestra and the Stratford Festival Orchestra.    </div>
    <div class="mastersdiv">
      <h5>Donnie Deacon</h5>
      <h6>Conductor</h6>
      <p>Mr. Donnie Deacon is the former conductor of the National Arts Centre String Orchestra, former director of the National Arts Centre Master Class Project, and conductor and artistic director of the Ottawa Youth Symphony Orchestra.
      <br><br>
      Since 2001, he has been the deputy principal violinist of the National Arts Centre
      Symphony Orchestra (later transferred to the master class project as director due to injury),
      and is the youngest performer in the history of the orchestra.
      He is also the former chairman of the Vancouver Symphony Orchestra and the National Arts
      Centre Orchestra Music Association.
      <br><br>
      Donnie Deacon graduated from the Royal Conservatoire of Scotland, Yehudi Menuhin
      School in London and the famous Curtis School of Music in Philadelphia. He has worked
      with world-renowned orchestras such as the Royal Scottish Orchestra, British
      Broadcasting Symphony Orchestra, Ulster Orchestra, British Telecom Scotland
      Orchestra, Palestine Sarasat Orchestra, and Curtis Orchestra School of Music.
    </div>
  </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>