-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
251 lines (206 loc) · 10.5 KB
/
index.html
File metadata and controls
251 lines (206 loc) · 10.5 KB
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
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Opera Warwick</title>
<link rel="icon" href="./images/opWaLogo.png" />
<link rel="stylesheet" href="./styles/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI"}
body {font-family: "Arial"}
</style>
</head>
<body class="light-grey-bg">
<div class="top-bar">
<a href="https://www.facebook.com/operawarwick" class="top-bar-item"><i class="fa fa-facebook-official"></i></a>
<a href="https://www.instagram.com/operawarwick/?hl=en" class="top-bar-item"><i class="fa fa-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCrWmnc1-5iJxZZXjgaX-IgQ" class="top-bar-item"><i class="fa fa-youtube"></i></a>
<a href="https://twitter.com/operawarwick" class="top-bar-item"><i class="fa fa-twitter"></i></a>
</div>
<!-- MAIN CONTENT -->
<div class="main-content">
<!-- UNIVERSITY OF WARWICK OPERA SOCIETY -->
<header class="page-box">
<h1 class="large-text"><b>University of Warwick Opera Society</b></h1>
</header>
<!-- WELCOME TO OPERA WARWICK -->
<div class="page-box">
<h2>Welcome to Opera Warwick</h2>
<div class="center">
<p>
Opera Warwick is a welcoming and inclusive place for both complete beginners and hardcore fans of opera.
We are a passionate group of students on a mission to emphasise the fun in opera and dispel the myth that opera is for the old and boring.
</p>
</div>
</div>
<!-- WHO ARE WE? -->
<div class="page-box">
<h2>Who We Are</h2>
<div class="center">
<p>Opera Warwick brings likeminded people together to have fun with classical music. </p>
<p>Based at the University of Warwick, we run activites and create innovative opera productions (in English)
with our friends at <a href="https://www.warwickartscentre.co.uk/">Warwick Arts Centre</a>. We want to introduce opera to a new generation, and create opportunities for young artists and performers who may not otherwise get a chance to work with operatic material.</p>
<p>Everyone is welcome at OpWa, whether you're a singer, actor, musician, director, writer, or just someone who wants to give it a go!</p>
<iframe class="horizontal-center styled-iframe"
src="https://www.youtube.com/embed/THntSZDyk7I"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen></iframe>
</div>
</div>
<!-- GET INVOLVED -->
<div class="page-box">
<h2>How To Get Involved</h2>
<div class="center">
<p>We always love to welcome new members, regardless of experience! The majority of our members are students at Warwick Uni, but anyone is welcome to join us. Join us on social media and find out about our latest events!</p>
<p>In order to support the society, we ask those who regularly attend our activities to purchase a society membeship through Warwick's Student Union.
This small fee helps cover our running costs and allows us to easily contact you about our events! If you're not a Warwick Uni student, you will need to create a guest account on the website and purchase an Associate membership. </p>
<a href="https://www.warwicksu.com/societies-sports/societies/operawarwick/#org-join">Purchase a membership</a>
</div>
</div>
<!-- WHERE CAN YOU FIND US? -->
<div class="page-box">
<h2>Where To Find Us</h2>
<div class="center">
<ul>
<li><a href="https://www.facebook.com/operawarwick">Facebook</a></li>
<li><a href="https://www.instagram.com/operawarwick/">Instagram</a></li>
<li>Email us at <a href="mailto:su301@warwicksu.com">su301@warwicksu.com</a></li>
<li><a href="https://www.warwicksu.com/societies-sports/societies/operawarwick/">Warwick SU Page</a></li>
<li><a href="https://www.youtube.com/channel/UCrWmnc1-5iJxZZXjgaX-IgQ">YouTube</a></li>
</ul>
<p>Here's what we've been up to...</p>
<iframe class="horizontal-center"
src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Foperawarwick%2F&tabs=timeline&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"
width="500"
height="500"
style="border: none; overflow: hidden"
allowFullScreen
allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
</div>
<!-- PUTTING ON A SHOW -->
<div class="page-box">
<h2 id="putting_on_a_show">Putting on a show</h2>
<div class="center">
<p>
Would you like to direct or produce our next performance? Here is the
<a href="./opWaSubmissionsPolicy.pdf">Submissions policy</a>. This
document contains all the information you'll need to make a Pack; a plan which can then go on
to become a production. We support young directors who want to grow their
portofolios and push the boundaries of new and exciting Opera. So don't
hesitate and give it a go!
</p>
</div>
</div>
<!-- OPWA FRIENDS -->
<div class="page-box">
<h2>Friends of OpWa</h2>
<div class="center">
<p>
Opera society members are active participants in the musical community of
the University of Warwick. You can find members who are part of Warwick Chamber
Choir, Warwick Choir, Warwick Symphony Orchestra, Brass & Wind societies,
Musical Theatre Warwick and many others. Wherever you are, there'll be a
friendly OpWa face!
</p>
</div>
</div>
<!--EXEC-->
<div class="page-box">
<h2>Executive Committee</h2>
<div class="center">
<h4>Current Exec (2023-24)</h4>
<p>Co-President - Katie Gibson</p>
<p>Co-President and Music Director - Han Zhao</p>
<p>Secretary - Gabby Stone</p>
<p>Treasurer - Dion Rudakubana</p>
<p>Marketing Officer - Ellie Stocker</p>
<p>Outreach Officer - Amelia Coleman</p>
<p>Social Secretary - Yasmin Dacre</p>
<p>Welfare Officer - Ferfinand Clarke</p>
<hr />
<h4>Previous (2022-23)</h4>
<p>President - Megan Livermore</p>
<p>Music Director - Han Zhao</p>
<p>Secretary - Rebecca French</p>
<p>Treasurer - Josh Taylor</p>
<hr />
<h4>Previous Exec (2021-22)</h4>
<p>Presidents - Alexandre Shinebourne and Farbod Salamat-Zadeh</p>
<p>Secretary - Rebecca French</p>
<p>Treasurer - Alexander Khadir</p>
</div>
</div>
<!--PAST PRODUCTIONS-->
<div class="page-box">
<h2>Past Productions</h2>
<div class="center">
<p>March 2023 - <i>Manon</i> by Jules Massenet</p>
<p>June 2022 - <i>Der Freishütz</i> by Carl Maria von Weber</p>
<p>February 2020 - <i>The Bartered Bride</i> by Bedrich Smetana</p>
<p>June 2019 - <i>The Beggar's Opera</i> by John Gay, with re-written Jazz score by our own Theo Caplan!</p>
<p>February 2019 - <i>La Vie Parisienne</i> by Jacques Offenbach</p>
<p>June 2018 - <i>H.M.S Pinafore</i> by Gilbert and Sullivan</p>
<p>January 2018 - <i>Hansel and Gretel</i> by Engelbert Humperdinck</p>
<p>June 2017 - <i>The Pirates of Penzance</i> by Gilbert and Sullivan</p>
<p>February 2017 - <i>Die Fledermaus</i> by Johann Strauss II</p>
<p>June 2016 - <i>The Threepenny Opera</i> by Bertolt Brecht and Kurt Weill</p>
<p>January 2016 - <i>The Marriage of Figaro</i> by Wolfgang Amadeus Mozart</p>
<p>January 2015 - <i>Carmen</i> by Georges Bizet</p>
<p>June 2014 - <i>The Coronation of Poppea</i> by Claudio Monteverdi</p>
<p>January 2014 - <i>Don Giovanni</i> by Wolfgang Amadeus Mozart</p>
</div>
</div>
<!-- CONTRIBUTE -->
<div class="page-box">
<div class="center">
<p style="font-size:small">
This is an open-source website produced under the
<a href="./LICENSE">MIT Licence</a>, any and all contributions are welcome.
You can contribute by going to the
<a href="https://github.com/OperaWarwick/OperaWarwick.github.io">Opera Warwick Website Github repository</a>
</p>
<hr />
<p style="font-size:small">
The current maintainer is <i>Megan Livermore</i>. If you have any
issues, queries or suggestions you can get hold of me at
<a href="mailto:megan.livermore@warwick.ac.uk">megan.livermore@warwick.ac.uk</a>.
</p>
<p style="font-size:small">
Last modified on
<span id="last-modified" style="font-weight: bold"></span>.
</p>
</div>
</div>
</div>
<!-- JAVASCRIPT -->
<script>
"use strict";
// Don't touch this stuff (it's what adds the last modified date)
function setModifiedDate() {
if (document.getElementById("last-modified")) {
fetch(
"https://api.github.com/repos/WarwickFolk/WarwickFolk.github.io/commits"
)
.then((response) => {
return response.json();
})
.then((commits) => {
var modified = commits[0]["commit"]["committer"]["date"].slice(
0,
10
);
if (modified != "{{ page.date | date: '%Y-%m-%d' }}") {
document.getElementById("last-modified").textContent = modified;
}
});
}
}
setModifiedDate();
</script>
</body>
</html>