-
Notifications
You must be signed in to change notification settings - Fork 0
/
test-index.html
301 lines (297 loc) · 13 KB
/
test-index.html
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
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!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">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<title>Music Technology Lab Support</title>
</head>
<body><div class="container">
<header>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">MTL Help</a>
</div>
<div class="collapse navbar-collapse" id="mtl-top-nav">
<ul class="nav navbar-nav">
<li><a href="#">Common Problems</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false">Music Theory <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#practica-musica">Practica Musica</a></li>
<li><a href="#earmaster">Ear Master</a></li>
<li><a href="#finale">Finale 2014</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" haspopup="true" aria-expanded="false">Audio Recording <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#logic-pro">Logic Pro X</a></li>
<li><a href="#ableton-live">Ableton Live 9</a></li>
<li><a href="#pro-tools">Pro Tools 12</a></li>
</ul>
</li>
<li><a href="#mac-tips">Mac Tips</a></li>
</ul>
</div>
</div>
</nav>
<h1>MTL Help</h1>
<p>Welcome to the Music Technology Lab! This page has general information, resources, and answers to common questions for the software and technology you'll be using in this room. This page is offline, so it will load even when the internet is down.</p>
<div class="col-sm-4">
<div class="panel panel-danger">
<div class="panel-heading">
<div class="panel-title">
<h3>If something's wrong</h3>
</div>
</div>
<div class="panel-body">
If something isn't working in the lab, either ask the current lab manager during regular hours, or email
</div>
</header>
<article>
<a name="practica-musica"><h2>Practica Musica</h2></a>
<div class="col-sm-12">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Logging in</h3>
</div>
<div class="panel-body">
<ol>
<li>Click the Practica Musica icon in the Dock</li>
<li>Select the third option:
<span class="label label-default">"I have a file online at WebStudents - let me choose it"</span>
</li>
<li>Enter <span class="label label-success">urmus</span> in the WebStudents Account field, and make sure <span class="label label-success"><input type=checkbox checked/> Use WebStudents</span> is checked</li>
<li>Pick your file from the list; filenames are formatted as
<span class="label label-default">LastnameFirstname360417.stu</span>
</li>
<li>Enter your password, if you made one during account creation</li>
</ol>
<div class="alert alert-warning">
<strong>If you can't find your account,</strong> let your teacher or the lab manager know ASAP! All your progress is stored on the original file.
</div>
</div>
</div>
</div>
</article>
<article>
<a name="earmaster"><h2>EarMaster Cloud</h2></a>
<div class="col-sm-12">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Logging in</h3>
</div>
<div class="panel-body">
<ol>
<li>Click the EarMaster icon in the Dock</li>
<li>Enter <span class="label label-default">urmtl</span> for school account, and your username and password.
</li>
</ol>
<div class="alert alert-info">
<strong>Note: </strong> Your username and password were emailed to you at the beginning of the semester. If you lost this information, please contact the current lab manager.
</div>
</div>
</div>
</div>
</article>
<article>
<a name="finale"><h2>Finale 2014</h2></a>
<h3>Speedy Entry Reference</h3>
<p>Using Speedy Entry in Finale will make score entry much easier, even though at first it seems difficult or annoying.</p>
<h4>Entering Notes</h4>
<p>Press the note you want the pitch of on the piano keyboard, and then press the number corresponding to the note's duration. To enter a rest, just press the number.</p>
<table class="table table-bordered">
<tbody>
<tr>
<td>number on keyboard</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>.</td>
</tr>
<tr>
<td>note appearance</td>
<td><img src="data:image/webp;base64,UklGRhwBAABXRUJQVlA4TBABAAAvKgAREIegoG0bJuUP+m0gBARF/o8mICjyfzSBQAo3uPSnAj4MPiki+h+wJMlu2zxADzDy2/sflwHmW2d/RfTfgdtIiuSuXuY9+IP8/ior0ShMg8mYkJksEGEGIswXEexFMoyXUUOlZUwRXaQMRJFAOs/A5cPXgM5g4ZZEgHq5gI7FcD1uWEgM1yMqGsMt3dzWmcs3ICF4FV33QN1Eip0hkdiPKIlIMliEcEiYGMYi0pB5ZDYiReSR+UZUKlEaRPpZVaKSifrz3yAtpeh77/PhknD5bgC2dlJ9uMXCvXZ6eNQZeCK+ufvgqmh72afuG9Fn7tv7u7uft+jUt+3+j9BNjyjuSnadIv1Vp1JylP+kAg==" /></td>
<td><img src="data:image/webp;base64,UklGRuoAAABXRUJQVlA4TN0AAAAvKwATEIegoG0bJuUP+m0gBARF/o8mICjyfzSBQAo3uPSnAj4MPiki+h+QJEmO2wx2CBxo+v/P1Y66OXyJ6L8it20bZnSe2z/Y3z2Kk6oyqqIG6kJFImmgIpF0oXRDqaPUUWqQOvwhCuN5bz8yU8ymtDnWpcl5TjPHthaoKEDmaqCuCUq6QHZ3krMWapKigpISqG0DrUGKDOqXgbyCihtoHY2pL/fV24d2UjP0EiE7jrL1Ic4rxMkhkH+ufTp+ruN3oH+uSKRm3CKAf+T2Xp4NiH5/3riqQZFrsf+DAAA=" /></td>
<td><img src="data:image/webp;base64,UklGRo4AAABXRUJQVlA4TIEAAAAvKwATEIegoG0bJuUP+m0gBARF/o8mICjyfzSBQAo3uPSnAj4MPiki+h9sG0lStLvH+JN/us/jPRgR/VfYtm3DjO4eIk8/YmHK/dfPUuu9BAqt2MZCEBbs474I8AQQ6XKsEPcAf1Nlrk8sJrzFdHI7xsEPer9E87LeqCakcN7kCwgA" /></td>
<td><img src="data:image/webp;base64,UklGRrYAAABXRUJQVlA4TKkAAAAvK0ASEIegoG0bJuUP+m0gBARF/o8mICjyfzSBQAo3uPSnAj4MPiki+h+OJElqnMF7mP8/16CI5rihQ0T/FbZt20hI0j3eoC/F3F5S5z86MbpH+LZZHOMBrrG652KcsLQ1IxEtGH90RTJv2DBTL3HmCZlRokQhYzg8QDpz/hFc4H67PiZxHMr1rqqHZzCoTTNqbqhoUDwpFtM6mXA7W7vHW9psc/bs6HsSAA==" /></td>
<td><img src="data:image/webp;base64,UklGRqgAAABXRUJQVlA4TJwAAAAvLEALEIegoG0bJuUP+m0gBARF/o8mICjyfzSBQAo3uPSnAj4MPtxIktQwi/ew/3+tjiMAhVIS0f/Ev8Hn2iVHh3dXF0f0cVBmNngrlGmwK/cKeCncBWom1ePeUjOOSJ24T9SMw/BwuM7UhnNQPa4DdeHsVIP7QY04OnfFg1vcy0AXZRi8mMo9LKRSssGjTZ3SP+vTk8FXjBeDnzg=" /></td>
<td><img src="https://www.quia.com/files/quia/users/[email protected]/DottedQuarterNote.gif" style="width:40px;height:auto;"/></td>
</tr>
<tr>
<td>note type</td>
<td>sixteenth</td>
<td>eighth</td>
<td>quarter</td>
<td>half</td>
<td>whole</td>
<td>dotted-</td>
</tr>
</tbody>
</table>
<h4>Altering Notes</h4>
<p>You can adjust the
</article>
<article>
<a name="mac-tips"><h2>General Mac Tips</h2></a>
<h3>Shortcuts/Key Commands</h3>
<p>Below are some helpful shortcut keys. If you're used to using shortcut keys on a Windows computer, most of your Windows shortcuts are the same or similar, but use Command (⌘) instead of Control.</p>
<p>If you're looking for more, Apple has a <a href="https://support.apple.com/en-us/HT201236">much longer list</a> of general key commands.</p>
<h4>Legend</h4>
<p>Some programs will use symbols for the modifier keys (Command, Control, etc). These are the less-obvious but frequently-seen symbols.</p>
<table class="table table-bordered">
<thead>
<tr>
<th>Symbol</th>
<th>Key</th>
<th>Symbol</th>
<th>Key</th>
</tr>
</thead>
<tbody>
<tr>
<td>⌘</td>
<td>Command</td>
<td>⇧</td>
<td>Shift</td>
</tr>
<tr>
<td>⌥</td>
<td>Option/Alt</td>
<td>⌃</td>
<td>Control</td>
</tr>
<tr>
<td>⌫</td>
<td>Delete</td>
<td>↩</td>
<td>Return (Enter)</td>
</tr>
</tbody>
</table>
<h4>General</h4>
<table class="table table-bordered">
<thead>
<tr>
<th>Key Command</th>
<th>Description</th>
</tr>
<tr>
<td>⌘ + N</td>
<td>Create a new file of the current program.
<p><span class="label label-info">Example:</span> In Word, this creates a new, blank document; in Chrome, this opens a new browser window.</p></td>
</tr>
<tr>
<td>⌘ + O</td>
<td>Open an existing file of the current program</td>
</tr>
<tr>
<td>⌘ + S</td>
<td>Save the current document/file</td>
</tr>
<tr>
<td>⌘ + W</td>
<td>Close the front window of the current program</td>
</tr>
<tr>
<td>⌘ + Q</td>
<td>Quit the current program and close all its open windows</td>
</tr>
<tr>
<td>⌘ + Tab</td>
<td>Switch between programs</td>
</tr>
<tr>
<td>⌘ + Spacebar</td>
<td>Search for anything (applications, files, documents)</td>
</tr>
<tr>
<td>⌃ + Click</td>
<td>Right click.
<p><span class="label label-info">Note:</span> You can also click on the upper-right hand portion of the mouse, but this will work regardless of how a mouse is set up.</td>
</tr>
<tr>
<td>⌘ + Z</td>
<td>Undo</td>
</tr>
<tr>
<td>⌘ + ⇧ + Z <i>or</i> ⌘ + Y</td>
<td>Redo most recent Undo. Check the program to see which Redo shortcut it uses.</td>
</tr>
</thead>
</table>
<h4>Editing Text</h4>
<table class="table table-bordered">
<thead>
<tr>
<th>Key Command</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>⌘ + X</td>
<td>Cut selected text
<p><span class="label label-info">Note:</span> Cutting selected text copies it first, and then deletes it.</p></td>
</tr>
<tr>
<td>⌘ + C</td>
<td>Copy selected text</td>
</tr>
<tr>
<td>⌘ + V</td>
<td>Paste previously cut/copied text</td>
</tr>
<tr>
<td>⌥ + <i>arrows</i></td>
<td>Jump between words
<!-- <p class="ltr_split ltr_word">this is some example text for words and highlighting</p> --></td>
</tr>
<tr>
<td>⌥ + ⇧ + <i>arrows</i></td>
<td>Select a word at a time
<!-- <p class="ltr_split ltr_word ltr_highlight">this is some example text for words and highlighting</p> --></td>
</tr>
<tr>
<td>⌘ + ← <i>or</i> →</td>
<td>Jump to the beginning or end of a line
<!-- <p class="ltr_split ltr_line">this is some example text for words and highlighting</p> --></td>
</tr>
<tr>
<td>⌘ + ⇧ + ← <i>or</i> →</td>
<td>Select to the beginning or end of a line
<!-- <p class="ltr_split ltr_line ltr_highlight">this is some example text for words and highlighting</p> --></td>
</tr>
<tr>
<td>⌘ + ↑ <i>or</i> ↓</td>
<td>Jump to the beginning or end of a document</td>
</tr>
</tbody>
</table>
<footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript">
/* Lettering.JS 0.6 by Dave Rupert - http://daverupert.com */
(function($){var methods={init:function(){return this.each(function(){return injector($(this),'','char','')})},words:function(){return this.each(function(){return injector($(this),' ','word',' ')})},lines:function(){return this.each(function(){var t=$(this),r="eefec303079ad17405c889e092e105b0";t.children("br").replaceWith(r);return injector(t,r,'line','')})}};function injector(t,splitter,klass,after){var a=t.text().split(splitter),inject='';if(a.length>0){$(a).each(function(i,item){inject+='<span class="'+klass+(i+1)+'">'+item+'</span>'+after});t.empty();t.append(inject)}}$.fn.lettering=function(method){if(methods[method]){return methods[method].apply(this,Array.prototype.slice.call(arguments,1))}else if(method=='letters'||!method){return methods.init.apply(this,arguments)}else{$.error('Method '+method+' does not exist on jQuery.lettering')}}})(jQuery);
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".ltr_split").lettering("words");
});
</script>
</footer>
</div></body>